feat(typescript): update interfaces

Author: mgcrea

src/components/Form.tsx

@@ -1,12 +1,13 @@
 import { type PropsWithChildren } from "react";
 import { SwiftUIParentIdProvider } from "../contexts";
 import { useSwiftUINode } from "../hooks";
-import type { FunctionComponentWithId } from "../types";
+import type { FunctionComponentWithId, NativeViewStyle } from "../types";
 
 // https://developer.apple.com/documentation/swiftui/form
 
-// eslint-disable-next-line @typescript-eslint/no-empty-object-type
-export type NativeFormProps = {};
+export type NativeFormProps = {
+  style?: NativeViewStyle;
+};
 
 export const Form: FunctionComponentWithId<PropsWithChildren<NativeFormProps>> = ({
   children,

src/components/Picker.tsx

@@ -1,5 +1,6 @@
 import { ReactNode, useMemo } from "react";
 import { useSwiftUINode } from "../hooks";
+import type { NativeTextStyle } from "../types";
 
 // https://developer.apple.com/documentation/swiftui/picker
 
@@ -11,6 +12,7 @@ export type NativePickerProps<T extends string> = {
   label?: string;
   pickerStyle?: NativePickerStyle;
   disabled?: boolean;
+  style?: NativeTextStyle;
   onChange?: (value: T) => void;
   onFocus?: () => void;
   onBlur?: () => void;

src/components/Stepper.tsx

@@ -1,6 +1,7 @@
-import { useMemo } from "react";
+import { type PropsWithChildren, useMemo } from "react";
+import { SwiftUIParentIdProvider } from "../contexts";
 import { useSwiftUINode } from "../hooks";
-import type { FunctionComponentWithId } from "../types";
+import type { FunctionComponentWithId, NativeTextStyle } from "../types";
 
 // https://developer.apple.com/documentation/swiftui/stepper
 
@@ -10,12 +11,14 @@ export type NativeStepperProps = {
   minimum?: number;
   maximum?: number;
   step?: number;
+  style?: NativeTextStyle;
   onChange?: (value: number) => void;
   onFocus?: () => void;
   onBlur?: () => void;
 };
 
-export const Stepper: FunctionComponentWithId<NativeStepperProps> = ({
+export const Stepper: FunctionComponentWithId<PropsWithChildren<NativeStepperProps>> = ({
+  children,
   onChange: onChangeProp,
   onFocus,
   onBlur,
@@ -31,12 +34,12 @@ export const Stepper: FunctionComponentWithId<NativeStepperProps> = ({
     [onChangeProp],
   );
 
-  useSwiftUINode("Stepper", otherProps, {
+  const { id } = useSwiftUINode("Stepper", otherProps, {
     change: onChange,
     focus: onFocus,
     blur: onBlur,
   });
 
-  return null;
+  return <SwiftUIParentIdProvider id={id}>{children}</SwiftUIParentIdProvider>;
 };
 Stepper.displayName = "Stepper";

src/index.ts

@@ -4,6 +4,7 @@
 // export { default as NativePopoverView } from "./PopoverViewNativeComponent";
 // export { default as NativeSectionView } from "./SectionNativeComponent";
 // export * from "./native/SwiftUIRootNativeComponent";
+export * from "./components";
 export { default as NativeContainerView } from "./native/SwiftUIRootNativeComponent";
 export * from "./styles";
 export * from "./SwiftUI";

src/types/style.ts

@@ -25,12 +25,14 @@ export type NativeViewStyle = Pick<
   | "right"
   | "bottom"
 > & {
+  tint?: string;
+  accentColor?: string;
+  foregroundColor?: string;
   cornerRadius?: number;
 };
 
 export type NativeTextStyle = NativeViewStyle &
   Pick<TextStyle, "color" | "fontSize" | "fontWeight" | "textAlign" | "fontFamily"> & {
-    foregroundColor?: string;
     font?: NativeFont;
   };