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

package/README.md

@@ -31,7 +31,7 @@ And the portability proof — `examples/profile` renders ONE source file with bo
 
 - [x] Yoga + GtkFixed spike — **GO** (0 px accuracy, 500-node reflow in 0.17 ms, 60 fps — `docs/research/yoga-gtk-spike.md`)
 - [x] Dev environment (UTM VM with a native GNOME session, headless sway for tests) and dev workflow
-- [x] gtkx bridge (isolation from the RC API; [workaround catalog](https://github.com/itsmepetrov/react-native-gtkx/blob/main/docs/gtkx-rc2-notes.md))
+- [x] gtkx bridge (isolation from the RC API; [workaround catalog](https://github.com/itsmepetrov/react-native-gtkx/blob/main/docs/gtkx-rc3-notes.md))
 - [x] Layout engine (Yoga shadow tree, measure via Pango, batching, diffing, onLayout)
 - [x] StyleSheet: layout/visual split, CSS Color 4 colors, PlatformColor → Adwaita
 - [x] View / Text / Image / AppRegistry — first RN render in GTK
@@ -44,15 +44,13 @@ And the portability proof — `examples/profile` renders ONE source file with bo
 - [x] **Fast Refresh on both toolchains**: `run-linux --dev` (Metro dev server + HMR in the GTK host, state preserved) and `gtkx dev` (vite)
 - [x] **Navigation on real Adwaita widgets**: react-navigation navigators backed by `Adw.NavigationView` and `Adw.NavigationSplitView` — see below
 
-Verified live: `examples/hn-app` (a Hacker News reader on the Metro path), `examples/gallery` (the whole surface) and the interactive `examples/playground` — 448 tests (unit + component tests under headless Wayland).
+Verified live: `examples/hn-app` (a Hacker News reader on the Metro path), `examples/gallery` (the whole surface), the interactive `examples/playground`, and `examples/tasks-app` (a full GNOME task manager — a port of the [gtkx tutorial](https://gtkx.dev/tutorial/)'s Tasks app, and the platform's most demanding app so far) — 921 tests (unit + component tests under headless Wayland).
 
 ## Navigation is native, not redrawn
 
 ```tsx
-import {
-  createStackNavigator,
-  NavigationContainer,
-} from "react-native-gtkx/navigation"
+import { NavigationContainer } from "@react-navigation/native"
+import { createStackNavigator } from "react-native-gtkx/navigation"
 ```
 
 Screens are real `Adw.NavigationPage`s inside an `Adw.NavigationView`, and
@@ -74,8 +72,13 @@ to the JS drawer; react-native-macos is not supported by it at all, because
 AppKit has no navigation-stack primitive to bind to. GTK4/libadwaita does have
 one, so the model here is the iOS `native-stack` one:
 [docs/research/navigation-extensibility.md](https://github.com/itsmepetrov/react-native-gtkx/blob/main/docs/research/navigation-extensibility.md)
-maps every native-stack option against what we support, what is coming, and
-what is meaningless on a desktop.
+lays out the split, what an app can reach, and what is meaningless on a
+desktop.
+
+Underneath it, [`react-native-gtkx/gtk` and `react-native-gtkx/adw`](https://github.com/itsmepetrov/react-native-gtkx/blob/main/docs/platform-layer.md) exposes the
+widgets themselves — including a navigation stack that needs no router at
+all, and GTK widgets that take a React Native `style` for position and
+appearance. react-navigation is a convenience here, not the ceiling.
 
 ## Performance architecture
 
@@ -95,11 +98,21 @@ GTK allocation. Two orders of magnitude of headroom against a 60 fps frame
 budget, measured, not estimated (see docs/research/yoga-gtk-spike.md and
 docs/research/layout-manager.md).
 
+Those are this layer's own costs, and a scrolling-list study measured what
+share of a real frame they are: 0.6 ms of a 44.5 ms frame at full screen,
+where the rest is software rasterization on a GPU-less test VM. Windowed,
+a `FlatList` is indistinguishable from a native `GtkScrolledWindow`. Read
+that as "the compatibility layer is not what costs frames on that rig"
+rather than as an absolute — the same study retracted an earlier headline
+number that had compared two different window sizes
+(docs/research/scroll-performance.md).
+
 ## Documentation
 
 - [Getting Started](https://github.com/itsmepetrov/react-native-gtkx/blob/main/docs/getting-started.md) — a new project in a minute, and adding Linux to an existing RN app;
 - [API v1](https://github.com/itsmepetrov/react-native-gtkx/blob/main/docs/api.md) — the full surface and differences from RN;
-- [Navigation research](https://github.com/itsmepetrov/react-native-gtkx/blob/main/docs/research/navigation-extensibility.md) — every native-stack option mapped, how an existing react-navigation app ports, and why the other desktop RN platforms never got native navigation;
+- [The platform layer](https://github.com/itsmepetrov/react-native-gtkx/blob/main/docs/platform-layer.md) — `react-native-gtkx/gtk` and `react-native-gtkx/adw`: Adwaita and GTK widgets as React components, driven by React Native style, usable with your own router or none at all;
+- [Navigation research](https://github.com/itsmepetrov/react-native-gtkx/blob/main/docs/research/navigation-extensibility.md) — the two layers, how an existing react-navigation app ports, and why the other desktop RN platforms never got native navigation;
 - [What we need from gtkx](https://github.com/itsmepetrov/react-native-gtkx/blob/main/docs/upstream-gtkx.md) — the standing upstream agenda (bugs with repros, API asks, workarounds we want to delete);
 - [CONTRIBUTING](https://github.com/itsmepetrov/react-native-gtkx/blob/main/CONTRIBUTING.md) — developing the library (from macOS — via the UTM VM).
 

package/dist/adw/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./widgets.generated";
+export { Adw } from "../gtkx/bridge/index";
+export { AdwBreakpoint, AdwShortcutsItem, AdwShortcutsSection, AdwToggle, } from "../gtkx/bridge/index";

package/dist/adw/index.js

@@ -0,0 +1,41 @@
+// react-native-gtkx/adw — libadwaita widgets as React components.
+//
+// The Adwaita half of the platform layer; its GTK counterpart is
+// react-native-gtkx/gtk, and what we wrote ourselves lives in
+// react-native-gtkx/common (NavigationStack, SlotContent, wrapReactNative). Nothing here
+// imports react-navigation.
+//
+// NAMING, one rule across both subpaths: a name carrying a `Gtk` or `Adw`
+// prefix IS that widget, as gtkx binds it. A name without a prefix is ours.
+//
+// The layering mirrors the React Native ecosystem: react-native-screens
+// exposes primitives, @react-navigation/native-stack binds them to a router.
+// Here, this subpath exposes primitives and react-native-gtkx/navigation
+// binds them to react-navigation. You can skip the binding entirely — drive
+// NavigationStack from useState, from your own router, from anything.
+// The raw widgets, exactly as gtkx binds them — every GObject property and
+// signal, including ones added after this file was written.
+//
+// AdwNavigationView and AdwNavigationPage are the imperative originals:
+// NavigationStack above is a declarative alternative, NOT a replacement, and
+// a standard widget must never become unreachable because we wrapped it.
+// The full Adwaita widget surface lives in a generated file: every
+// Adw.Widget subclass gtkx binds, wrapped so React Native drives it. The raw
+// AdwNavigationView and AdwNavigationPage are in there too — NavigationStack
+// in react-native-gtkx/common is a declarative alternative, never a
+// replacement, and a standard widget must stay reachable.
+export * from "./widgets.generated";
+// Exported as a value: it carries both the enums you need at runtime and the
+// types you need for refs — `useRef<Adw.NavigationView | null>(null)`.
+export { Adw } from "../gtkx/bridge/index";
+// Auxiliary JSX elements that are not Adw.Widget subclasses, so the
+// generated widget surface above never sees them: a responsive breakpoint
+// (the `breakpoints` prop of AdwApplicationWindow/AdwBreakpointBin/AdwDialog
+// takes one of these as a child) and the two leaf elements a
+// AdwShortcutsDialog's AdwShortcutsSection is built from. See
+// docs/platform-layer.md "Unwrapped by necessity" and "Two ways to react
+// to size" — createSidebarNavigator's own collapse
+// (src/navigation/sidebar.tsx) pairs AdwBreakpoint with AdwBreakpointBin
+// (a real widget, wrapped above) to scope a breakpoint to a subtree.
+export { AdwBreakpoint, AdwShortcutsItem, AdwShortcutsSection, AdwToggle, } from "../gtkx/bridge/index";
+//# sourceMappingURL=index.js.map

package/dist/adw/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/adw/index.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,EAAE;AACF,iEAAiE;AACjE,8DAA8D;AAC9D,yFAAyF;AACzF,4BAA4B;AAC5B,EAAE;AACF,0EAA0E;AAC1E,4EAA4E;AAC5E,EAAE;AACF,wEAAwE;AACxE,6EAA6E;AAC7E,yEAAyE;AACzE,4EAA4E;AAC5E,sEAAsE;AAEtE,2EAA2E;AAC3E,4DAA4D;AAC5D,EAAE;AACF,wEAAwE;AACxE,6EAA6E;AAC7E,yEAAyE;AACzE,mEAAmE;AACnE,6EAA6E;AAC7E,6EAA6E;AAC7E,oEAAoE;AACpE,0DAA0D;AAC1D,cAAc,qBAAqB,CAAA;AAEnC,6EAA6E;AAC7E,uEAAuE;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAE1C,oEAAoE;AACpE,0EAA0E;AAC1E,6EAA6E;AAC7E,6DAA6D;AAC7D,8DAA8D;AAC9D,yEAAyE;AACzE,mDAAmD;AACnD,yEAAyE;AACzE,qEAAqE;AACrE,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,SAAS,GACV,MAAM,sBAAsB,CAAA","sourcesContent":["// react-native-gtkx/adw — libadwaita widgets as React components.\n//\n// The Adwaita half of the platform layer; its GTK counterpart is\n// react-native-gtkx/gtk, and what we wrote ourselves lives in\n// react-native-gtkx/common (NavigationStack, SlotContent, wrapReactNative). Nothing here\n// imports react-navigation.\n//\n// NAMING, one rule across both subpaths: a name carrying a `Gtk` or `Adw`\n// prefix IS that widget, as gtkx binds it. A name without a prefix is ours.\n//\n// The layering mirrors the React Native ecosystem: react-native-screens\n// exposes primitives, @react-navigation/native-stack binds them to a router.\n// Here, this subpath exposes primitives and react-native-gtkx/navigation\n// binds them to react-navigation. You can skip the binding entirely — drive\n// NavigationStack from useState, from your own router, from anything.\n\n// The raw widgets, exactly as gtkx binds them — every GObject property and\n// signal, including ones added after this file was written.\n//\n// AdwNavigationView and AdwNavigationPage are the imperative originals:\n// NavigationStack above is a declarative alternative, NOT a replacement, and\n// a standard widget must never become unreachable because we wrapped it.\n// The full Adwaita widget surface lives in a generated file: every\n// Adw.Widget subclass gtkx binds, wrapped so React Native drives it. The raw\n// AdwNavigationView and AdwNavigationPage are in there too — NavigationStack\n// in react-native-gtkx/common is a declarative alternative, never a\n// replacement, and a standard widget must stay reachable.\nexport * from \"./widgets.generated\"\n\n// Exported as a value: it carries both the enums you need at runtime and the\n// types you need for refs — `useRef<Adw.NavigationView | null>(null)`.\nexport { Adw } from \"../gtkx/bridge/index\"\n\n// Auxiliary JSX elements that are not Adw.Widget subclasses, so the\n// generated widget surface above never sees them: a responsive breakpoint\n// (the `breakpoints` prop of AdwApplicationWindow/AdwBreakpointBin/AdwDialog\n// takes one of these as a child) and the two leaf elements a\n// AdwShortcutsDialog's AdwShortcutsSection is built from. See\n// docs/platform-layer.md \"Unwrapped by necessity\" and \"Two ways to react\n// to size\" — createSidebarNavigator's own collapse\n// (src/navigation/sidebar.tsx) pairs AdwBreakpoint with AdwBreakpointBin\n// (a real widget, wrapped above) to scope a breakpoint to a subtree.\nexport {\n  AdwBreakpoint,\n  AdwShortcutsItem,\n  AdwShortcutsSection,\n  AdwToggle,\n} from \"../gtkx/bridge/index\"\n"]}

package/dist/adw/widgets.generated.d.ts

@@ -0,0 +1,63 @@
+export declare const AdwAboutDialog: React.ComponentType<import("@gtkx/jsx/adw").AdwAboutDialogProps<import("@gtkx/gi/adw").AboutDialog> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwAlertDialog: React.ComponentType<import("@gtkx/jsx/adw").AdwAlertDialogProps<import("@gtkx/gi/adw").AlertDialog> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwAvatar: React.ComponentType<import("@gtkx/jsx/adw").AdwAvatarProps<import("@gtkx/gi/adw").Avatar> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwBanner: React.ComponentType<import("@gtkx/jsx/adw").AdwBannerProps<import("@gtkx/gi/adw").Banner> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwBin: React.ComponentType<import("@gtkx/jsx/adw").AdwBinProps<import("@gtkx/gi/adw").Bin> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwBottomSheet: React.ComponentType<import("@gtkx/jsx/adw").AdwBottomSheetProps<import("@gtkx/gi/adw").BottomSheet> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwBreakpointBin: React.ComponentType<import("@gtkx/jsx/adw").AdwBreakpointBinProps<import("@gtkx/gi/adw").BreakpointBin> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwButtonContent: React.ComponentType<import("@gtkx/jsx/adw").AdwButtonContentProps<import("@gtkx/gi/adw").ButtonContent> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwCarousel: React.ComponentType<import("@gtkx/jsx/adw").AdwCarouselProps<import("@gtkx/gi/adw").Carousel> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwCarouselIndicatorDots: React.ComponentType<import("@gtkx/jsx/adw").AdwCarouselIndicatorDotsProps<import("@gtkx/gi/adw").CarouselIndicatorDots> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwCarouselIndicatorLines: React.ComponentType<import("@gtkx/jsx/adw").AdwCarouselIndicatorLinesProps<import("@gtkx/gi/adw").CarouselIndicatorLines> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwClamp: React.ComponentType<import("@gtkx/jsx/adw").AdwClampProps<import("@gtkx/gi/adw").Clamp> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwClampScrollable: React.ComponentType<import("@gtkx/jsx/adw").AdwClampScrollableProps<import("@gtkx/gi/adw").ClampScrollable> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwDialog: React.ComponentType<import("@gtkx/jsx/adw").AdwDialogProps<import("@gtkx/gi/adw").Dialog> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwFlap: React.ComponentType<import("@gtkx/jsx/adw").AdwFlapProps<import("@gtkx/gi/adw").Flap> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwHeaderBar: React.ComponentType<import("@gtkx/jsx/adw").AdwHeaderBarProps<import("@gtkx/gi/adw").HeaderBar> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwInlineViewSwitcher: React.ComponentType<import("@gtkx/jsx/adw").AdwInlineViewSwitcherProps<import("@gtkx/gi/adw").InlineViewSwitcher> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwLayoutSlot: React.ComponentType<import("@gtkx/jsx/adw").AdwLayoutSlotProps<import("@gtkx/gi/adw").LayoutSlot> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwLeaflet: React.ComponentType<import("@gtkx/jsx/adw").AdwLeafletProps<import("@gtkx/gi/adw").Leaflet> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwMultiLayoutView: React.ComponentType<import("@gtkx/jsx/adw").AdwMultiLayoutViewProps<import("@gtkx/gi/adw").MultiLayoutView> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwNavigationSplitView: React.ComponentType<import("@gtkx/jsx/adw").AdwNavigationSplitViewProps<import("@gtkx/gi/adw").NavigationSplitView> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwNavigationView: React.ComponentType<import("@gtkx/jsx/adw").AdwNavigationViewProps<import("@gtkx/gi/adw").NavigationView> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwOverlaySplitView: React.ComponentType<import("@gtkx/jsx/adw").AdwOverlaySplitViewProps<import("@gtkx/gi/adw").OverlaySplitView> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwPreferencesDialog: React.ComponentType<import("@gtkx/jsx/adw").AdwPreferencesDialogProps<import("@gtkx/gi/adw").PreferencesDialog> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwPreferencesGroup: React.ComponentType<import("@gtkx/jsx/adw").AdwPreferencesGroupProps<import("@gtkx/gi/adw").PreferencesGroup> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwShortcutLabel: React.ComponentType<import("@gtkx/jsx/adw").AdwShortcutLabelProps<import("@gtkx/gi/adw").ShortcutLabel> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwShortcutsDialog: React.ComponentType<import("@gtkx/jsx/adw").AdwShortcutsDialogProps<import("@gtkx/gi/adw").ShortcutsDialog> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwSidebar: React.ComponentType<import("@gtkx/jsx/adw").AdwSidebarProps<import("@gtkx/gi/adw").Sidebar> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwSpinner: React.ComponentType<import("@gtkx/jsx/adw").AdwSpinnerProps<import("@gtkx/gi/adw").Spinner> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwSplitButton: React.ComponentType<import("@gtkx/jsx/adw").AdwSplitButtonProps<import("@gtkx/gi/adw").SplitButton> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwSqueezer: React.ComponentType<import("@gtkx/jsx/adw").AdwSqueezerProps<import("@gtkx/gi/adw").Squeezer> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwStatusPage: React.ComponentType<import("@gtkx/jsx/adw").AdwStatusPageProps<import("@gtkx/gi/adw").StatusPage> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwTabBar: React.ComponentType<import("@gtkx/jsx/adw").AdwTabBarProps<import("@gtkx/gi/adw").TabBar> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwTabButton: React.ComponentType<import("@gtkx/jsx/adw").AdwTabButtonProps<import("@gtkx/gi/adw").TabButton> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwTabOverview: React.ComponentType<import("@gtkx/jsx/adw").AdwTabOverviewProps<import("@gtkx/gi/adw").TabOverview> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwTabView: React.ComponentType<import("@gtkx/jsx/adw").AdwTabViewProps<import("@gtkx/gi/adw").TabView> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwToastOverlay: React.ComponentType<import("@gtkx/jsx/adw").AdwToastOverlayProps<import("@gtkx/gi/adw").ToastOverlay> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwToggleGroup: React.ComponentType<import("@gtkx/jsx/adw").AdwToggleGroupProps<import("@gtkx/gi/adw").ToggleGroup> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwToolbarView: React.ComponentType<import("@gtkx/jsx/adw").AdwToolbarViewProps<import("@gtkx/gi/adw").ToolbarView> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwViewStack: React.ComponentType<import("@gtkx/jsx/adw").AdwViewStackProps<import("@gtkx/gi/adw").ViewStack> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwViewSwitcher: React.ComponentType<import("@gtkx/jsx/adw").AdwViewSwitcherProps<import("@gtkx/gi/adw").ViewSwitcher> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwViewSwitcherBar: React.ComponentType<import("@gtkx/jsx/adw").AdwViewSwitcherBarProps<import("@gtkx/gi/adw").ViewSwitcherBar> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwViewSwitcherSidebar: React.ComponentType<import("@gtkx/jsx/adw").AdwViewSwitcherSidebarProps<import("@gtkx/gi/adw").ViewSwitcherSidebar> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwViewSwitcherTitle: React.ComponentType<import("@gtkx/jsx/adw").AdwViewSwitcherTitleProps<import("@gtkx/gi/adw").ViewSwitcherTitle> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwWindowTitle: React.ComponentType<import("@gtkx/jsx/adw").AdwWindowTitleProps<import("@gtkx/gi/adw").WindowTitle> & import("../common").ReactNativeLayoutProps>;
+export declare const AdwWrapBox: React.ComponentType<import("@gtkx/jsx/adw").AdwWrapBoxProps<import("@gtkx/gi/adw").WrapBox> & import("../common").ReactNativeLayoutProps>;
+export { AdwAboutWindow, // toplevel (implements GtkRoot)
+AdwActionRow, // child-only (derives Gtk.ListBoxRow)
+AdwApplicationWindow, // toplevel (implements GtkRoot)
+AdwButtonRow, // child-only (derives Gtk.ListBoxRow)
+AdwComboRow, // child-only (derives Gtk.ListBoxRow)
+AdwEntryRow, // child-only (derives Gtk.ListBoxRow)
+AdwExpanderRow, // child-only (derives Gtk.ListBoxRow)
+AdwMessageDialog, // toplevel (implements GtkRoot)
+AdwNavigationPage, // child-only (denylist — see scripts/widget-surface/classify.ts)
+AdwPasswordEntryRow, // child-only (derives Gtk.ListBoxRow)
+AdwPreferencesPage, // child-only (denylist — see scripts/widget-surface/classify.ts)
+AdwPreferencesRow, // child-only (derives Gtk.ListBoxRow)
+AdwPreferencesWindow, // toplevel (implements GtkRoot)
+AdwSpinRow, // child-only (derives Gtk.ListBoxRow)
+AdwSwitchRow, // child-only (derives Gtk.ListBoxRow)
+AdwWindow, } from "../gtkx/bridge/widgets.generated";
+export declare const ADW_WRAPPED_WIDGET_NAMES: readonly ["AdwAboutDialog", "AdwAlertDialog", "AdwAvatar", "AdwBanner", "AdwBin", "AdwBottomSheet", "AdwBreakpointBin", "AdwButtonContent", "AdwCarousel", "AdwCarouselIndicatorDots", "AdwCarouselIndicatorLines", "AdwClamp", "AdwClampScrollable", "AdwDialog", "AdwFlap", "AdwHeaderBar", "AdwInlineViewSwitcher", "AdwLayoutSlot", "AdwLeaflet", "AdwMultiLayoutView", "AdwNavigationSplitView", "AdwNavigationView", "AdwOverlaySplitView", "AdwPreferencesDialog", "AdwPreferencesGroup", "AdwShortcutLabel", "AdwShortcutsDialog", "AdwSidebar", "AdwSpinner", "AdwSplitButton", "AdwSqueezer", "AdwStatusPage", "AdwTabBar", "AdwTabButton", "AdwTabOverview", "AdwTabView", "AdwToastOverlay", "AdwToggleGroup", "AdwToolbarView", "AdwViewStack", "AdwViewSwitcher", "AdwViewSwitcherBar", "AdwViewSwitcherSidebar", "AdwViewSwitcherTitle", "AdwWindowTitle", "AdwWrapBox"];

package/dist/adw/widgets.generated.js

@@ -0,0 +1,125 @@
+// GENERATED FILE — do not edit by hand.
+// Produced by scripts/generate-widget-surface.ts. Re-run it inside the VM
+// after `npm run codegen` picks up a gtkx update; see
+// scripts/widget-surface/classification.json for the full classification
+// and .claude/epics/widget-surface/ for the rules behind it.
+//
+// Wrapped: RN layout + a GTK CSS class from the style prop, steps aside and
+// renders bare outside RN layout (see wrapReactNative in ../common/widget).
+// Raw: toplevels and child-only widgets, where a wrapper box would be
+// invalid GTK rather than a convenience — exported as gtkx binds them, same
+// as the hand-picked ones were before this file existed.
+import { wrapReactNative } from "../common/widget";
+import { AdwAboutDialog as RawAdwAboutDialog, AdwAlertDialog as RawAdwAlertDialog, AdwAvatar as RawAdwAvatar, AdwBanner as RawAdwBanner, AdwBin as RawAdwBin, AdwBottomSheet as RawAdwBottomSheet, AdwBreakpointBin as RawAdwBreakpointBin, AdwButtonContent as RawAdwButtonContent, AdwCarousel as RawAdwCarousel, AdwCarouselIndicatorDots as RawAdwCarouselIndicatorDots, AdwCarouselIndicatorLines as RawAdwCarouselIndicatorLines, AdwClamp as RawAdwClamp, AdwClampScrollable as RawAdwClampScrollable, AdwDialog as RawAdwDialog, AdwFlap as RawAdwFlap, AdwHeaderBar as RawAdwHeaderBar, AdwInlineViewSwitcher as RawAdwInlineViewSwitcher, AdwLayoutSlot as RawAdwLayoutSlot, AdwLeaflet as RawAdwLeaflet, AdwMultiLayoutView as RawAdwMultiLayoutView, AdwNavigationSplitView as RawAdwNavigationSplitView, AdwNavigationView as RawAdwNavigationView, AdwOverlaySplitView as RawAdwOverlaySplitView, AdwPreferencesDialog as RawAdwPreferencesDialog, AdwPreferencesGroup as RawAdwPreferencesGroup, AdwShortcutLabel as RawAdwShortcutLabel, AdwShortcutsDialog as RawAdwShortcutsDialog, AdwSidebar as RawAdwSidebar, AdwSpinner as RawAdwSpinner, AdwSplitButton as RawAdwSplitButton, AdwSqueezer as RawAdwSqueezer, AdwStatusPage as RawAdwStatusPage, AdwTabBar as RawAdwTabBar, AdwTabButton as RawAdwTabButton, AdwTabOverview as RawAdwTabOverview, AdwTabView as RawAdwTabView, AdwToastOverlay as RawAdwToastOverlay, AdwToggleGroup as RawAdwToggleGroup, AdwToolbarView as RawAdwToolbarView, AdwViewStack as RawAdwViewStack, AdwViewSwitcher as RawAdwViewSwitcher, AdwViewSwitcherBar as RawAdwViewSwitcherBar, AdwViewSwitcherSidebar as RawAdwViewSwitcherSidebar, AdwViewSwitcherTitle as RawAdwViewSwitcherTitle, AdwWindowTitle as RawAdwWindowTitle, AdwWrapBox as RawAdwWrapBox, } from "../gtkx/bridge/widgets.generated";
+export const AdwAboutDialog = wrapReactNative(RawAdwAboutDialog, "AdwAboutDialog");
+export const AdwAlertDialog = wrapReactNative(RawAdwAlertDialog, "AdwAlertDialog");
+export const AdwAvatar = wrapReactNative(RawAdwAvatar, "AdwAvatar");
+export const AdwBanner = wrapReactNative(RawAdwBanner, "AdwBanner");
+export const AdwBin = wrapReactNative(RawAdwBin, "AdwBin");
+export const AdwBottomSheet = wrapReactNative(RawAdwBottomSheet, "AdwBottomSheet");
+export const AdwBreakpointBin = wrapReactNative(RawAdwBreakpointBin, "AdwBreakpointBin");
+export const AdwButtonContent = wrapReactNative(RawAdwButtonContent, "AdwButtonContent");
+export const AdwCarousel = wrapReactNative(RawAdwCarousel, "AdwCarousel");
+export const AdwCarouselIndicatorDots = wrapReactNative(RawAdwCarouselIndicatorDots, "AdwCarouselIndicatorDots");
+export const AdwCarouselIndicatorLines = wrapReactNative(RawAdwCarouselIndicatorLines, "AdwCarouselIndicatorLines");
+export const AdwClamp = wrapReactNative(RawAdwClamp, "AdwClamp");
+export const AdwClampScrollable = wrapReactNative(RawAdwClampScrollable, "AdwClampScrollable");
+export const AdwDialog = wrapReactNative(RawAdwDialog, "AdwDialog");
+export const AdwFlap = wrapReactNative(RawAdwFlap, "AdwFlap");
+export const AdwHeaderBar = wrapReactNative(RawAdwHeaderBar, "AdwHeaderBar");
+export const AdwInlineViewSwitcher = wrapReactNative(RawAdwInlineViewSwitcher, "AdwInlineViewSwitcher");
+export const AdwLayoutSlot = wrapReactNative(RawAdwLayoutSlot, "AdwLayoutSlot");
+export const AdwLeaflet = wrapReactNative(RawAdwLeaflet, "AdwLeaflet");
+export const AdwMultiLayoutView = wrapReactNative(RawAdwMultiLayoutView, "AdwMultiLayoutView");
+export const AdwNavigationSplitView = wrapReactNative(RawAdwNavigationSplitView, "AdwNavigationSplitView");
+export const AdwNavigationView = wrapReactNative(RawAdwNavigationView, "AdwNavigationView");
+export const AdwOverlaySplitView = wrapReactNative(RawAdwOverlaySplitView, "AdwOverlaySplitView");
+export const AdwPreferencesDialog = wrapReactNative(RawAdwPreferencesDialog, "AdwPreferencesDialog");
+export const AdwPreferencesGroup = wrapReactNative(RawAdwPreferencesGroup, "AdwPreferencesGroup");
+export const AdwShortcutLabel = wrapReactNative(RawAdwShortcutLabel, "AdwShortcutLabel");
+export const AdwShortcutsDialog = wrapReactNative(RawAdwShortcutsDialog, "AdwShortcutsDialog");
+export const AdwSidebar = wrapReactNative(RawAdwSidebar, "AdwSidebar");
+export const AdwSpinner = wrapReactNative(RawAdwSpinner, "AdwSpinner");
+export const AdwSplitButton = wrapReactNative(RawAdwSplitButton, "AdwSplitButton");
+export const AdwSqueezer = wrapReactNative(RawAdwSqueezer, "AdwSqueezer");
+export const AdwStatusPage = wrapReactNative(RawAdwStatusPage, "AdwStatusPage");
+export const AdwTabBar = wrapReactNative(RawAdwTabBar, "AdwTabBar");
+export const AdwTabButton = wrapReactNative(RawAdwTabButton, "AdwTabButton");
+export const AdwTabOverview = wrapReactNative(RawAdwTabOverview, "AdwTabOverview");
+export const AdwTabView = wrapReactNative(RawAdwTabView, "AdwTabView");
+export const AdwToastOverlay = wrapReactNative(RawAdwToastOverlay, "AdwToastOverlay");
+export const AdwToggleGroup = wrapReactNative(RawAdwToggleGroup, "AdwToggleGroup");
+export const AdwToolbarView = wrapReactNative(RawAdwToolbarView, "AdwToolbarView");
+export const AdwViewStack = wrapReactNative(RawAdwViewStack, "AdwViewStack");
+export const AdwViewSwitcher = wrapReactNative(RawAdwViewSwitcher, "AdwViewSwitcher");
+export const AdwViewSwitcherBar = wrapReactNative(RawAdwViewSwitcherBar, "AdwViewSwitcherBar");
+export const AdwViewSwitcherSidebar = wrapReactNative(RawAdwViewSwitcherSidebar, "AdwViewSwitcherSidebar");
+export const AdwViewSwitcherTitle = wrapReactNative(RawAdwViewSwitcherTitle, "AdwViewSwitcherTitle");
+export const AdwWindowTitle = wrapReactNative(RawAdwWindowTitle, "AdwWindowTitle");
+export const AdwWrapBox = wrapReactNative(RawAdwWrapBox, "AdwWrapBox");
+export { AdwAboutWindow, // toplevel (implements GtkRoot)
+AdwActionRow, // child-only (derives Gtk.ListBoxRow)
+AdwApplicationWindow, // toplevel (implements GtkRoot)
+AdwButtonRow, // child-only (derives Gtk.ListBoxRow)
+AdwComboRow, // child-only (derives Gtk.ListBoxRow)
+AdwEntryRow, // child-only (derives Gtk.ListBoxRow)
+AdwExpanderRow, // child-only (derives Gtk.ListBoxRow)
+AdwMessageDialog, // toplevel (implements GtkRoot)
+AdwNavigationPage, // child-only (denylist — see scripts/widget-surface/classify.ts)
+AdwPasswordEntryRow, // child-only (derives Gtk.ListBoxRow)
+AdwPreferencesPage, // child-only (denylist — see scripts/widget-surface/classify.ts)
+AdwPreferencesRow, // child-only (derives Gtk.ListBoxRow)
+AdwPreferencesWindow, // toplevel (implements GtkRoot)
+AdwSpinRow, // child-only (derives Gtk.ListBoxRow)
+AdwSwitchRow, // child-only (derives Gtk.ListBoxRow)
+AdwWindow, // toplevel (implements GtkRoot)
+ } from "../gtkx/bridge/widgets.generated";
+export const ADW_WRAPPED_WIDGET_NAMES = [
+    "AdwAboutDialog",
+    "AdwAlertDialog",
+    "AdwAvatar",
+    "AdwBanner",
+    "AdwBin",
+    "AdwBottomSheet",
+    "AdwBreakpointBin",
+    "AdwButtonContent",
+    "AdwCarousel",
+    "AdwCarouselIndicatorDots",
+    "AdwCarouselIndicatorLines",
+    "AdwClamp",
+    "AdwClampScrollable",
+    "AdwDialog",
+    "AdwFlap",
+    "AdwHeaderBar",
+    "AdwInlineViewSwitcher",
+    "AdwLayoutSlot",
+    "AdwLeaflet",
+    "AdwMultiLayoutView",
+    "AdwNavigationSplitView",
+    "AdwNavigationView",
+    "AdwOverlaySplitView",
+    "AdwPreferencesDialog",
+    "AdwPreferencesGroup",
+    "AdwShortcutLabel",
+    "AdwShortcutsDialog",
+    "AdwSidebar",
+    "AdwSpinner",
+    "AdwSplitButton",
+    "AdwSqueezer",
+    "AdwStatusPage",
+    "AdwTabBar",
+    "AdwTabButton",
+    "AdwTabOverview",
+    "AdwTabView",
+    "AdwToastOverlay",
+    "AdwToggleGroup",
+    "AdwToolbarView",
+    "AdwViewStack",
+    "AdwViewSwitcher",
+    "AdwViewSwitcherBar",
+    "AdwViewSwitcherSidebar",
+    "AdwViewSwitcherTitle",
+    "AdwWindowTitle",
+    "AdwWrapBox",
+];
+//# sourceMappingURL=widgets.generated.js.map

package/dist/adw/widgets.generated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgets.generated.js","sourceRoot":"","sources":["../../src/adw/widgets.generated.ts"],"names":[],"mappings":"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","sourcesContent":["// GENERATED FILE — do not edit by hand.\n// Produced by scripts/generate-widget-surface.ts. Re-run it inside the VM\n// after `npm run codegen` picks up a gtkx update; see\n// scripts/widget-surface/classification.json for the full classification\n// and .claude/epics/widget-surface/ for the rules behind it.\n//\n// Wrapped: RN layout + a GTK CSS class from the style prop, steps aside and\n// renders bare outside RN layout (see wrapReactNative in ../common/widget).\n// Raw: toplevels and child-only widgets, where a wrapper box would be\n// invalid GTK rather than a convenience — exported as gtkx binds them, same\n// as the hand-picked ones were before this file existed.\n\nimport { wrapReactNative } from \"../common/widget\"\nimport {\n  AdwAboutDialog as RawAdwAboutDialog,\n  AdwAlertDialog as RawAdwAlertDialog,\n  AdwAvatar as RawAdwAvatar,\n  AdwBanner as RawAdwBanner,\n  AdwBin as RawAdwBin,\n  AdwBottomSheet as RawAdwBottomSheet,\n  AdwBreakpointBin as RawAdwBreakpointBin,\n  AdwButtonContent as RawAdwButtonContent,\n  AdwCarousel as RawAdwCarousel,\n  AdwCarouselIndicatorDots as RawAdwCarouselIndicatorDots,\n  AdwCarouselIndicatorLines as RawAdwCarouselIndicatorLines,\n  AdwClamp as RawAdwClamp,\n  AdwClampScrollable as RawAdwClampScrollable,\n  AdwDialog as RawAdwDialog,\n  AdwFlap as RawAdwFlap,\n  AdwHeaderBar as RawAdwHeaderBar,\n  AdwInlineViewSwitcher as RawAdwInlineViewSwitcher,\n  AdwLayoutSlot as RawAdwLayoutSlot,\n  AdwLeaflet as RawAdwLeaflet,\n  AdwMultiLayoutView as RawAdwMultiLayoutView,\n  AdwNavigationSplitView as RawAdwNavigationSplitView,\n  AdwNavigationView as RawAdwNavigationView,\n  AdwOverlaySplitView as RawAdwOverlaySplitView,\n  AdwPreferencesDialog as RawAdwPreferencesDialog,\n  AdwPreferencesGroup as RawAdwPreferencesGroup,\n  AdwShortcutLabel as RawAdwShortcutLabel,\n  AdwShortcutsDialog as RawAdwShortcutsDialog,\n  AdwSidebar as RawAdwSidebar,\n  AdwSpinner as RawAdwSpinner,\n  AdwSplitButton as RawAdwSplitButton,\n  AdwSqueezer as RawAdwSqueezer,\n  AdwStatusPage as RawAdwStatusPage,\n  AdwTabBar as RawAdwTabBar,\n  AdwTabButton as RawAdwTabButton,\n  AdwTabOverview as RawAdwTabOverview,\n  AdwTabView as RawAdwTabView,\n  AdwToastOverlay as RawAdwToastOverlay,\n  AdwToggleGroup as RawAdwToggleGroup,\n  AdwToolbarView as RawAdwToolbarView,\n  AdwViewStack as RawAdwViewStack,\n  AdwViewSwitcher as RawAdwViewSwitcher,\n  AdwViewSwitcherBar as RawAdwViewSwitcherBar,\n  AdwViewSwitcherSidebar as RawAdwViewSwitcherSidebar,\n  AdwViewSwitcherTitle as RawAdwViewSwitcherTitle,\n  AdwWindowTitle as RawAdwWindowTitle,\n  AdwWrapBox as RawAdwWrapBox,\n} from \"../gtkx/bridge/widgets.generated\"\n\nexport const AdwAboutDialog = wrapReactNative(\n  RawAdwAboutDialog,\n  \"AdwAboutDialog\",\n)\nexport const AdwAlertDialog = wrapReactNative(\n  RawAdwAlertDialog,\n  \"AdwAlertDialog\",\n)\nexport const AdwAvatar = wrapReactNative(RawAdwAvatar, \"AdwAvatar\")\nexport const AdwBanner = wrapReactNative(RawAdwBanner, \"AdwBanner\")\nexport const AdwBin = wrapReactNative(RawAdwBin, \"AdwBin\")\nexport const AdwBottomSheet = wrapReactNative(\n  RawAdwBottomSheet,\n  \"AdwBottomSheet\",\n)\nexport const AdwBreakpointBin = wrapReactNative(\n  RawAdwBreakpointBin,\n  \"AdwBreakpointBin\",\n)\nexport const AdwButtonContent = wrapReactNative(\n  RawAdwButtonContent,\n  \"AdwButtonContent\",\n)\nexport const AdwCarousel = wrapReactNative(RawAdwCarousel, \"AdwCarousel\")\nexport const AdwCarouselIndicatorDots = wrapReactNative(\n  RawAdwCarouselIndicatorDots,\n  \"AdwCarouselIndicatorDots\",\n)\nexport const AdwCarouselIndicatorLines = wrapReactNative(\n  RawAdwCarouselIndicatorLines,\n  \"AdwCarouselIndicatorLines\",\n)\nexport const AdwClamp = wrapReactNative(RawAdwClamp, \"AdwClamp\")\nexport const AdwClampScrollable = wrapReactNative(\n  RawAdwClampScrollable,\n  \"AdwClampScrollable\",\n)\nexport const AdwDialog = wrapReactNative(RawAdwDialog, \"AdwDialog\")\nexport const AdwFlap = wrapReactNative(RawAdwFlap, \"AdwFlap\")\nexport const AdwHeaderBar = wrapReactNative(RawAdwHeaderBar, \"AdwHeaderBar\")\nexport const AdwInlineViewSwitcher = wrapReactNative(\n  RawAdwInlineViewSwitcher,\n  \"AdwInlineViewSwitcher\",\n)\nexport const AdwLayoutSlot = wrapReactNative(RawAdwLayoutSlot, \"AdwLayoutSlot\")\nexport const AdwLeaflet = wrapReactNative(RawAdwLeaflet, \"AdwLeaflet\")\nexport const AdwMultiLayoutView = wrapReactNative(\n  RawAdwMultiLayoutView,\n  \"AdwMultiLayoutView\",\n)\nexport const AdwNavigationSplitView = wrapReactNative(\n  RawAdwNavigationSplitView,\n  \"AdwNavigationSplitView\",\n)\nexport const AdwNavigationView = wrapReactNative(\n  RawAdwNavigationView,\n  \"AdwNavigationView\",\n)\nexport const AdwOverlaySplitView = wrapReactNative(\n  RawAdwOverlaySplitView,\n  \"AdwOverlaySplitView\",\n)\nexport const AdwPreferencesDialog = wrapReactNative(\n  RawAdwPreferencesDialog,\n  \"AdwPreferencesDialog\",\n)\nexport const AdwPreferencesGroup = wrapReactNative(\n  RawAdwPreferencesGroup,\n  \"AdwPreferencesGroup\",\n)\nexport const AdwShortcutLabel = wrapReactNative(\n  RawAdwShortcutLabel,\n  \"AdwShortcutLabel\",\n)\nexport const AdwShortcutsDialog = wrapReactNative(\n  RawAdwShortcutsDialog,\n  \"AdwShortcutsDialog\",\n)\nexport const AdwSidebar = wrapReactNative(RawAdwSidebar, \"AdwSidebar\")\nexport const AdwSpinner = wrapReactNative(RawAdwSpinner, \"AdwSpinner\")\nexport const AdwSplitButton = wrapReactNative(\n  RawAdwSplitButton,\n  \"AdwSplitButton\",\n)\nexport const AdwSqueezer = wrapReactNative(RawAdwSqueezer, \"AdwSqueezer\")\nexport const AdwStatusPage = wrapReactNative(RawAdwStatusPage, \"AdwStatusPage\")\nexport const AdwTabBar = wrapReactNative(RawAdwTabBar, \"AdwTabBar\")\nexport const AdwTabButton = wrapReactNative(RawAdwTabButton, \"AdwTabButton\")\nexport const AdwTabOverview = wrapReactNative(\n  RawAdwTabOverview,\n  \"AdwTabOverview\",\n)\nexport const AdwTabView = wrapReactNative(RawAdwTabView, \"AdwTabView\")\nexport const AdwToastOverlay = wrapReactNative(\n  RawAdwToastOverlay,\n  \"AdwToastOverlay\",\n)\nexport const AdwToggleGroup = wrapReactNative(\n  RawAdwToggleGroup,\n  \"AdwToggleGroup\",\n)\nexport const AdwToolbarView = wrapReactNative(\n  RawAdwToolbarView,\n  \"AdwToolbarView\",\n)\nexport const AdwViewStack = wrapReactNative(RawAdwViewStack, \"AdwViewStack\")\nexport const AdwViewSwitcher = wrapReactNative(\n  RawAdwViewSwitcher,\n  \"AdwViewSwitcher\",\n)\nexport const AdwViewSwitcherBar = wrapReactNative(\n  RawAdwViewSwitcherBar,\n  \"AdwViewSwitcherBar\",\n)\nexport const AdwViewSwitcherSidebar = wrapReactNative(\n  RawAdwViewSwitcherSidebar,\n  \"AdwViewSwitcherSidebar\",\n)\nexport const AdwViewSwitcherTitle = wrapReactNative(\n  RawAdwViewSwitcherTitle,\n  \"AdwViewSwitcherTitle\",\n)\nexport const AdwWindowTitle = wrapReactNative(\n  RawAdwWindowTitle,\n  \"AdwWindowTitle\",\n)\nexport const AdwWrapBox = wrapReactNative(RawAdwWrapBox, \"AdwWrapBox\")\n\nexport {\n  AdwAboutWindow, // toplevel (implements GtkRoot)\n  AdwActionRow, // child-only (derives Gtk.ListBoxRow)\n  AdwApplicationWindow, // toplevel (implements GtkRoot)\n  AdwButtonRow, // child-only (derives Gtk.ListBoxRow)\n  AdwComboRow, // child-only (derives Gtk.ListBoxRow)\n  AdwEntryRow, // child-only (derives Gtk.ListBoxRow)\n  AdwExpanderRow, // child-only (derives Gtk.ListBoxRow)\n  AdwMessageDialog, // toplevel (implements GtkRoot)\n  AdwNavigationPage, // child-only (denylist — see scripts/widget-surface/classify.ts)\n  AdwPasswordEntryRow, // child-only (derives Gtk.ListBoxRow)\n  AdwPreferencesPage, // child-only (denylist — see scripts/widget-surface/classify.ts)\n  AdwPreferencesRow, // child-only (derives Gtk.ListBoxRow)\n  AdwPreferencesWindow, // toplevel (implements GtkRoot)\n  AdwSpinRow, // child-only (derives Gtk.ListBoxRow)\n  AdwSwitchRow, // child-only (derives Gtk.ListBoxRow)\n  AdwWindow, // toplevel (implements GtkRoot)\n} from \"../gtkx/bridge/widgets.generated\"\n\nexport const ADW_WRAPPED_WIDGET_NAMES = [\n  \"AdwAboutDialog\",\n  \"AdwAlertDialog\",\n  \"AdwAvatar\",\n  \"AdwBanner\",\n  \"AdwBin\",\n  \"AdwBottomSheet\",\n  \"AdwBreakpointBin\",\n  \"AdwButtonContent\",\n  \"AdwCarousel\",\n  \"AdwCarouselIndicatorDots\",\n  \"AdwCarouselIndicatorLines\",\n  \"AdwClamp\",\n  \"AdwClampScrollable\",\n  \"AdwDialog\",\n  \"AdwFlap\",\n  \"AdwHeaderBar\",\n  \"AdwInlineViewSwitcher\",\n  \"AdwLayoutSlot\",\n  \"AdwLeaflet\",\n  \"AdwMultiLayoutView\",\n  \"AdwNavigationSplitView\",\n  \"AdwNavigationView\",\n  \"AdwOverlaySplitView\",\n  \"AdwPreferencesDialog\",\n  \"AdwPreferencesGroup\",\n  \"AdwShortcutLabel\",\n  \"AdwShortcutsDialog\",\n  \"AdwSidebar\",\n  \"AdwSpinner\",\n  \"AdwSplitButton\",\n  \"AdwSqueezer\",\n  \"AdwStatusPage\",\n  \"AdwTabBar\",\n  \"AdwTabButton\",\n  \"AdwTabOverview\",\n  \"AdwTabView\",\n  \"AdwToastOverlay\",\n  \"AdwToggleGroup\",\n  \"AdwToolbarView\",\n  \"AdwViewStack\",\n  \"AdwViewSwitcher\",\n  \"AdwViewSwitcherBar\",\n  \"AdwViewSwitcherSidebar\",\n  \"AdwViewSwitcherTitle\",\n  \"AdwWindowTitle\",\n  \"AdwWrapBox\",\n] as const\n"]}

package/dist/animated/create-animated.d.ts

@@ -1,7 +1,9 @@
 import type { CompositeAnimation, FrameScheduler, LoopConfig, ParallelConfig, SpringConfig, TimingConfig } from "./types";
 import { AnimatedValue } from "./value";
+import { AnimatedValueXY } from "./value-xy";
 export type AnimatedApi = {
     Value: typeof AnimatedValue;
+    ValueXY: typeof AnimatedValueXY;
     timing(value: AnimatedValue, config: TimingConfig): CompositeAnimation;
     spring(value: AnimatedValue, config: SpringConfig): CompositeAnimation;
     sequence(animations: CompositeAnimation[]): CompositeAnimation;

package/dist/animated/create-animated.js

@@ -5,8 +5,10 @@ import { createDelay, loop, parallel, sequence } from "./composite";
 import { createSpring } from "./spring";
 import { createTiming } from "./timing";
 import { AnimatedValue } from "./value";
+import { AnimatedValueXY } from "./value-xy";
 export const createAnimated = (scheduler) => ({
     Value: AnimatedValue,
+    ValueXY: AnimatedValueXY,
     timing: (value, config) => createTiming(scheduler, value, config),
     spring: (value, config) => createSpring(scheduler, value, config),
     sequence,

package/dist/animated/create-animated.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-animated.js","sourceRoot":"","sources":["../../src/animated/create-animated.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,gDAAgD;AAChD,0DAA0D;AAE1D,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AASvC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAevC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,SAAyB,EAAe,EAAE,CAAC,CAAC;IACzE,KAAK,EAAE,aAAa;IACpB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC;IACjE,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC;IACjE,QAAQ;IACR,QAAQ;IACR,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,SAAS,EAAE,EAAE,CAAC;IACzC,IAAI;CACL,CAAC,CAAA","sourcesContent":["// Factory wiring the frame driver into the whole Animated API. The GTK side\n// passes a scheduler backed by the frame clock;\n// tests pass a manual scheduler and drive frames by hand.\n\nimport { createDelay, loop, parallel, sequence } from \"./composite\"\nimport { createSpring } from \"./spring\"\nimport { createTiming } from \"./timing\"\nimport type {\n  CompositeAnimation,\n  FrameScheduler,\n  LoopConfig,\n  ParallelConfig,\n  SpringConfig,\n  TimingConfig,\n} from \"./types\"\nimport { AnimatedValue } from \"./value\"\n\nexport type AnimatedApi = {\n  Value: typeof AnimatedValue\n  timing(value: AnimatedValue, config: TimingConfig): CompositeAnimation\n  spring(value: AnimatedValue, config: SpringConfig): CompositeAnimation\n  sequence(animations: CompositeAnimation[]): CompositeAnimation\n  parallel(\n    animations: CompositeAnimation[],\n    config?: ParallelConfig,\n  ): CompositeAnimation\n  delay(ms: number): CompositeAnimation\n  loop(animation: CompositeAnimation, config?: LoopConfig): CompositeAnimation\n}\n\nexport const createAnimated = (scheduler: FrameScheduler): AnimatedApi => ({\n  Value: AnimatedValue,\n  timing: (value, config) => createTiming(scheduler, value, config),\n  spring: (value, config) => createSpring(scheduler, value, config),\n  sequence,\n  parallel,\n  delay: (ms) => createDelay(scheduler, ms),\n  loop,\n})\n"]}
+{"version":3,"file":"create-animated.js","sourceRoot":"","sources":["../../src/animated/create-animated.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,gDAAgD;AAChD,0DAA0D;AAE1D,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AASvC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA;AAgB5C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,SAAyB,EAAe,EAAE,CAAC,CAAC;IACzE,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC;IACjE,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,YAAY,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC;IACjE,QAAQ;IACR,QAAQ;IACR,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,SAAS,EAAE,EAAE,CAAC;IACzC,IAAI;CACL,CAAC,CAAA","sourcesContent":["// Factory wiring the frame driver into the whole Animated API. The GTK side\n// passes a scheduler backed by the frame clock;\n// tests pass a manual scheduler and drive frames by hand.\n\nimport { createDelay, loop, parallel, sequence } from \"./composite\"\nimport { createSpring } from \"./spring\"\nimport { createTiming } from \"./timing\"\nimport type {\n  CompositeAnimation,\n  FrameScheduler,\n  LoopConfig,\n  ParallelConfig,\n  SpringConfig,\n  TimingConfig,\n} from \"./types\"\nimport { AnimatedValue } from \"./value\"\nimport { AnimatedValueXY } from \"./value-xy\"\n\nexport type AnimatedApi = {\n  Value: typeof AnimatedValue\n  ValueXY: typeof AnimatedValueXY\n  timing(value: AnimatedValue, config: TimingConfig): CompositeAnimation\n  spring(value: AnimatedValue, config: SpringConfig): CompositeAnimation\n  sequence(animations: CompositeAnimation[]): CompositeAnimation\n  parallel(\n    animations: CompositeAnimation[],\n    config?: ParallelConfig,\n  ): CompositeAnimation\n  delay(ms: number): CompositeAnimation\n  loop(animation: CompositeAnimation, config?: LoopConfig): CompositeAnimation\n}\n\nexport const createAnimated = (scheduler: FrameScheduler): AnimatedApi => ({\n  Value: AnimatedValue,\n  ValueXY: AnimatedValueXY,\n  timing: (value, config) => createTiming(scheduler, value, config),\n  spring: (value, config) => createSpring(scheduler, value, config),\n  sequence,\n  parallel,\n  delay: (ms) => createDelay(scheduler, ms),\n  loop,\n})\n"]}

package/dist/animated/index.d.ts

@@ -4,3 +4,5 @@ export type { EasingFunction } from "./easing";
 export { Easing } from "./easing";
 export type { CompositeAnimation, EndCallback, EndResult, ExtrapolateType, FrameScheduler, InterpolationConfig, InterpolationListener, LoopConfig, ParallelConfig, SpringConfig, TimingConfig, ValueListener, } from "./types";
 export { AnimatedInterpolation, AnimatedValue } from "./value";
+export { AnimatedValueXY } from "./value-xy";
+export type { ValueXYListener, ValueXYLiteral } from "./value-xy";

package/dist/animated/index.js

@@ -4,4 +4,5 @@
 export { createAnimated } from "./create-animated";
 export { Easing } from "./easing";
 export { AnimatedInterpolation, AnimatedValue } from "./value";
+export { AnimatedValueXY } from "./value-xy";
 //# sourceMappingURL=index.js.map

package/dist/animated/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/animated/index.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,uEAAuE;AACvE,mCAAmC;AAGnC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAejC,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA","sourcesContent":["// Animated module entry point. Pure by contract: everything is driven by an\n// injected FrameScheduler — the GTK frame clock is connected where the\n// Animated.* components are built.\n\nexport type { AnimatedApi } from \"./create-animated\"\nexport { createAnimated } from \"./create-animated\"\nexport type { EasingFunction } from \"./easing\"\nexport { Easing } from \"./easing\"\nexport type {\n  CompositeAnimation,\n  EndCallback,\n  EndResult,\n  ExtrapolateType,\n  FrameScheduler,\n  InterpolationConfig,\n  InterpolationListener,\n  LoopConfig,\n  ParallelConfig,\n  SpringConfig,\n  TimingConfig,\n  ValueListener,\n} from \"./types\"\nexport { AnimatedInterpolation, AnimatedValue } from \"./value\"\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/animated/index.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,uEAAuE;AACvE,mCAAmC;AAGnC,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAejC,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAA","sourcesContent":["// Animated module entry point. Pure by contract: everything is driven by an\n// injected FrameScheduler — the GTK frame clock is connected where the\n// Animated.* components are built.\n\nexport type { AnimatedApi } from \"./create-animated\"\nexport { createAnimated } from \"./create-animated\"\nexport type { EasingFunction } from \"./easing\"\nexport { Easing } from \"./easing\"\nexport type {\n  CompositeAnimation,\n  EndCallback,\n  EndResult,\n  ExtrapolateType,\n  FrameScheduler,\n  InterpolationConfig,\n  InterpolationListener,\n  LoopConfig,\n  ParallelConfig,\n  SpringConfig,\n  TimingConfig,\n  ValueListener,\n} from \"./types\"\nexport { AnimatedInterpolation, AnimatedValue } from \"./value\"\nexport { AnimatedValueXY } from \"./value-xy\"\nexport type { ValueXYListener, ValueXYLiteral } from \"./value-xy\"\n"]}

package/dist/animated/value-xy.d.ts

@@ -0,0 +1,41 @@
+import { AnimatedValue } from "./value";
+export type ValueXYLiteral = {
+    x: number;
+    y: number;
+};
+export type ValueXYListener = (value: ValueXYLiteral) => void;
+export declare class AnimatedValueXY {
+    readonly x: AnimatedValue;
+    readonly y: AnimatedValue;
+    private readonly _listeners;
+    private _nextListenerId;
+    constructor(value?: ValueXYLiteral);
+    setValue(value: ValueXYLiteral): void;
+    setOffset(offset: ValueXYLiteral): void;
+    flattenOffset(): void;
+    extractOffset(): void;
+    /**
+     * Fires on movement of EITHER axis, with both current values — RN's
+     * contract. Both subscriptions are kept so removeListener can undo them.
+     */
+    addListener(listener: ValueXYListener): string;
+    removeListener(id: string): void;
+    removeAllListeners(): void;
+    stopAnimation(callback?: (value: ValueXYLiteral) => void): void;
+    resetAnimation(callback?: (value: ValueXYLiteral) => void): void;
+    /** RN's absolute-positioning helper. */
+    getLayout(): {
+        left: AnimatedValue;
+        top: AnimatedValue;
+    };
+    /** The transform array a dragged view spreads into its style. */
+    getTranslateTransform(): [
+        {
+            translateX: AnimatedValue;
+        },
+        {
+            translateY: AnimatedValue;
+        }
+    ];
+    __getValue(): ValueXYLiteral;
+}

package/dist/animated/value-xy.js

@@ -0,0 +1,90 @@
+// Animated.ValueXY — two Animated.Values that move together.
+//
+// It exists because it is the other half of PanResponder: essentially every
+// React Native drag in the wild is `new Animated.ValueXY()` plus
+// `pan.setValue({ x: gesture.dx, y: gesture.dy })`, and the transform comes
+// from `getTranslateTransform()`. Shipping the responder system without this
+// meant portable drag code still did not run — which the gallery found the
+// moment it was pointed at a real screen.
+//
+// There is no new machinery here: every method delegates to the two values,
+// which is exactly how RN implements it.
+import { AnimatedValue } from "./value";
+export class AnimatedValueXY {
+    x;
+    y;
+    _listeners = new Map();
+    _nextListenerId = 1;
+    constructor(value = { x: 0, y: 0 }) {
+        this.x = new AnimatedValue(value.x);
+        this.y = new AnimatedValue(value.y);
+    }
+    setValue(value) {
+        this.x.setValue(value.x);
+        this.y.setValue(value.y);
+    }
+    setOffset(offset) {
+        this.x.setOffset(offset.x);
+        this.y.setOffset(offset.y);
+    }
+    flattenOffset() {
+        this.x.flattenOffset();
+        this.y.flattenOffset();
+    }
+    extractOffset() {
+        this.x.extractOffset();
+        this.y.extractOffset();
+    }
+    /**
+     * Fires on movement of EITHER axis, with both current values — RN's
+     * contract. Both subscriptions are kept so removeListener can undo them.
+     */
+    addListener(listener) {
+        const id = String(this._nextListenerId++);
+        const emit = () => {
+            listener({ x: this.x.__getValue(), y: this.y.__getValue() });
+        };
+        this._listeners.set(id, {
+            x: this.x.addListener(emit),
+            y: this.y.addListener(emit),
+            listener,
+        });
+        return id;
+    }
+    removeListener(id) {
+        const entry = this._listeners.get(id);
+        if (!entry) {
+            return;
+        }
+        this.x.removeListener(entry.x);
+        this.y.removeListener(entry.y);
+        this._listeners.delete(id);
+    }
+    removeAllListeners() {
+        for (const id of [...this._listeners.keys()]) {
+            this.removeListener(id);
+        }
+    }
+    stopAnimation(callback) {
+        this.x.stopAnimation();
+        this.y.stopAnimation();
+        callback?.(this.__getValue());
+    }
+    resetAnimation(callback) {
+        this.x.resetAnimation();
+        this.y.resetAnimation();
+        callback?.(this.__getValue());
+    }
+    /** RN's absolute-positioning helper. */
+    getLayout() {
+        return { left: this.x, top: this.y };
+    }
+    /** The transform array a dragged view spreads into its style. */
+    getTranslateTransform() {
+        return [{ translateX: this.x }, { translateY: this.y }];
+    }
+    __getValue() {
+        return { x: this.x.__getValue(), y: this.y.__getValue() };
+    }
+}
+//# sourceMappingURL=value-xy.js.map

package/dist/animated/value-xy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"value-xy.js","sourceRoot":"","sources":["../../src/animated/value-xy.ts"],"names":[],"mappings":"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","sourcesContent":["// Animated.ValueXY — two Animated.Values that move together.\n//\n// It exists because it is the other half of PanResponder: essentially every\n// React Native drag in the wild is `new Animated.ValueXY()` plus\n// `pan.setValue({ x: gesture.dx, y: gesture.dy })`, and the transform comes\n// from `getTranslateTransform()`. Shipping the responder system without this\n// meant portable drag code still did not run — which the gallery found the\n// moment it was pointed at a real screen.\n//\n// There is no new machinery here: every method delegates to the two values,\n// which is exactly how RN implements it.\nimport { AnimatedValue } from \"./value\"\n\nexport type ValueXYLiteral = { x: number; y: number }\n\nexport type ValueXYListener = (value: ValueXYLiteral) => void\n\nexport class AnimatedValueXY {\n  readonly x: AnimatedValue\n  readonly y: AnimatedValue\n  private readonly _listeners = new Map<\n    string,\n    { x: string; y: string; listener: ValueXYListener }\n  >()\n  private _nextListenerId = 1\n\n  constructor(value: ValueXYLiteral = { x: 0, y: 0 }) {\n    this.x = new AnimatedValue(value.x)\n    this.y = new AnimatedValue(value.y)\n  }\n\n  setValue(value: ValueXYLiteral): void {\n    this.x.setValue(value.x)\n    this.y.setValue(value.y)\n  }\n\n  setOffset(offset: ValueXYLiteral): void {\n    this.x.setOffset(offset.x)\n    this.y.setOffset(offset.y)\n  }\n\n  flattenOffset(): void {\n    this.x.flattenOffset()\n    this.y.flattenOffset()\n  }\n\n  extractOffset(): void {\n    this.x.extractOffset()\n    this.y.extractOffset()\n  }\n\n  /**\n   * Fires on movement of EITHER axis, with both current values — RN's\n   * contract. Both subscriptions are kept so removeListener can undo them.\n   */\n  addListener(listener: ValueXYListener): string {\n    const id = String(this._nextListenerId++)\n    const emit = (): void => {\n      listener({ x: this.x.__getValue(), y: this.y.__getValue() })\n    }\n    this._listeners.set(id, {\n      x: this.x.addListener(emit),\n      y: this.y.addListener(emit),\n      listener,\n    })\n    return id\n  }\n\n  removeListener(id: string): void {\n    const entry = this._listeners.get(id)\n    if (!entry) {\n      return\n    }\n    this.x.removeListener(entry.x)\n    this.y.removeListener(entry.y)\n    this._listeners.delete(id)\n  }\n\n  removeAllListeners(): void {\n    for (const id of [...this._listeners.keys()]) {\n      this.removeListener(id)\n    }\n  }\n\n  stopAnimation(callback?: (value: ValueXYLiteral) => void): void {\n    this.x.stopAnimation()\n    this.y.stopAnimation()\n    callback?.(this.__getValue())\n  }\n\n  resetAnimation(callback?: (value: ValueXYLiteral) => void): void {\n    this.x.resetAnimation()\n    this.y.resetAnimation()\n    callback?.(this.__getValue())\n  }\n\n  /** RN's absolute-positioning helper. */\n  getLayout(): { left: AnimatedValue; top: AnimatedValue } {\n    return { left: this.x, top: this.y }\n  }\n\n  /** The transform array a dragged view spreads into its style. */\n  getTranslateTransform(): [\n    { translateX: AnimatedValue },\n    { translateY: AnimatedValue },\n  ] {\n    return [{ translateX: this.x }, { translateY: this.y }]\n  }\n\n  __getValue(): ValueXYLiteral {\n    return { x: this.x.__getValue(), y: this.y.__getValue() }\n  }\n}\n"]}

package/dist/animated/value.d.ts

@@ -9,12 +9,19 @@ type InterpolationParent = {
 };
 export declare class AnimatedValue {
     private _value;
+    private _offset;
     private readonly _startingValue;
     private readonly _listeners;
     private _nextListenerId;
     private _animation;
     constructor(value: number);
     setValue(value: number): void;
+    /** Sets the static part. The animated part is left where it is. */
+    setOffset(offset: number): void;
+    /** Folds the offset into the value, leaving the sum unchanged. */
+    flattenOffset(): void;
+    /** The mirror of flattenOffset: moves the value into the offset. */
+    extractOffset(): void;
     addListener(listener: ValueListener): string;
     removeListener(id: string): void;
     removeAllListeners(): void;
@@ -24,6 +31,8 @@ export declare class AnimatedValue {
     __getValue(): number;
     /** @internal Called by the animation runner on every frame. */
     __updateValue(value: number): void;
+    /** @internal Publishes the current sum to every listener. */
+    private __notify;
     /** @internal Registers a running animation, preempting the previous one. */
     __startAnimation(handle: AnimationHandle): void;
     /** @internal */