one 2.10.0 → 2.11.0

package/src/platform/linux/OneLinuxButtonNativeComponent.ts

@@ -0,0 +1,23 @@
+import type { ViewProps } from 'react-native'
+import type {
+  DirectEventHandler,
+  Double,
+  Int32,
+} from 'react-native/Libraries/Types/CodegenTypes'
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent'
+
+export type ChangeEvent = Readonly<{
+  value: Double
+  revision: Int32
+  eventCount: Int32
+}>
+
+interface NativeProps extends ViewProps {
+  title: string
+  disabled?: boolean
+  revision: Int32
+  acknowledgedEvent: Int32
+  onControlChange?: DirectEventHandler<ChangeEvent>
+}
+
+export default codegenNativeComponent<NativeProps>('OneLinuxButton')

package/src/platform/linux/OneLinuxDropDownNativeComponent.ts

@@ -0,0 +1,35 @@
+import type { ViewProps } from 'react-native'
+import type {
+  DirectEventHandler,
+  Double,
+  Int32,
+} from 'react-native/Libraries/Types/CodegenTypes'
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent'
+
+export type ChangeEvent = Readonly<{
+  value: Double
+  revision: Int32
+  eventCount: Int32
+}>
+export type SelectionEvent = Readonly<{
+  selection: string
+  hasSelection: boolean
+  revision: Int32
+  eventCount: Int32
+}>
+
+interface NativeProps extends ViewProps {
+  labels: ReadonlyArray<string>
+  itemValues: ReadonlyArray<string>
+  selection: string
+  hasSelection: boolean
+  tagged: boolean
+  value: Double
+  disabled?: boolean
+  revision: Int32
+  acknowledgedEvent: Int32
+  onControlChange?: DirectEventHandler<ChangeEvent>
+  onSelectionChange?: DirectEventHandler<SelectionEvent>
+}
+
+export default codegenNativeComponent<NativeProps>('OneLinuxDropDown')

package/src/platform/linux/OneLinuxNavigationNativeComponent.ts

@@ -0,0 +1,21 @@
+import type { ViewProps } from 'react-native'
+import type { DirectEventHandler, Int32 } from 'react-native/Libraries/Types/CodegenTypes'
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent'
+
+export type SelectEvent = Readonly<{ index: Int32; revision: Int32; eventCount: Int32 }>
+
+interface NativeProps extends ViewProps {
+  mode: string
+  pageKeys: ReadonlyArray<string>
+  pageTitles: ReadonlyArray<string>
+  title: string
+  selectedIndex: Int32
+  headerShown: boolean
+  canGoBack: boolean
+  revision: Int32
+  acknowledgedEvent: Int32
+  onSelect?: DirectEventHandler<SelectEvent>
+  onBack?: DirectEventHandler<Readonly<{}>>
+}
+
+export default codegenNativeComponent<NativeProps>('OneLinuxNavigation')

package/src/platform/linux/OneLinuxProgressBarNativeComponent.ts

@@ -0,0 +1,10 @@
+import type { ViewProps } from 'react-native'
+import type { Double } from 'react-native/Libraries/Types/CodegenTypes'
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent'
+
+interface NativeProps extends ViewProps {
+  value: Double
+  indeterminate: boolean
+}
+
+export default codegenNativeComponent<NativeProps>('OneLinuxProgressBar')

package/src/platform/linux/OneLinuxSecureFieldNativeComponent.ts

@@ -0,0 +1,16 @@
+import type { ViewProps } from 'react-native'
+import type { DirectEventHandler, Int32 } from 'react-native/Libraries/Types/CodegenTypes'
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent'
+
+export type ChangeEvent = Readonly<{ text: string; revision: Int32; eventCount: Int32 }>
+interface NativeProps extends ViewProps {
+  title: string
+  prompt: string
+  text: string
+  disabled?: boolean
+  revision: Int32
+  acknowledgedEvent: Int32
+  onTextChange?: DirectEventHandler<ChangeEvent>
+  onSubmit?: DirectEventHandler<Readonly<{ revision: Int32 }>>
+}
+export default codegenNativeComponent<NativeProps>('OneLinuxSecureField')

package/src/platform/linux/OneLinuxSegmentedControlNativeComponent.ts

@@ -0,0 +1,24 @@
+import type { ViewProps } from 'react-native'
+import type {
+  DirectEventHandler,
+  Double,
+  Int32,
+} from 'react-native/Libraries/Types/CodegenTypes'
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent'
+
+export type ChangeEvent = Readonly<{
+  value: Double
+  revision: Int32
+  eventCount: Int32
+}>
+
+interface NativeProps extends ViewProps {
+  labels: ReadonlyArray<string>
+  value: Double
+  disabled?: boolean
+  revision: Int32
+  acknowledgedEvent: Int32
+  onControlChange?: DirectEventHandler<ChangeEvent>
+}
+
+export default codegenNativeComponent<NativeProps>('OneLinuxSegmentedControl')

package/src/platform/linux/OneLinuxSliderNativeComponent.ts

@@ -0,0 +1,29 @@
+import type { ViewProps } from 'react-native'
+import type {
+  DirectEventHandler,
+  Double,
+  Int32,
+} from 'react-native/Libraries/Types/CodegenTypes'
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent'
+
+export type ChangeEvent = Readonly<{
+  value: Double
+  revision: Int32
+  eventCount: Int32
+}>
+type SlidingEvent = Readonly<{ value: Double; revision: Int32 }>
+
+interface NativeProps extends ViewProps {
+  value: Double
+  minimumValue: Double
+  maximumValue: Double
+  step: Double
+  disabled?: boolean
+  revision: Int32
+  acknowledgedEvent: Int32
+  onControlChange?: DirectEventHandler<ChangeEvent>
+  onSlidingStart?: DirectEventHandler<SlidingEvent>
+  onSlidingComplete?: DirectEventHandler<SlidingEvent>
+}
+
+export default codegenNativeComponent<NativeProps>('OneLinuxSlider')

package/src/platform/linux/OneLinuxStepperNativeComponent.ts

@@ -0,0 +1,27 @@
+import type { ViewProps } from 'react-native'
+import type {
+  DirectEventHandler,
+  Double,
+  Int32,
+} from 'react-native/Libraries/Types/CodegenTypes'
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent'
+
+export type ChangeEvent = Readonly<{
+  value: Double
+  revision: Int32
+  eventCount: Int32
+}>
+
+interface NativeProps extends ViewProps {
+  title: string
+  value: Double
+  minimumValue: Double
+  maximumValue: Double
+  step: Double
+  disabled?: boolean
+  revision: Int32
+  acknowledgedEvent: Int32
+  onControlChange?: DirectEventHandler<ChangeEvent>
+}
+
+export default codegenNativeComponent<NativeProps>('OneLinuxStepper')

package/src/platform/linux/OneLinuxSwitchNativeComponent.ts

@@ -0,0 +1,20 @@
+// Linux GTK switch spec. staticSpecs.ts rewrites its dist mirror into a
+// static view config; it is not in codegenConfig, so ios and android skip it.
+import type { ViewProps } from 'react-native'
+import type { DirectEventHandler, Double, Int32 } from 'react-native/Libraries/Types/CodegenTypes'
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent'
+
+export type ChangeEvent = Readonly<{
+  value: Double
+  revision: Int32
+  eventCount: Int32
+}>
+
+interface NativeProps extends ViewProps {
+  value: Double
+  revision: Int32
+  acknowledgedEvent: Int32
+  onControlChange?: DirectEventHandler<ChangeEvent>
+}
+
+export default codegenNativeComponent<NativeProps>('OneLinuxSwitch')

package/src/platform/linux/OneLinuxTextFieldNativeComponent.ts

@@ -0,0 +1,16 @@
+import type { ViewProps } from 'react-native'
+import type { DirectEventHandler, Int32 } from 'react-native/Libraries/Types/CodegenTypes'
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent'
+
+export type ChangeEvent = Readonly<{ text: string; revision: Int32; eventCount: Int32 }>
+interface NativeProps extends ViewProps {
+  title: string
+  prompt: string
+  text: string
+  disabled?: boolean
+  revision: Int32
+  acknowledgedEvent: Int32
+  onTextChange?: DirectEventHandler<ChangeEvent>
+  onSubmit?: DirectEventHandler<Readonly<{ revision: Int32 }>>
+}
+export default codegenNativeComponent<NativeProps>('OneLinuxTextField')

package/src/platform/linux/OneLinuxToggleNativeComponent.ts

@@ -0,0 +1,14 @@
+import type { ViewProps } from 'react-native'
+import type { DirectEventHandler, Double, Int32 } from 'react-native/Libraries/Types/CodegenTypes'
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent'
+
+export type ChangeEvent = Readonly<{ value: Double; revision: Int32; eventCount: Int32 }>
+interface NativeProps extends ViewProps {
+  title: string
+  value: Double
+  disabled?: boolean
+  revision: Int32
+  acknowledgedEvent: Int32
+  onControlChange?: DirectEventHandler<ChangeEvent>
+}
+export default codegenNativeComponent<NativeProps>('OneLinuxToggle')

package/src/platform/linux/ProgressBar.linux.tsx

@@ -0,0 +1,21 @@
+import type { ControlViewProps } from '../controlTypes'
+import NativeProgressBar from './OneLinuxProgressBarNativeComponent'
+
+export type ProgressBarProps = ControlViewProps & {
+  value?: number
+  indeterminate?: boolean
+}
+
+export function ProgressBar({ value, indeterminate = value === undefined, style, ...props }: ProgressBarProps) {
+  if (value !== undefined && (!Number.isFinite(value) || value < 0 || value > 1)) {
+    throw new Error('ProgressBar value must be between 0 and 1')
+  }
+  return (
+    <NativeProgressBar
+      {...props}
+      value={value ?? 0}
+      indeterminate={indeterminate}
+      style={style}
+    />
+  )
+}

package/src/platform/linux/SecureField.linux.tsx

@@ -0,0 +1,7 @@
+import { Field, type TextFieldProps } from './TextField.linux'
+
+export type SecureFieldProps = TextFieldProps
+
+export function SecureField(props: SecureFieldProps) {
+  return <Field {...props} secure />
+}

package/src/platform/linux/SegmentedControl.linux.tsx

@@ -0,0 +1,13 @@
+import type { ReactElement } from 'react'
+import type { NumericControlChange } from '../controlTypes'
+import { createSegmentedControl, type DesktopSegmentedControlProps } from '../desktop/createControls'
+import NativeSegmentedControl from './OneLinuxSegmentedControlNativeComponent'
+
+export type SegmentedControlProps = Omit<DesktopSegmentedControlProps, 'controlRole'>
+
+export const SegmentedControl: (props: SegmentedControlProps) => ReactElement = createSegmentedControl<NumericControlChange>(
+  ({ selectedIndex, controlRole: _controlRole, ...props }, binding) => <NativeSegmentedControl {...props}
+    value={selectedIndex} revision={binding.revision} acknowledgedEvent={binding.acknowledgedEvent}
+    onControlChange={({ nativeEvent }) => binding.onNativeChange(nativeEvent)} />,
+  (event) => event.value,
+)

package/src/platform/linux/Slider.linux.tsx

@@ -0,0 +1,67 @@
+import type { ControlledControlProps, ControlChange, NumericControlChange } from '../controlTypes'
+import { useRef } from 'react'
+import { useControlled } from '../controlled'
+import NativeSlider from './OneLinuxSliderNativeComponent'
+
+export type SliderProps = ControlledControlProps & {
+  value: number
+  minimumValue?: number
+  maximumValue?: number
+  /** keyboard increment, in the slider's value units. */
+  step?: number
+  onValueChange?: (event: ControlChange<{ value: number }>) => void
+  onSlidingStart?: (event: ControlChange<{ value: number }>) => void
+  onSlidingComplete?: (event: ControlChange<{ value: number }>) => void
+}
+
+export function Slider({
+  value,
+  minimumValue = 0,
+  maximumValue = 1,
+  step = 0.01,
+  revision = 0,
+  onValueChange,
+  onSlidingStart,
+  onSlidingComplete,
+  style,
+  ...props
+}: SliderProps) {
+  if (
+    ![value, minimumValue, maximumValue, step].every(Number.isFinite) ||
+    maximumValue <= minimumValue ||
+    step <= 0 ||
+    value < minimumValue ||
+    value > maximumValue
+  ) {
+    throw new Error(
+      'Slider needs a finite value in its range, increasing bounds and a positive step'
+    )
+  }
+  const slidingRevision = useRef<number | null>(null)
+  const controlled = useControlled((event: NumericControlChange) => {
+    onValueChange?.({ value: event.value, revision: event.revision })
+  }, revision)
+  return (
+    <NativeSlider
+      {...props}
+      value={value}
+      minimumValue={minimumValue}
+      maximumValue={maximumValue}
+      step={step}
+      style={style}
+      revision={controlled.revision}
+      acknowledgedEvent={controlled.acknowledgedEvent}
+      onControlChange={(event) => controlled.onNativeChange(event.nativeEvent)}
+      onSlidingStart={({ nativeEvent }) => {
+        if (nativeEvent.revision !== revision) return
+        slidingRevision.current = nativeEvent.revision
+        onSlidingStart?.(nativeEvent)
+      }}
+      onSlidingComplete={({ nativeEvent }) => {
+        if (nativeEvent.revision !== slidingRevision.current) return
+        slidingRevision.current = null
+        onSlidingComplete?.(nativeEvent)
+      }}
+    />
+  )
+}

package/src/platform/linux/Stepper.linux.tsx

@@ -0,0 +1,52 @@
+import type { ControlledControlProps, NumericControlChange } from '../controlTypes'
+import { useControlled } from '../controlled'
+import NativeStepper from './OneLinuxStepperNativeComponent'
+
+export type StepperProps = ControlledControlProps & {
+  value: number
+  label?: string
+  in?: readonly [number, number]
+  /** increment, in the stepper's value units. */
+  step?: number
+  onValueChange: (value: number) => void
+}
+
+export function Stepper({
+  value,
+  label = '',
+  in: [minimumValue, maximumValue] = [0, 100],
+  step = 1,
+  revision = 0,
+  onValueChange,
+  style,
+  ...props
+}: StepperProps) {
+  if (
+    ![value, minimumValue, maximumValue, step].every(Number.isFinite) ||
+    maximumValue <= minimumValue ||
+    step <= 0 ||
+    value < minimumValue ||
+    value > maximumValue
+  ) {
+    throw new Error(
+      'Stepper needs a finite value in its range, increasing bounds and a positive step'
+    )
+  }
+  const controlled = useControlled((event: NumericControlChange) => {
+    onValueChange(event.value)
+  }, revision)
+  return (
+    <NativeStepper
+      {...props}
+      value={value}
+      title={label}
+      minimumValue={minimumValue}
+      maximumValue={maximumValue}
+      step={step}
+      style={style}
+      revision={controlled.revision}
+      acknowledgedEvent={controlled.acknowledgedEvent}
+      onControlChange={(event) => controlled.onNativeChange(event.nativeEvent)}
+    />
+  )
+}

package/src/platform/linux/Switch.linux.tsx

@@ -0,0 +1,23 @@
+import type { ControlledControlProps, ControlChange, NumericControlChange } from '../controlTypes'
+import { useControlled } from '../controlled'
+import NativeSwitch from './OneLinuxSwitchNativeComponent'
+
+export type SwitchProps = ControlledControlProps & {
+  isOn: boolean
+  onIsOnChange?: (event: ControlChange<{ isOn: boolean }>) => void
+}
+
+export function Switch({ isOn, revision = 0, onIsOnChange, ...props }: SwitchProps) {
+  const controlled = useControlled((event: NumericControlChange) => {
+    onIsOnChange?.({ isOn: event.value !== 0, revision: event.revision })
+  }, revision)
+  return (
+    <NativeSwitch
+      {...props}
+      value={isOn ? 1 : 0}
+      revision={controlled.revision}
+      acknowledgedEvent={controlled.acknowledgedEvent}
+      onControlChange={(event) => controlled.onNativeChange(event.nativeEvent)}
+    />
+  )
+}

package/src/platform/linux/TextField.linux.tsx

@@ -0,0 +1,27 @@
+import type { ControlledControlProps, TextControlChange } from '../controlTypes'
+import { useControlled } from '../controlled'
+import NativeTextField from './OneLinuxTextFieldNativeComponent'
+import NativeSecureField from './OneLinuxSecureFieldNativeComponent'
+
+export type TextFieldProps = ControlledControlProps & {
+  text: string
+  label?: string
+  prompt?: string
+  onTextChange?: (text: string) => void
+  onSubmit?: () => void
+}
+
+export function TextField(props: TextFieldProps) {
+  return <Field {...props} secure={false} />
+}
+
+export function Field({ text, label = '', prompt = '', revision = 0, onTextChange,
+  onSubmit, style, secure, ...props }: TextFieldProps & { secure: boolean }) {
+  const controlled = useControlled((event: TextControlChange) => onTextChange?.(event.text), revision)
+  const NativeField = secure ? NativeSecureField : NativeTextField
+  return <NativeField {...props} text={text} title={label} prompt={prompt}
+    style={style}
+    revision={controlled.revision} acknowledgedEvent={controlled.acknowledgedEvent}
+    onTextChange={({ nativeEvent }) => controlled.onNativeChange(nativeEvent)}
+    onSubmit={({ nativeEvent }) => { if (nativeEvent.revision === revision) onSubmit?.() }} />
+}

package/src/platform/linux/Toggle.linux.tsx

@@ -0,0 +1,12 @@
+import type { NumericControlChange } from '../controlTypes'
+import { createToggle, type DesktopToggleProps } from '../desktop/createControls'
+import NativeToggle from './OneLinuxToggleNativeComponent'
+
+export type ToggleProps = DesktopToggleProps
+
+export const Toggle = createToggle<NumericControlChange>(
+  ({ label, isOn, ...props }, binding) => <NativeToggle {...props} title={label} value={isOn ? 1 : 0}
+    revision={binding.revision} acknowledgedEvent={binding.acknowledgedEvent}
+    onControlChange={({ nativeEvent }) => binding.onNativeChange(nativeEvent)} />,
+  (event) => event.value !== 0,
+)

package/src/platform/linux/Window.linux.ts

@@ -0,0 +1,12 @@
+import { TurboModuleRegistry, type TurboModule } from 'react-native'
+
+interface Spec extends TurboModule {
+  open(): void
+}
+
+// each window starts an independent instance of the application's root module.
+export const Window = {
+  open(): void {
+    TurboModuleRegistry.getEnforcing<Spec>('OneLinuxWindow').open()
+  },
+}

package/src/platform/mac/AppCommands.macos.ts

@@ -0,0 +1,8 @@
+// native menu bar and key equivalent commands. the config shape matches
+// react-native-gpui's AppCommands, so one command table serves both hosts.
+import { createAppCommands } from '../desktop/createAppCommands'
+export type { AppCommandBinding, AppCommandMenuItem, AppCommandMenu, AppCommandConfig, AppCommandToolbarItem, AppCommandListener } from '../desktop/appCommandTypes'
+
+export const AppCommands = createAppCommands('OneMacAppCommands', 'oneMacAppCommand')
+
+export type OneMacAppCommands = typeof AppCommands

package/src/platform/mac/Button.macos.tsx

@@ -0,0 +1,12 @@
+import { createButton, type DesktopButtonProps } from '../desktop/createControls'
+import NativeButton from './OneMacButtonNativeComponent'
+
+export type ButtonProps = Omit<DesktopButtonProps, 'revision'> & {
+  /** fills the bezel with the accent color, for the button that confirms a dialog. */
+  prominent?: boolean
+}
+
+export const Button = createButton(NativeButton, ({ onPress, ...props }: ButtonProps) => ({
+  ...props,
+  onButtonPress: onPress,
+}))

package/src/platform/mac/Image.macos.tsx

@@ -0,0 +1,41 @@
+import { StyleSheet } from 'react-native'
+import type { ColorValue, ViewProps } from 'react-native'
+import type { SFSymbolName } from '../generated/sfSymbolNames'
+import NativeImage from './OneMacImageNativeComponent'
+
+export type ImageProps = Omit<ViewProps, 'children'> & {
+  systemName: SFSymbolName
+  /** symbol point size, centered in a default square layout. defaults to 16. */
+  size?: number
+  /** defaults to the appearance-aware AppKit label color. */
+  tintColor?: ColorValue
+}
+
+export function Image({
+  systemName,
+  size = 16,
+  tintColor,
+  accessibilityLabel,
+  accessible = !!accessibilityLabel,
+  style,
+  ...props
+}: ImageProps) {
+  if (typeof systemName !== 'string' || !systemName)
+    throw new Error('One.macOS.Image needs a systemName')
+  if (!Number.isFinite(size) || size <= 0)
+    throw new Error('One.macOS.Image size must be a positive finite number')
+  const bounds = StyleSheet.flatten(style)
+  return (
+    <NativeImage
+      {...props}
+      style={style}
+      fitToBounds={bounds?.width != null && bounds?.height != null}
+      systemName={systemName}
+      size={size}
+      tintColor={tintColor}
+      accessibilityRole="image"
+      accessibilityLabel={accessibilityLabel}
+      accessible={accessible}
+    />
+  )
+}

package/src/platform/mac/OneMacButtonNativeComponent.ts

@@ -0,0 +1,14 @@
+import type { ViewProps } from 'react-native'
+import type { DirectEventHandler, WithDefault } from 'react-native/Libraries/Types/CodegenTypes'
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent'
+
+interface NativeProps extends ViewProps {
+  title: string
+  systemImage?: string
+  disabled?: boolean
+  bordered?: WithDefault<boolean, true>
+  prominent?: boolean
+  onButtonPress?: DirectEventHandler<Readonly<{}>>
+}
+
+export default codegenNativeComponent<NativeProps>('OneMacButton')

package/src/platform/mac/OneMacImageNativeComponent.ts

@@ -0,0 +1,12 @@
+import type { ColorValue, ViewProps } from 'react-native'
+import type { Float } from 'react-native/Libraries/Types/CodegenTypes'
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent'
+
+interface NativeProps extends ViewProps {
+  systemName: string
+  size?: Float
+  fitToBounds?: boolean
+  tintColor?: ColorValue
+}
+
+export default codegenNativeComponent<NativeProps>('OneMacImage')

package/src/platform/mac/OneMacPopUpButtonNativeComponent.ts

@@ -0,0 +1,20 @@
+import type { ViewProps } from 'react-native'
+import type { DirectEventHandler, Int32 } from 'react-native/Libraries/Types/CodegenTypes'
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent'
+
+export type ChangeEvent = Readonly<{
+  selectedIndex: Int32
+  revision: Int32
+  eventCount: Int32
+}>
+
+interface NativeProps extends ViewProps {
+  labels: ReadonlyArray<string>
+  selectedIndex: Int32
+  disabled?: boolean
+  revision: Int32
+  acknowledgedEvent: Int32
+  onSelectedIndexChange?: DirectEventHandler<ChangeEvent>
+}
+
+export default codegenNativeComponent<NativeProps>('OneMacPopUpButton')

package/src/platform/mac/OneMacSegmentedControlNativeComponent.ts

@@ -0,0 +1,21 @@
+import type { ViewProps } from 'react-native'
+import type { DirectEventHandler, Int32, WithDefault } from 'react-native/Libraries/Types/CodegenTypes'
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent'
+
+export type ChangeEvent = Readonly<{
+  selectedIndex: Int32
+  revision: Int32
+  eventCount: Int32
+}>
+
+interface NativeProps extends ViewProps {
+  labels: ReadonlyArray<string>
+  selectedIndex: Int32
+  disabled?: boolean
+  controlRole?: WithDefault<'automatic' | 'tabs' | 'valueSelection', 'automatic'>
+  revision: Int32
+  acknowledgedEvent: Int32
+  onSelectedIndexChange?: DirectEventHandler<ChangeEvent>
+}
+
+export default codegenNativeComponent<NativeProps>('OneMacSegmentedControl')

package/src/platform/mac/OneMacToggleNativeComponent.ts

@@ -0,0 +1,21 @@
+// macOS SwiftUI toggle spec. staticSpecs.ts rewrites its dist mirror into a
+// static view config; it is not in codegenConfig, so ios and android skip it.
+import type { ViewProps } from 'react-native'
+import type { DirectEventHandler, Int32 } from 'react-native/Libraries/Types/CodegenTypes'
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent'
+
+export type ChangeEvent = Readonly<{
+  isOn: boolean
+  revision: Int32
+  eventCount: Int32
+}>
+
+interface NativeProps extends ViewProps {
+  label: string
+  isOn: boolean
+  revision: Int32
+  acknowledgedEvent: Int32
+  onIsOnChange?: DirectEventHandler<ChangeEvent>
+}
+
+export default codegenNativeComponent<NativeProps>('OneMacToggle')