@rocapine/react-native-onboarding 1.14.0 → 1.16.0

package/src/steps/ComposableScreen/types.ts

@@ -14,6 +14,7 @@ import { type CheckboxGroupElementProps, CheckboxGroupElementPropsSchema } from
 import { type DatePickerElementProps, DatePickerElementPropsSchema } from "./elements/DatePickerElement";
 import { type CarouselElementProps, CarouselElementPropsSchema } from "./elements/CarouselElement";
 import { type ZStackElementProps, ZStackElementPropsSchema } from "./elements/ZStackElement";
+import { type SafeAreaViewElementProps, SafeAreaViewElementPropsSchema } from "./elements/SafeAreaViewElement";
 
 export type { BaseBoxProps, GradientBackground, GradientEdge, GradientStop, LinearGradientConfig } from "./elements/BaseBoxProps";
 export { BaseBoxPropsSchema, GradientBackgroundSchema } from "./elements/BaseBoxProps";
@@ -25,12 +26,20 @@ export type { RiveElementProps } from "./elements/RiveElement";
 export type { IconElementProps } from "./elements/IconElement";
 export type { VideoElementProps } from "./elements/VideoElement";
 export type { InputElementProps } from "./elements/InputElement";
-export type { ButtonElementProps } from "./elements/ButtonElement";
+export type { ButtonElementProps, ButtonAction, CustomButtonAction } from "./elements/ButtonElement";
+export { ButtonActionSchema, CustomButtonActionSchema } from "./elements/ButtonElement";
 export type { RadioGroupElementProps } from "./elements/RadioGroupElement";
 export type { CheckboxGroupElementProps } from "./elements/CheckboxGroupElement";
 export type { DatePickerElementProps } from "./elements/DatePickerElement";
 export type { CarouselElementProps } from "./elements/CarouselElement";
 export type { ZStackElementProps } from "./elements/ZStackElement";
+export type { SafeAreaViewElementProps, SafeAreaEdge, SafeAreaEdgeMode } from "./elements/SafeAreaViewElement";
+
+/**
+ * A variable entry stored in the ComposableScreen variables map.
+ * `value` is the canonical value (string), `label` is an optional display label.
+ */
+export type ComposableVariableEntry = { value: string; label?: string };
 
 // UIElement union — must live here (not in elements/) to avoid circular deps
 // because the Stack variant's children: UIElement[] references itself.
@@ -121,6 +130,13 @@ type UIElement =
       type: "ZStack";
       props: ZStackElementProps;
       children: UIElement[];
+    }
+  | {
+      id: string;
+      name?: string;
+      type: "SafeAreaView";
+      props: SafeAreaViewElementProps;
+      children: UIElement[];
     };
 
 const UIElementSchema: z.ZodType<UIElement> = z.lazy(() =>
@@ -212,6 +228,13 @@ const UIElementSchema: z.ZodType<UIElement> = z.lazy(() =>
       props: ZStackElementPropsSchema,
       children: z.array(UIElementSchema),
     }),
+    z.object({
+      id: z.string(),
+      name: z.string().optional(),
+      type: z.literal("SafeAreaView"),
+      props: SafeAreaViewElementPropsSchema,
+      children: z.array(UIElementSchema),
+    }),
   ])
 );