@legendapp/spark 0.0.1-next.2

package/vendor/node_modules/@legendapp/spark-ui/macos/RNSparkSelect.mm

@@ -0,0 +1,53 @@
+#import "RNSparkSelect.h"
+#import <react/renderer/components/RNSparkUISpec/ComponentDescriptors.h>
+#import <react/renderer/components/RNSparkUISpec/EventEmitters.h>
+#import <react/renderer/components/RNSparkUISpec/Props.h>
+using namespace facebook::react;
+// Adapted from legend-apps/native-select's AppKit backend.
+@implementation RNSparkSelect {
+  NSPopUpButton *_select;
+  NSString *_items;
+}
+- (instancetype)init {
+  if (self = [super init]) {
+    _props = std::make_shared<const SparkSelectProps>();
+    _select = [[NSPopUpButton alloc] initWithFrame:NSZeroRect pullsDown:NO];
+    _select.target = self; _select.action = @selector(changed:);
+    [self addSubview:_select];
+  }
+  return self;
+}
+- (BOOL)isFlipped { return YES; }
+- (void)changed:(id)sender {
+  const auto emitter = std::static_pointer_cast<const SparkSelectEventEmitter>(_eventEmitter);
+  NSString *value = _select.selectedItem.representedObject;
+  if (emitter && value) emitter->onSelectionChange({ .value = value.UTF8String });
+}
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps {
+  const auto &value = *std::static_pointer_cast<const SparkSelectProps>(props);
+  NSString *items = [NSString stringWithUTF8String:value.itemsJson.c_str()];
+  if (![_items isEqual:items]) {
+    _items = items; [_select removeAllItems];
+    NSArray *options = [NSJSONSerialization JSONObjectWithData:[items dataUsingEncoding:NSUTF8StringEncoding] options:0 error:nil];
+    for (NSDictionary *option in options) {
+      NSMenuItem *item = [[NSMenuItem alloc] initWithTitle:option[@"label"] action:nil keyEquivalent:@""];
+      item.representedObject = option[@"value"];
+      [_select.menu addItem:item];
+    }
+  }
+  NSString *selected = [NSString stringWithUTF8String:value.value.c_str()];
+  for (NSMenuItem *item in _select.itemArray) if ([item.representedObject isEqual:selected]) { [_select selectItem:item]; break; }
+  _select.accessibilityIdentifier = [NSString stringWithUTF8String:value.testId.c_str()];
+  _select.accessibilityLabel = [NSString stringWithUTF8String:value.accessibilityLabel.c_str()];
+  [super updateProps:props oldProps:oldProps];
+}
+- (void)layoutSubviews { [super layoutSubviews]; _select.frame = self.bounds; }
+- (void)updateLayoutMetrics:(const LayoutMetrics &)layoutMetrics oldLayoutMetrics:(const LayoutMetrics &)oldLayoutMetrics {
+  [super updateLayoutMetrics:layoutMetrics oldLayoutMetrics:oldLayoutMetrics]; [self layoutSubviews];
+}
+- (void)prepareForRecycle {
+  [super prepareForRecycle]; _items = nil; [_select removeAllItems];
+  _select.accessibilityIdentifier = nil; _select.accessibilityLabel = nil;
+}
++ (ComponentDescriptorProvider)componentDescriptorProvider { return concreteComponentDescriptorProvider<SparkSelectComponentDescriptor>(); }
+@end

package/vendor/node_modules/@legendapp/spark-ui/macos/RNSparkTextInput.h

@@ -0,0 +1,4 @@
+#import <React/RCTViewComponentView.h>
+#import <AppKit/AppKit.h>
+@interface RNSparkTextInput : RCTViewComponentView <NSTextFieldDelegate>
+@end

package/vendor/node_modules/@legendapp/spark-ui/macos/RNSparkTextInput.mm

@@ -0,0 +1,45 @@
+#import "RNSparkTextInput.h"
+#import <react/renderer/components/RNSparkUISpec/ComponentDescriptors.h>
+#import <react/renderer/components/RNSparkUISpec/EventEmitters.h>
+#import <react/renderer/components/RNSparkUISpec/Props.h>
+using namespace facebook::react;
+@implementation RNSparkTextInput {
+  NSTextField *_field;
+  BOOL _initialized;
+}
+- (instancetype)init {
+  if (self = [super init]) {
+    _props = std::make_shared<const SparkTextInputProps>();
+    _field = [NSTextField textFieldWithString:@""];
+    _field.delegate = self;
+    _field.bezelStyle = NSTextFieldRoundedBezel;
+    _field.cell.scrollable = YES;
+    _field.cell.wraps = NO;
+    _field.cell.usesSingleLineMode = YES;
+    [self addSubview:_field];
+  }
+  return self;
+}
+- (BOOL)isFlipped { return YES; }
+- (void)controlTextDidChange:(NSNotification *)notification {
+  const auto emitter = std::static_pointer_cast<const SparkTextInputEventEmitter>(_eventEmitter);
+  if (emitter) emitter->onTextChange({ .text = _field.stringValue.UTF8String ?: "" });
+}
+- (void)updateProps:(Props::Shared const &)props oldProps:(Props::Shared const &)oldProps {
+  const auto &value = *std::static_pointer_cast<const SparkTextInputProps>(props);
+  if (!_initialized) { _field.stringValue = [NSString stringWithUTF8String:value.defaultText.c_str()]; _initialized = YES; }
+  _field.accessibilityIdentifier = [NSString stringWithUTF8String:value.testId.c_str()];
+  _field.accessibilityLabel = [NSString stringWithUTF8String:value.accessibilityLabel.c_str()];
+  [super updateProps:props oldProps:oldProps];
+}
+- (void)layoutSubviews { [super layoutSubviews]; _field.frame = self.bounds; }
+- (void)updateLayoutMetrics:(const LayoutMetrics &)layoutMetrics oldLayoutMetrics:(const LayoutMetrics &)oldLayoutMetrics {
+  [super updateLayoutMetrics:layoutMetrics oldLayoutMetrics:oldLayoutMetrics]; [self layoutSubviews];
+}
+- (void)prepareForRecycle {
+  [_field abortEditing];
+  [super prepareForRecycle];
+  _initialized = NO; _field.stringValue = @""; _field.accessibilityIdentifier = nil; _field.accessibilityLabel = nil;
+}
++ (ComponentDescriptorProvider)componentDescriptorProvider { return concreteComponentDescriptorProvider<SparkTextInputComponentDescriptor>(); }
+@end

package/vendor/node_modules/@legendapp/spark-ui/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@legendapp/spark-ui",
+  "version": "0.0.1-next.2",
+  "license": "MIT",
+  "main": "src/index",
+  "react-native": "src/index",
+  "files": [
+    "src",
+    "macos",
+    "*.podspec",
+    "react-native.config.js",
+    "windows",
+    "uniwind.ts",
+    "uniwind.web.ts"
+  ],
+  "peerDependencies": {
+    "react": "19.1.4",
+    "react-native": "0.81.6",
+    "@expo/ui": "0.2.0-beta.9",
+    "uniwind": "^1.6.3",
+    "react-native-windows": "0.81.35"
+  },
+  "peerDependenciesMeta": {
+    "@expo/ui": {
+      "optional": true
+    },
+    "uniwind": {
+      "optional": true
+    },
+    "react-native-windows": {
+      "optional": true
+    }
+  },
+  "codegenConfig": {
+    "name": "RNSparkUISpec",
+    "type": "components",
+    "jsSrcsDir": "src",
+    "ios": {
+      "componentProvider": {
+        "SparkButton": "RNSparkButton",
+        "SparkTextInput": "RNSparkTextInput",
+        "SparkSelect": "RNSparkSelect"
+      }
+    },
+    "windows": {
+      "namespace": "FrameUICodegen",
+      "outputDirectory": "windows/SparkUI/codegen",
+      "separateDataTypes": true
+    }
+  },
+  "spark": {
+    "sdk": true,
+    "nativeModules": [],
+    "pod": "RNSparkUI",
+    "platforms": [
+      "macos",
+      "windows"
+    ]
+  },
+  "private": true
+}

package/vendor/node_modules/@legendapp/spark-ui/react-native.config.js

@@ -0,0 +1,5 @@
+// Expo Desktop's Apple autolinker runs as ios; its Podfile opts into AppKit.
+module.exports = { dependency: { platforms: {
+  ios: process.env.SPARK_DESKTOP_AUTOLINK === "macos" ? {} : null,
+  android: null,
+} } };

package/vendor/node_modules/@legendapp/spark-ui/src/SparkButtonNativeComponent.ts

@@ -0,0 +1,12 @@
+import type { HostComponent, ViewProps } from "react-native";
+import type { DirectEventHandler, WithDefault } from "react-native/Libraries/Types/CodegenTypes";
+import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
+
+export interface NativeProps extends ViewProps {
+  onUnavailable?: DirectEventHandler<Readonly<{ message: string }>>;
+  title: string;
+  disabled?: WithDefault<boolean, false>;
+  variant?: WithDefault<"default" | "bordered" | "borderless", "default">;
+  onButtonPress?: DirectEventHandler<Readonly<{}>>;
+}
+export default codegenNativeComponent<NativeProps>("SparkButton") as HostComponent<NativeProps>;

package/vendor/node_modules/@legendapp/spark-ui/src/SparkSelectNativeComponent.ts

@@ -0,0 +1,10 @@
+import type { HostComponent, ViewProps } from "react-native";
+import type { DirectEventHandler } from "react-native/Libraries/Types/CodegenTypes";
+import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
+export interface NativeProps extends ViewProps {
+  onUnavailable?: DirectEventHandler<Readonly<{ message: string }>>;
+  itemsJson: string;
+  value: string;
+  onSelectionChange?: DirectEventHandler<Readonly<{ value: string }>>;
+}
+export default codegenNativeComponent<NativeProps>("SparkSelect") as HostComponent<NativeProps>;

package/vendor/node_modules/@legendapp/spark-ui/src/SparkTextInputNativeComponent.ts

@@ -0,0 +1,9 @@
+import type { HostComponent, ViewProps } from "react-native";
+import type { DirectEventHandler } from "react-native/Libraries/Types/CodegenTypes";
+import codegenNativeComponent from "react-native/Libraries/Utilities/codegenNativeComponent";
+export interface NativeProps extends ViewProps {
+  onUnavailable?: DirectEventHandler<Readonly<{ message: string }>>;
+  defaultText?: string;
+  onTextChange?: DirectEventHandler<Readonly<{ text: string }>>;
+}
+export default codegenNativeComponent<NativeProps>("SparkTextInput") as HostComponent<NativeProps>;

package/vendor/node_modules/@legendapp/spark-ui/src/index.android.tsx

@@ -0,0 +1,25 @@
+import { useCallback, useMemo } from "react";
+import { selectionIndex } from "./select";
+import { Button as ExpoButton, TextInput as ExpoTextInput, Picker } from "@expo/ui/jetpack-compose";
+import { StyleSheet, View } from "react-native";
+import type { ButtonProps, TextInputProps, SelectProps } from "./types";
+export type { ButtonProps, TextInputProps, SelectProps } from "./types";
+
+export function Button({ children, onPress, disabled = false, variant = "default", style, testID }: ButtonProps) {
+  return <View style={[styles.button, style]} testID={testID}>
+    <ExpoButton style={styles.content} onPress={disabled ? undefined : onPress}
+      disabled={disabled} variant={variant}>{children}</ExpoButton>
+  </View>;
+}
+const styles = StyleSheet.create({ button: { width: 160, height: 48 }, content: { flex: 1 } });
+
+const ignoreText = (_value: string) => {};
+export function TextInput({ defaultValue, onChangeText, accessibilityLabel, style, testID }: TextInputProps) {
+  return <View style={[{ width: 240, height: 56 }, style]} testID={testID}><ExpoTextInput defaultValue={defaultValue} onChangeText={onChangeText ?? ignoreText} style={styles.content} {...{ accessibilityLabel }} /></View>;
+}
+export function Select({ options, value, onValueChange, accessibilityLabel, style, testID }: SelectProps) {
+  const selectedIndex = selectionIndex(options, value);
+  const labels = useMemo(() => options.map(option => option.label), [options]);
+  const changed = useCallback((event: { nativeEvent: { index: number } }) => { const option = options[event.nativeEvent.index]; if (option) onValueChange(option.value); }, [options, onValueChange]);
+  return <View style={[{ width: 280, height: 48 }, style]} testID={testID}><Picker variant="segmented" options={labels} selectedIndex={selectedIndex} onOptionSelected={changed} style={styles.content} {...{ accessibilityLabel }} /></View>;
+}

package/vendor/node_modules/@legendapp/spark-ui/src/index.ios.tsx

@@ -0,0 +1,30 @@
+import { useCallback, useMemo } from "react";
+import { selectionIndex } from "./select";
+import { Button as ExpoButton, Host, TextField, Picker } from "@expo/ui/swift-ui";
+import { frame, padding, accessibilityLabel as labelModifier } from "@expo/ui/swift-ui/modifiers";
+import { StyleSheet } from "react-native";
+import type { ButtonProps, TextInputProps, SelectProps } from "./types";
+export type { ButtonProps, TextInputProps, SelectProps } from "./types";
+
+const fill = [frame({ maxWidth: Infinity, maxHeight: Infinity })];
+export function Button({ children, onPress, disabled = false, variant = "default", style, testID }: ButtonProps) {
+  return <Host style={[styles.button, style]}>
+    <ExpoButton onPress={disabled ? undefined : onPress} disabled={disabled}
+      variant={variant} modifiers={fill} testID={testID}>{children}</ExpoButton>
+  </Host>;
+}
+const styles = StyleSheet.create({ button: { width: 160, height: 44 } });
+
+const fieldModifiers = [padding({ horizontal: 8 }), ...fill];
+const ignoreText = (_value: string) => {};
+export function TextInput({ defaultValue, onChangeText, accessibilityLabel, style, testID }: TextInputProps) {
+  const modifiers = useMemo(() => accessibilityLabel ? [...fieldModifiers, labelModifier(accessibilityLabel)] : fieldModifiers, [accessibilityLabel]);
+  return <Host style={[{ width: 240, height: 44, borderWidth: StyleSheet.hairlineWidth, borderColor: "#8e8e93", borderRadius: 6 }, style]}><TextField allowNewlines={false} multiline={false} defaultValue={defaultValue} onChangeText={onChangeText ?? ignoreText} modifiers={modifiers} testID={testID} /></Host>;
+}
+export function Select({ options, value, onValueChange, accessibilityLabel, style, testID }: SelectProps) {
+  const selectedIndex = selectionIndex(options, value);
+  const labels = useMemo(() => options.map(option => option.label), [options]);
+  const changed = useCallback((event: { nativeEvent: { index: number } }) => { const option = options[event.nativeEvent.index]; if (option) onValueChange(option.value); }, [options, onValueChange]);
+  const modifiers = useMemo(() => accessibilityLabel ? [labelModifier(accessibilityLabel)] : [], [accessibilityLabel]);
+  return <Host style={[{ width: 240, height: 44 }, style]}><Picker variant="menu" options={labels} selectedIndex={selectedIndex} onOptionSelected={changed} modifiers={modifiers} testID={testID} /></Host>;
+}

package/vendor/node_modules/@legendapp/spark-ui/src/index.tsx

@@ -0,0 +1,27 @@
+import { useCallback, useMemo } from "react";
+import type { NativeSyntheticEvent } from "react-native";
+import NativeTextInput from "./SparkTextInputNativeComponent";
+import NativeSelect from "./SparkSelectNativeComponent";
+import { selectionIndex } from "./select";
+import { StyleSheet } from "react-native";
+import NativeButton from "./SparkButtonNativeComponent";
+import type { ButtonProps, TextInputProps, SelectProps } from "./types";
+export type { ButtonProps, TextInputProps, SelectProps } from "./types";
+
+export function Button({ children, onPress, disabled = false, variant = "default", style, testID }: ButtonProps) {
+  return <NativeButton title={children} disabled={disabled} variant={variant}
+    onButtonPress={disabled ? undefined : onPress} testID={testID}
+    style={[styles.button, style]} />;
+}
+const styles = StyleSheet.create({ button: { width: 160, height: 36 } });
+
+export function TextInput({ defaultValue = "", onChangeText, style, ...props }: TextInputProps) {
+  const changed = useCallback((event: NativeSyntheticEvent<{ text: string }>) => onChangeText?.(event.nativeEvent.text), [onChangeText]);
+  return <NativeTextInput {...props} defaultText={defaultValue} onTextChange={changed} style={[{ width: 240, height: 36 }, style]} />;
+}
+export function Select({ options, value, onValueChange, style, ...props }: SelectProps) {
+  selectionIndex(options, value);
+  const itemsJson = useMemo(() => JSON.stringify(options), [options]);
+  const changed = useCallback((event: NativeSyntheticEvent<{ value: string }>) => onValueChange(event.nativeEvent.value), [onValueChange]);
+  return <NativeSelect {...props} itemsJson={itemsJson} value={value} onSelectionChange={changed} style={[{ width: 240, height: 36 }, style]} />;
+}

package/vendor/node_modules/@legendapp/spark-ui/src/index.web.tsx

@@ -0,0 +1,23 @@
+import { selectionIndex } from "./select";
+import type { CSSProperties } from "react";
+import { StyleSheet, View } from "react-native";
+import type { ButtonProps, TextInputProps, SelectProps } from "./types";
+export type { ButtonProps, TextInputProps, SelectProps } from "./types";
+
+const nativeStyle: CSSProperties = { width: "100%", height: "100%", boxSizing: "border-box", font: "14px system-ui" };
+const borderlessStyle: CSSProperties = { ...nativeStyle, border: "none", background: "transparent" };
+export function Button({ children, onPress, disabled = false, variant = "default", style, testID }: ButtonProps) {
+  return <View style={[styles.button, style]} testID={testID}>
+    <button type="button" disabled={disabled} onClick={disabled ? undefined : onPress}
+      style={variant === "borderless" ? borderlessStyle : nativeStyle}>{children}</button>
+  </View>;
+}
+const styles = StyleSheet.create({ button: { width: 160, height: 36 } });
+
+export function TextInput({ defaultValue, onChangeText, accessibilityLabel, style, testID }: TextInputProps) {
+  return <View style={[{ width: 240, height: 36 }, style]} testID={testID}><input type="text" defaultValue={defaultValue} onChange={event => onChangeText?.(event.currentTarget.value)} aria-label={accessibilityLabel} style={nativeStyle} /></View>;
+}
+export function Select({ options, value, onValueChange, accessibilityLabel, style, testID }: SelectProps) {
+  selectionIndex(options, value);
+  return <View style={[{ width: 240, height: 36 }, style]} testID={testID}><select value={value} onChange={event => onValueChange(event.currentTarget.value)} aria-label={accessibilityLabel} style={nativeStyle}>{options.map(option => <option key={option.value} value={option.value}>{option.label}</option>)}</select></View>;
+}

package/vendor/node_modules/@legendapp/spark-ui/src/index.windows.tsx

@@ -0,0 +1,42 @@
+import { useCallback, useMemo, useState } from "react";
+import { Text, View, TurboModuleRegistry } from "react-native";
+import type { NativeSyntheticEvent, TurboModule, StyleProp, ViewStyle } from "react-native";
+import NativeButton from "./SparkButtonNativeComponent";
+import NativeTextInput from "./SparkTextInputNativeComponent";
+import NativeSelect from "./SparkSelectNativeComponent";
+import { selectionIndex } from "./select";
+import type { ButtonProps, TextInputProps, SelectProps } from "./types";
+export type { ButtonProps, TextInputProps, SelectProps } from "./types";
+interface Availability extends TurboModule { isAvailable(): boolean }
+const available = TurboModuleRegistry.get<Availability>("NativeSparkUI")?.isAvailable() === true;
+function useAvailability() {
+  const [failed, setFailed] = useState(!available);
+  const unavailable = useCallback((event: NativeSyntheticEvent<{ message: string }>) => {
+    console.warn(`Windows native control unavailable: ${event.nativeEvent.message}`); setFailed(true);
+  }, []);
+  return { failed, onUnavailable: unavailable };
+}
+function Placeholder({ label, style, testID }: { label: string; style?: StyleProp<ViewStyle>; testID?: string }) {
+  return <View style={[{ minHeight: 36, padding: 8, borderWidth: 1, borderColor: "#999" }, style]} testID={testID} accessible accessibilityLabel={label} accessibilityState={{ disabled: true }}>
+    <Text>{label} — Windows control unavailable; rebuild the development client.</Text>
+  </View>;
+}
+export function Button({ children, onPress, disabled = false, variant = "default", style, testID }: ButtonProps) {
+  const { failed, onUnavailable } = useAvailability();
+  return failed ? <Placeholder label={children} style={style} testID={testID} /> :
+    <NativeButton title={children} disabled={disabled} variant={variant} onButtonPress={disabled ? undefined : onPress} onUnavailable={onUnavailable} testID={testID} style={[{ width: 160, height: 36 }, style]} />;
+}
+export function TextInput({ defaultValue = "", onChangeText, style, ...props }: TextInputProps) {
+  const { failed, onUnavailable } = useAvailability();
+  const changed = useCallback((event: NativeSyntheticEvent<{ text: string }>) => onChangeText?.(event.nativeEvent.text), [onChangeText]);
+  return failed ? <Placeholder label={props.accessibilityLabel ?? "Text input"} style={style} testID={props.testID} /> :
+    <NativeTextInput {...props} defaultText={defaultValue} onTextChange={changed} onUnavailable={onUnavailable} style={[{ width: 240, height: 36 }, style]} />;
+}
+export function Select({ options, value, onValueChange, style, ...props }: SelectProps) {
+  const selected = selectionIndex(options, value);
+  const { failed, onUnavailable } = useAvailability();
+  const itemsJson = useMemo(() => JSON.stringify(options), [options]);
+  const changed = useCallback((event: NativeSyntheticEvent<{ value: string }>) => onValueChange(event.nativeEvent.value), [onValueChange]);
+  return failed ? <Placeholder label={`${props.accessibilityLabel ?? "Select"}: ${options[selected]!.label}`} style={style} testID={props.testID} /> :
+    <NativeSelect {...props} itemsJson={itemsJson} value={value} onSelectionChange={changed} onUnavailable={onUnavailable} style={[{ width: 240, height: 36 }, style]} />;
+}

package/vendor/node_modules/@legendapp/spark-ui/src/select.ts

@@ -0,0 +1,7 @@
+import type { SelectProps } from "./types";
+export function selectionIndex(options: SelectProps["options"], value: string) {
+  if (!options.length || new Set(options.map(option => option.value)).size !== options.length) throw new Error("Select options must be nonempty with unique values");
+  const index = options.findIndex(option => option.value === value);
+  if (index < 0) throw new Error("Select value must match an option");
+  return index;
+}

package/vendor/node_modules/@legendapp/spark-ui/src/types.ts

@@ -0,0 +1,28 @@
+import type { StyleProp, ViewStyle } from "react-native";
+
+/** A native text button. Layout styles affect its frame, not OS-managed chrome. */
+export type ButtonProps = {
+  children: string;
+  onPress?: () => void;
+  disabled?: boolean;
+  variant?: "default" | "bordered" | "borderless";
+  style?: StyleProp<ViewStyle>;
+  testID?: string;
+};
+
+/** Uncontrolled single-line input. defaultValue is read once per mount. */
+export type TextInputProps = {
+  defaultValue?: string;
+  onChangeText?: (text: string) => void;
+  accessibilityLabel?: string;
+  style?: StyleProp<ViewStyle>;
+  testID?: string;
+};
+export type SelectProps = {
+  options: readonly { label: string; value: string }[];
+  value: string;
+  onValueChange: (value: string) => void;
+  accessibilityLabel?: string;
+  style?: StyleProp<ViewStyle>;
+  testID?: string;
+};

package/vendor/node_modules/@legendapp/spark-ui/uniwind.ts

@@ -0,0 +1,8 @@
+import { withUniwind } from "uniwind";
+import { Button as NativeButton, TextInput as NativeTextInput, Select as NativeSelect } from "./src/index";
+
+// Optional, module-level bindings preserve each platform's native implementation.
+// className maps to the existing layout style; explicit style wins on conflicts.
+export const Button = withUniwind(NativeButton);
+export const TextInput = withUniwind(NativeTextInput);
+export const Select = withUniwind(NativeSelect);

package/vendor/node_modules/@legendapp/spark-ui/uniwind.web.ts

@@ -0,0 +1,17 @@
+import { createElement, type ComponentType } from "react";
+import type { StyleProp, ViewStyle } from "react-native";
+import { useResolveClassNames } from "uniwind";
+import { Button as NativeButton, TextInput as NativeTextInput, Select as NativeSelect } from "./src/index";
+
+function withSparkClasses<Props extends { style?: StyleProp<ViewStyle> }>(Component: ComponentType<Props>) {
+  return function UniwindControl({ className = "", style, ...props }: Props & { className?: string }) {
+    // withUniwind emits CSS classes on web, which cannot override our inline
+    // default frames. Resolve through Uniwind so style-array precedence survives.
+    const resolved = useResolveClassNames(className);
+    return createElement(Component, { ...props, style: [resolved as ViewStyle, style] } as Props);
+  };
+}
+
+export const Button = withSparkClasses(NativeButton);
+export const TextInput = withSparkClasses(NativeTextInput);
+export const Select = withSparkClasses(NativeSelect);

package/vendor/node_modules/@legendapp/spark-ui/windows/ExperimentalFeatures.props

@@ -0,0 +1,33 @@
+<?xml version="1.0" encoding="utf-8"?>
+<Project xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+
+  <PropertyGroup Label="Microsoft.ReactNative Experimental Features">
+    <!--
+      Required for building a New Architecture project.
+
+      Library projects can change this value to test against Old and New
+      Architectures when building the library project's local sln file.
+
+      Otherwise this value will be decided by the consuming RNW app.
+
+      See https://microsoft.github.io/react-native-windows/docs/new-architecture
+    -->
+    <RnwNewArch>true</RnwNewArch>
+
+    <!--
+      Changes compilation to assume use of Microsoft.ReactNative NuGet packages
+      instead of building the framework from source. Defaults to true.
+
+      This is set during library project creation and is used when building
+      the library project's local sln file.
+
+      Otherwise this value will be decided by the consuming RNW app.
+
+      See https://microsoft.github.io/react-native-windows/docs/nuget
+    -->
+    <UseExperimentalNuget>true</UseExperimentalNuget>
+
+    <ReactExperimentalFeaturesSet>true</ReactExperimentalFeaturesSet>
+  </PropertyGroup>
+
+</Project>

package/vendor/node_modules/@legendapp/spark-ui/windows/LICENSE

@@ -0,0 +1,25 @@
+The MIT License (MIT)
+
+Copyright (c) Microsoft Corporation and contributors. All rights reserved.
+
+Portions derived from React Native:
+
+Copyright (c) 2015-present, Facebook, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/vendor/node_modules/@legendapp/spark-ui/windows/SparkUI/ReactPackageProvider.cpp

@@ -0,0 +1,21 @@
+#include "pch.h"
+
+#include "ReactPackageProvider.h"
+#if __has_include("ReactPackageProvider.g.cpp")
+#include "ReactPackageProvider.g.cpp"
+#endif
+
+#include "SparkUI.h"
+
+using namespace winrt::Microsoft::ReactNative;
+
+namespace winrt::SparkUI::implementation
+{
+
+void ReactPackageProvider::CreatePackage(IReactPackageBuilder const &packageBuilder) noexcept
+{
+  AddAttributedModules(packageBuilder, true);
+  winrt::SparkUI::RegisterControls(packageBuilder);
+}
+
+} // namespace winrt::SparkUI::implementation

package/vendor/node_modules/@legendapp/spark-ui/windows/SparkUI/ReactPackageProvider.h

@@ -0,0 +1,24 @@
+#pragma once
+
+#include "ReactPackageProvider.g.h"
+
+using namespace winrt::Microsoft::ReactNative;
+
+namespace winrt::SparkUI::implementation
+{
+
+struct ReactPackageProvider : ReactPackageProviderT<ReactPackageProvider>
+{
+  ReactPackageProvider() = default;
+
+  void CreatePackage(IReactPackageBuilder const &packageBuilder) noexcept;
+};
+
+} // namespace winrt::SparkUI::implementation
+
+namespace winrt::SparkUI::factory_implementation
+{
+
+struct ReactPackageProvider : ReactPackageProviderT<ReactPackageProvider, implementation::ReactPackageProvider> {};
+
+} // namespace winrt::SparkUI::factory_implementation

package/vendor/node_modules/@legendapp/spark-ui/windows/SparkUI/ReactPackageProvider.idl

@@ -0,0 +1,9 @@
+namespace SparkUI
+{
+  [webhosthidden]
+  [default_interface]
+  runtimeclass ReactPackageProvider : Microsoft.ReactNative.IReactPackageProvider
+  {
+    ReactPackageProvider();
+  };
+}

package/vendor/node_modules/@legendapp/spark-ui/windows/SparkUI/SparkAppearance.h

@@ -0,0 +1,61 @@
+#pragma once
+#include "NativeModules.h"
+#include <winrt/Windows.UI.ViewManagement.h>
+
+namespace winrt::SparkUI {
+namespace React = Microsoft::ReactNative;
+// Per React host, shared by all its XAML islands. No application-level XAML
+// RequestedTheme mutation: WinUI does not allow changing that after startup.
+inline React::ReactPropertyId<int32_t> ThemePreference() { return {L"Spark.UI", L"ThemePreference"}; }
+inline React::ReactNotificationId<int32_t> ThemeChanged() { return {L"Spark.UI", L"ThemeChanged"}; }
+inline int32_t SystemTheme() {
+  auto foreground = Windows::UI::ViewManagement::UISettings().GetColorValue(Windows::UI::ViewManagement::UIColorType::Foreground);
+  return (5 * foreground.G + 2 * foreground.R + foreground.B) > 8 * 128 ? 1 : 0;
+}
+inline int32_t EffectiveTheme(React::ReactContext const &context) {
+  auto preference = context.Properties().Get(ThemePreference()).value_or(-1);
+  return preference < 0 ? SystemTheme() : preference;
+}
+
+// RNW 0.81's built-in Appearance setter is a no-op. Package-provided TurboModules
+// override built-ins through RNW's public package builder, preserving the RN API.
+REACT_MODULE(SparkAppearance, L"Appearance")
+struct SparkAppearance : std::enable_shared_from_this<SparkAppearance> {
+  React::ReactContext context;
+  int32_t lastTheme = -1;
+  Windows::UI::ViewManagement::UISettings settings;
+  Windows::UI::ViewManagement::UISettings::ColorValuesChanged_revoker changed;
+  REACT_INIT(Initialize)
+  void Initialize(React::ReactContext const &value) noexcept {
+    context = value;
+    context.Properties().Set(ThemePreference(), -1);
+    changed = settings.ColorValuesChanged(auto_revoke, [weak = weak_from_this()](auto const &, auto const &) {
+      if (auto self = weak.lock()) self->Notify();
+    });
+    Notify();
+  }
+  void Notify() {
+    context.UIDispatcher().Post([weak = weak_from_this()]() {
+      if (auto self = weak.lock()) {
+        auto theme = EffectiveTheme(self->context);
+        if (self->lastTheme == theme) return;
+        self->lastTheme = theme;
+        self->context.Notifications().SendNotification(ThemeChanged(), nullptr, theme);
+        self->context.EmitJSEvent(L"RCTDeviceEventEmitter", L"appearanceChanged", React::JSValueObject{{"colorScheme", theme ? "dark" : "light"}});
+      }
+    });
+  }
+  REACT_SYNC_METHOD(getColorScheme)
+  std::string getColorScheme() noexcept { return EffectiveTheme(context) ? "dark" : "light"; }
+  // Synchronous state update is intentional: RN calls getColorScheme immediately
+  // after setColorScheme. XAML work and change events still run on the UI thread.
+  REACT_SYNC_METHOD(setColorScheme)
+  bool setColorScheme(std::string style) noexcept {
+    context.Properties().Set(ThemePreference(), style == "dark" ? 1 : style == "light" ? 0 : -1);
+    Notify();
+    return true;
+  }
+  REACT_METHOD(addListener) void addListener(std::string const &) noexcept {}
+  REACT_METHOD(removeListeners) void removeListeners(double) noexcept {}
+};
+}

package/vendor/node_modules/@legendapp/spark-ui/windows/SparkUI/SparkUI.cpp

@@ -0,0 +1,2 @@
+#include "pch.h"
+#include "SparkUI.h"

package/vendor/node_modules/@legendapp/spark-ui/windows/SparkUI/SparkUI.def

@@ -0,0 +1,3 @@
+EXPORTS
+DllCanUnloadNow = WINRT_CanUnloadNow                    PRIVATE
+DllGetActivationFactory = WINRT_GetActivationFactory    PRIVATE