@rocapine/react-native-onboarding 1.8.1 → 1.10.0

package/dist/onboarding-example.d.ts

@@ -167,6 +167,9 @@ export declare const onboardingExample: {
                         defaultValue?: undefined;
                         gap?: undefined;
                         items?: undefined;
+                        defaultValues?: undefined;
+                        display?: undefined;
+                        maximumDate?: undefined;
                         label?: undefined;
                         variant?: undefined;
                     };
@@ -205,6 +208,9 @@ export declare const onboardingExample: {
                         defaultValue?: undefined;
                         gap?: undefined;
                         items?: undefined;
+                        defaultValues?: undefined;
+                        display?: undefined;
+                        maximumDate?: undefined;
                         label?: undefined;
                         variant?: undefined;
                     };
@@ -243,6 +249,9 @@ export declare const onboardingExample: {
                         defaultValue?: undefined;
                         gap?: undefined;
                         items?: undefined;
+                        defaultValues?: undefined;
+                        display?: undefined;
+                        maximumDate?: undefined;
                         label?: undefined;
                         variant?: undefined;
                     };
@@ -281,6 +290,9 @@ export declare const onboardingExample: {
                         defaultValue?: undefined;
                         gap?: undefined;
                         items?: undefined;
+                        defaultValues?: undefined;
+                        display?: undefined;
+                        maximumDate?: undefined;
                         label?: undefined;
                         variant?: undefined;
                     };
@@ -319,6 +331,9 @@ export declare const onboardingExample: {
                         defaultValue?: undefined;
                         gap?: undefined;
                         items?: undefined;
+                        defaultValues?: undefined;
+                        display?: undefined;
+                        maximumDate?: undefined;
                         label?: undefined;
                         variant?: undefined;
                     };
@@ -357,6 +372,9 @@ export declare const onboardingExample: {
                         defaultValue?: undefined;
                         gap?: undefined;
                         items?: undefined;
+                        defaultValues?: undefined;
+                        display?: undefined;
+                        maximumDate?: undefined;
                         label?: undefined;
                         variant?: undefined;
                     };
@@ -395,6 +413,9 @@ export declare const onboardingExample: {
                         defaultValue?: undefined;
                         gap?: undefined;
                         items?: undefined;
+                        defaultValues?: undefined;
+                        display?: undefined;
+                        maximumDate?: undefined;
                         label?: undefined;
                         variant?: undefined;
                     };
@@ -433,6 +454,9 @@ export declare const onboardingExample: {
                         defaultValue?: undefined;
                         gap?: undefined;
                         items?: undefined;
+                        defaultValues?: undefined;
+                        display?: undefined;
+                        maximumDate?: undefined;
                         label?: undefined;
                         variant?: undefined;
                     };
@@ -471,6 +495,9 @@ export declare const onboardingExample: {
                         defaultValue?: undefined;
                         gap?: undefined;
                         items?: undefined;
+                        defaultValues?: undefined;
+                        display?: undefined;
+                        maximumDate?: undefined;
                         label?: undefined;
                         variant?: undefined;
                     };
@@ -512,6 +539,9 @@ export declare const onboardingExample: {
                         fontFamily?: undefined;
                         lineHeight?: undefined;
                         opacity?: undefined;
+                        defaultValues?: undefined;
+                        display?: undefined;
+                        maximumDate?: undefined;
                         label?: undefined;
                         variant?: undefined;
                     };
@@ -550,6 +580,94 @@ export declare const onboardingExample: {
                         defaultValue?: undefined;
                         gap?: undefined;
                         items?: undefined;
+                        defaultValues?: undefined;
+                        display?: undefined;
+                        maximumDate?: undefined;
+                        label?: undefined;
+                        variant?: undefined;
+                    };
+                } | {
+                    id: string;
+                    type: string;
+                    props: {
+                        variableName: string;
+                        defaultValues: string[];
+                        gap: number;
+                        marginVertical: number;
+                        items: {
+                            label: string;
+                            value: string;
+                        }[];
+                        source?: undefined;
+                        height?: undefined;
+                        autoPlay?: undefined;
+                        loop?: undefined;
+                        url?: undefined;
+                        autoplay?: undefined;
+                        fit?: undefined;
+                        resizeMode?: undefined;
+                        borderRadius?: undefined;
+                        name?: undefined;
+                        size?: undefined;
+                        color?: undefined;
+                        controls?: undefined;
+                        muted?: undefined;
+                        placeholder?: undefined;
+                        keyboardType?: undefined;
+                        returnKeyType?: undefined;
+                        autoCapitalize?: undefined;
+                        content?: undefined;
+                        mode?: undefined;
+                        fontSize?: undefined;
+                        fontWeight?: undefined;
+                        textAlign?: undefined;
+                        fontFamily?: undefined;
+                        lineHeight?: undefined;
+                        opacity?: undefined;
+                        defaultValue?: undefined;
+                        display?: undefined;
+                        maximumDate?: undefined;
+                        label?: undefined;
+                        variant?: undefined;
+                    };
+                } | {
+                    id: string;
+                    type: string;
+                    props: {
+                        variableName: string;
+                        defaultValue: string;
+                        mode: string;
+                        display: string;
+                        maximumDate: string;
+                        marginVertical: number;
+                        source?: undefined;
+                        height?: undefined;
+                        autoPlay?: undefined;
+                        loop?: undefined;
+                        url?: undefined;
+                        autoplay?: undefined;
+                        fit?: undefined;
+                        resizeMode?: undefined;
+                        borderRadius?: undefined;
+                        name?: undefined;
+                        size?: undefined;
+                        color?: undefined;
+                        controls?: undefined;
+                        muted?: undefined;
+                        placeholder?: undefined;
+                        keyboardType?: undefined;
+                        returnKeyType?: undefined;
+                        autoCapitalize?: undefined;
+                        content?: undefined;
+                        fontSize?: undefined;
+                        fontWeight?: undefined;
+                        textAlign?: undefined;
+                        fontFamily?: undefined;
+                        lineHeight?: undefined;
+                        opacity?: undefined;
+                        gap?: undefined;
+                        items?: undefined;
+                        defaultValues?: undefined;
                         label?: undefined;
                         variant?: undefined;
                     };
@@ -590,6 +708,9 @@ export declare const onboardingExample: {
                         defaultValue?: undefined;
                         gap?: undefined;
                         items?: undefined;
+                        defaultValues?: undefined;
+                        display?: undefined;
+                        maximumDate?: undefined;
                     };
                 })[];
             }[];

package/dist/onboarding-example.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"onboarding-example.d.ts","sourceRoot":"","sources":["../src/onboarding-example.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0QR,CAAC"}
+{"version":3,"file":"onboarding-example.d.ts","sourceRoot":"","sources":["../src/onboarding-example.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8TR,CAAC"}

package/dist/onboarding-example.js

@@ -225,6 +225,58 @@ exports.onboardingExample = {
                                     marginVertical: 4,
                                 },
                             },
+                            {
+                                id: "hero-checkbox",
+                                type: "CheckboxGroup",
+                                props: {
+                                    variableName: "goals",
+                                    defaultValues: ["health", "fitness"],
+                                    gap: 8,
+                                    marginVertical: 8,
+                                    items: [
+                                        { label: "Improve health", value: "health" },
+                                        { label: "Build fitness", value: "fitness" },
+                                        { label: "Lose weight", value: "weight" },
+                                        { label: "Gain muscle", value: "muscle" },
+                                    ],
+                                },
+                            },
+                            {
+                                id: "goals-display",
+                                type: "Text",
+                                props: {
+                                    content: "Goals: {{goals}}",
+                                    mode: "expression",
+                                    fontSize: 14,
+                                    textAlign: "center",
+                                    opacity: 0.6,
+                                    marginVertical: 4,
+                                },
+                            },
+                            {
+                                id: "hero-date-picker",
+                                type: "DatePicker",
+                                props: {
+                                    variableName: "birthdate",
+                                    defaultValue: "1990-01-01T00:00:00.000Z",
+                                    mode: "date",
+                                    display: "spinner",
+                                    maximumDate: new Date().toISOString(), // static at module load time — suitable for demo; use a runtime value in production
+                                    marginVertical: 8,
+                                },
+                            },
+                            {
+                                id: "birthdate-display",
+                                type: "Text",
+                                props: {
+                                    content: "Birth date: {{birthdate}}",
+                                    mode: "expression",
+                                    fontSize: 14,
+                                    textAlign: "center",
+                                    opacity: 0.6,
+                                    marginVertical: 4,
+                                },
+                            },
                             {
                                 id: "hero-button",
                                 type: "Button",

package/dist/onboarding-example.js.map

@@ -1 +1 @@
-{"version":3,"file":"onboarding-example.js","sourceRoot":"","sources":["../src/onboarding-example.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"onboarding-example.js","sourceRoot":"","sources":["../src/onboarding-example.ts"],"names":[],"mappings":"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"}

package/dist/steps/ComposableScreen/elements/CheckboxGroupElement.d.ts

@@ -0,0 +1,74 @@
+import { z } from "zod";
+import { BaseBoxProps } from "./BaseBoxProps";
+export type CheckboxGroupElementProps = BaseBoxProps & {
+    variableName?: string;
+    defaultValues?: string[];
+    gap?: number;
+    direction?: "vertical" | "horizontal";
+    items: Array<{
+        label: string;
+        value: string;
+    }>;
+    itemBackgroundColor?: string;
+    itemSelectedBackgroundColor?: string;
+    itemBorderColor?: string;
+    itemSelectedBorderColor?: string;
+    itemBorderRadius?: number;
+    itemBorderWidth?: number;
+    itemColor?: string;
+    itemSelectedColor?: string;
+    itemFontSize?: number;
+    itemFontWeight?: string;
+    itemFontFamily?: string;
+    itemPadding?: number;
+    itemPaddingHorizontal?: number;
+    itemPaddingVertical?: number;
+};
+export declare const CheckboxGroupElementPropsSchema: z.ZodObject<{
+    width: z.ZodOptional<z.ZodNumber>;
+    height: z.ZodOptional<z.ZodNumber>;
+    alignSelf: z.ZodOptional<z.ZodEnum<{
+        "flex-start": "flex-start";
+        center: "center";
+        "flex-end": "flex-end";
+        stretch: "stretch";
+        auto: "auto";
+        baseline: "baseline";
+    }>>;
+    opacity: z.ZodOptional<z.ZodNumber>;
+    margin: z.ZodOptional<z.ZodNumber>;
+    marginHorizontal: z.ZodOptional<z.ZodNumber>;
+    marginVertical: z.ZodOptional<z.ZodNumber>;
+    padding: z.ZodOptional<z.ZodNumber>;
+    paddingHorizontal: z.ZodOptional<z.ZodNumber>;
+    paddingVertical: z.ZodOptional<z.ZodNumber>;
+    borderWidth: z.ZodOptional<z.ZodNumber>;
+    borderRadius: z.ZodOptional<z.ZodNumber>;
+    borderColor: z.ZodOptional<z.ZodString>;
+    variableName: z.ZodOptional<z.ZodString>;
+    defaultValues: z.ZodOptional<z.ZodArray<z.ZodString>>;
+    gap: z.ZodOptional<z.ZodNumber>;
+    direction: z.ZodOptional<z.ZodEnum<{
+        vertical: "vertical";
+        horizontal: "horizontal";
+    }>>;
+    items: z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        value: z.ZodString;
+    }, z.core.$strip>>;
+    itemBackgroundColor: z.ZodOptional<z.ZodString>;
+    itemSelectedBackgroundColor: z.ZodOptional<z.ZodString>;
+    itemBorderColor: z.ZodOptional<z.ZodString>;
+    itemSelectedBorderColor: z.ZodOptional<z.ZodString>;
+    itemBorderRadius: z.ZodOptional<z.ZodNumber>;
+    itemBorderWidth: z.ZodOptional<z.ZodNumber>;
+    itemColor: z.ZodOptional<z.ZodString>;
+    itemSelectedColor: z.ZodOptional<z.ZodString>;
+    itemFontSize: z.ZodOptional<z.ZodNumber>;
+    itemFontWeight: z.ZodOptional<z.ZodString>;
+    itemFontFamily: z.ZodOptional<z.ZodString>;
+    itemPadding: z.ZodOptional<z.ZodNumber>;
+    itemPaddingHorizontal: z.ZodOptional<z.ZodNumber>;
+    itemPaddingVertical: z.ZodOptional<z.ZodNumber>;
+}, z.core.$strip>;
+//# sourceMappingURL=CheckboxGroupElement.d.ts.map

package/dist/steps/ComposableScreen/elements/CheckboxGroupElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroupElement.d.ts","sourceRoot":"","sources":["../../../../src/steps/ComposableScreen/elements/CheckboxGroupElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAElE,MAAM,MAAM,yBAAyB,GAAG,YAAY,GAAG;IACrD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,KAAK,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAiC1C,CAAC"}

package/dist/steps/ComposableScreen/elements/CheckboxGroupElement.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxGroupElementPropsSchema = void 0;
+const zod_1 = require("zod");
+const BaseBoxProps_1 = require("./BaseBoxProps");
+exports.CheckboxGroupElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
+    variableName: zod_1.z.string().optional(),
+    defaultValues: zod_1.z.array(zod_1.z.string()).optional(),
+    gap: zod_1.z.number().optional(),
+    direction: zod_1.z.enum(["vertical", "horizontal"]).optional(),
+    items: zod_1.z.array(zod_1.z.object({ label: zod_1.z.string().trim().min(1, "item label must not be empty"), value: zod_1.z.string().trim().min(1, "item value must not be empty") })).min(1, "items must not be empty"),
+    itemBackgroundColor: zod_1.z.string().optional(),
+    itemSelectedBackgroundColor: zod_1.z.string().optional(),
+    itemBorderColor: zod_1.z.string().optional(),
+    itemSelectedBorderColor: zod_1.z.string().optional(),
+    itemBorderRadius: zod_1.z.number().optional(),
+    itemBorderWidth: zod_1.z.number().optional(),
+    itemColor: zod_1.z.string().optional(),
+    itemSelectedColor: zod_1.z.string().optional(),
+    itemFontSize: zod_1.z.number().optional(),
+    itemFontWeight: zod_1.z.string().optional(),
+    itemFontFamily: zod_1.z.string().optional(),
+    itemPadding: zod_1.z.number().optional(),
+    itemPaddingHorizontal: zod_1.z.number().optional(),
+    itemPaddingVertical: zod_1.z.number().optional(),
+}).superRefine((data, ctx) => {
+    const values = data.items.map((i) => i.value);
+    const unique = new Set(values);
+    if (unique.size !== values.length) {
+        ctx.addIssue({ code: zod_1.z.ZodIssueCode.custom, message: "item values must be unique", path: ["items"] });
+    }
+    if (data.defaultValues !== undefined) {
+        data.defaultValues.forEach((dv, i) => {
+            if (!unique.has(dv)) {
+                ctx.addIssue({ code: zod_1.z.ZodIssueCode.custom, message: `defaultValues entry "${dv}" must match one of the item values`, path: ["defaultValues", i] });
+            }
+        });
+    }
+});
+//# sourceMappingURL=CheckboxGroupElement.js.map

package/dist/steps/ComposableScreen/elements/CheckboxGroupElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroupElement.js","sourceRoot":"","sources":["../../../../src/steps/ComposableScreen/elements/CheckboxGroupElement.ts"],"names":[],"mappings":"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"}

package/dist/steps/ComposableScreen/elements/DatePickerElement.d.ts

@@ -0,0 +1,56 @@
+import { z } from "zod";
+import { BaseBoxProps } from "./BaseBoxProps";
+export type DatePickerElementProps = BaseBoxProps & {
+    variableName?: string;
+    defaultValue?: string;
+    minimumDate?: string;
+    maximumDate?: string;
+    mode?: "date" | "time" | "datetime";
+    display?: "default" | "spinner" | "calendar" | "clock" | "compact" | "inline";
+    textColor?: string;
+    accentColor?: string;
+    locale?: string;
+};
+export declare const DatePickerElementPropsSchema: z.ZodObject<{
+    width: z.ZodOptional<z.ZodNumber>;
+    height: z.ZodOptional<z.ZodNumber>;
+    alignSelf: z.ZodOptional<z.ZodEnum<{
+        "flex-start": "flex-start";
+        center: "center";
+        "flex-end": "flex-end";
+        stretch: "stretch";
+        auto: "auto";
+        baseline: "baseline";
+    }>>;
+    opacity: z.ZodOptional<z.ZodNumber>;
+    margin: z.ZodOptional<z.ZodNumber>;
+    marginHorizontal: z.ZodOptional<z.ZodNumber>;
+    marginVertical: z.ZodOptional<z.ZodNumber>;
+    padding: z.ZodOptional<z.ZodNumber>;
+    paddingHorizontal: z.ZodOptional<z.ZodNumber>;
+    paddingVertical: z.ZodOptional<z.ZodNumber>;
+    borderWidth: z.ZodOptional<z.ZodNumber>;
+    borderRadius: z.ZodOptional<z.ZodNumber>;
+    borderColor: z.ZodOptional<z.ZodString>;
+    variableName: z.ZodOptional<z.ZodString>;
+    defaultValue: z.ZodOptional<z.ZodString>;
+    minimumDate: z.ZodOptional<z.ZodString>;
+    maximumDate: z.ZodOptional<z.ZodString>;
+    mode: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
+        date: "date";
+        time: "time";
+        datetime: "datetime";
+    }>>>;
+    display: z.ZodOptional<z.ZodEnum<{
+        default: "default";
+        spinner: "spinner";
+        calendar: "calendar";
+        clock: "clock";
+        compact: "compact";
+        inline: "inline";
+    }>>;
+    textColor: z.ZodOptional<z.ZodString>;
+    accentColor: z.ZodOptional<z.ZodString>;
+    locale: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+//# sourceMappingURL=DatePickerElement.d.ts.map

package/dist/steps/ComposableScreen/elements/DatePickerElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerElement.d.ts","sourceRoot":"","sources":["../../../../src/steps/ComposableScreen/elements/DatePickerElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AACxB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAElE,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAUvC,CAAC"}

package/dist/steps/ComposableScreen/elements/DatePickerElement.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePickerElementPropsSchema = void 0;
+const zod_1 = require("zod");
+const BaseBoxProps_1 = require("./BaseBoxProps");
+exports.DatePickerElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
+    variableName: zod_1.z.string().min(1).optional(),
+    defaultValue: zod_1.z.string().refine((s) => !isNaN(Date.parse(s)), { message: "Invalid date string" }).optional(),
+    minimumDate: zod_1.z.string().refine((s) => !isNaN(Date.parse(s)), { message: "Invalid date string" }).optional(),
+    maximumDate: zod_1.z.string().refine((s) => !isNaN(Date.parse(s)), { message: "Invalid date string" }).optional(),
+    mode: zod_1.z.enum(["date", "time", "datetime"]).optional().default("date"),
+    display: zod_1.z.enum(["default", "spinner", "calendar", "clock", "compact", "inline"]).optional(),
+    textColor: zod_1.z.string().optional(),
+    accentColor: zod_1.z.string().optional(),
+    locale: zod_1.z.string().optional(),
+});
+//# sourceMappingURL=DatePickerElement.js.map

package/dist/steps/ComposableScreen/elements/DatePickerElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerElement.js","sourceRoot":"","sources":["../../../../src/steps/ComposableScreen/elements/DatePickerElement.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AACxB,iDAAkE;AAcrD,QAAA,4BAA4B,GAAG,iCAAkB,CAAC,MAAM,CAAC;IACpE,YAAY,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;IAC1C,YAAY,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,qBAAqB,EAAE,CAAC,CAAC,QAAQ,EAAE;IAC5G,WAAW,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,qBAAqB,EAAE,CAAC,CAAC,QAAQ,EAAE;IAC3G,WAAW,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,qBAAqB,EAAE,CAAC,CAAC,QAAQ,EAAE;IAC3G,IAAI,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC;IACrE,OAAO,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE;IAC5F,SAAS,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAChC,WAAW,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAClC,MAAM,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CAC9B,CAAC,CAAC"}

package/dist/steps/ComposableScreen/types.d.ts

@@ -9,6 +9,8 @@ import { type VideoElementProps } from "./elements/VideoElement";
 import { type InputElementProps } from "./elements/InputElement";
 import { type ButtonElementProps } from "./elements/ButtonElement";
 import { type RadioGroupElementProps } from "./elements/RadioGroupElement";
+import { type CheckboxGroupElementProps } from "./elements/CheckboxGroupElement";
+import { type DatePickerElementProps } from "./elements/DatePickerElement";
 export type { BaseBoxProps } from "./elements/BaseBoxProps";
 export { BaseBoxPropsSchema } from "./elements/BaseBoxProps";
 export type { StackElementProps } from "./elements/StackElement";
@@ -21,6 +23,8 @@ export type { VideoElementProps } from "./elements/VideoElement";
 export type { InputElementProps } from "./elements/InputElement";
 export type { ButtonElementProps } from "./elements/ButtonElement";
 export type { RadioGroupElementProps } from "./elements/RadioGroupElement";
+export type { CheckboxGroupElementProps } from "./elements/CheckboxGroupElement";
+export type { DatePickerElementProps } from "./elements/DatePickerElement";
 type UIElement = {
     id: string;
     name?: string;
@@ -72,6 +76,16 @@ type UIElement = {
     name?: string;
     type: "RadioGroup";
     props: RadioGroupElementProps;
+} | {
+    id: string;
+    name?: string;
+    type: "CheckboxGroup";
+    props: CheckboxGroupElementProps;
+} | {
+    id: string;
+    name?: string;
+    type: "DatePicker";
+    props: DatePickerElementProps;
 };
 export declare const ComposableScreenStepPayloadSchema: z.ZodObject<{
     elements: z.ZodArray<z.ZodType<UIElement, unknown, z.core.$ZodTypeInternals<UIElement, unknown>>>;

package/dist/steps/ComposableScreen/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/steps/ComposableScreen/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/steps/ComposableScreen/types.ts"],"names":[],"mappings":"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"}

package/dist/steps/ComposableScreen/types.js

@@ -13,6 +13,8 @@ const VideoElement_1 = require("./elements/VideoElement");
 const InputElement_1 = require("./elements/InputElement");
 const ButtonElement_1 = require("./elements/ButtonElement");
 const RadioGroupElement_1 = require("./elements/RadioGroupElement");
+const CheckboxGroupElement_1 = require("./elements/CheckboxGroupElement");
+const DatePickerElement_1 = require("./elements/DatePickerElement");
 var BaseBoxProps_1 = require("./elements/BaseBoxProps");
 Object.defineProperty(exports, "BaseBoxPropsSchema", { enumerable: true, get: function () { return BaseBoxProps_1.BaseBoxPropsSchema; } });
 const UIElementSchema = zod_1.z.lazy(() => zod_1.z.union([
@@ -77,6 +79,18 @@ const UIElementSchema = zod_1.z.lazy(() => zod_1.z.union([
         type: zod_1.z.literal("RadioGroup"),
         props: RadioGroupElement_1.RadioGroupElementPropsSchema,
     }),
+    zod_1.z.object({
+        id: zod_1.z.string(),
+        name: zod_1.z.string().optional(),
+        type: zod_1.z.literal("CheckboxGroup"),
+        props: CheckboxGroupElement_1.CheckboxGroupElementPropsSchema,
+    }),
+    zod_1.z.object({
+        id: zod_1.z.string(),
+        name: zod_1.z.string().optional(),
+        type: zod_1.z.literal("DatePicker"),
+        props: DatePickerElement_1.DatePickerElementPropsSchema,
+    }),
 ]));
 exports.ComposableScreenStepPayloadSchema = zod_1.z.object({
     elements: zod_1.z.array(UIElementSchema),

package/dist/steps/ComposableScreen/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/steps/ComposableScreen/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/steps/ComposableScreen/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rocapine/react-native-onboarding",
-  "version": "1.8.1",
+  "version": "1.10.0",
   "description": "Headless React Native SDK for Rocapine Onboarding Studio - Data fetching, state management, and hooks",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/onboarding-example.ts

@@ -225,6 +225,58 @@ export const onboardingExample = {
                   marginVertical: 4,
                 },
               },
+              {
+                id: "hero-checkbox",
+                type: "CheckboxGroup",
+                props: {
+                  variableName: "goals",
+                  defaultValues: ["health", "fitness"],
+                  gap: 8,
+                  marginVertical: 8,
+                  items: [
+                    { label: "Improve health", value: "health" },
+                    { label: "Build fitness", value: "fitness" },
+                    { label: "Lose weight", value: "weight" },
+                    { label: "Gain muscle", value: "muscle" },
+                  ],
+                },
+              },
+              {
+                id: "goals-display",
+                type: "Text",
+                props: {
+                  content: "Goals: {{goals}}",
+                  mode: "expression",
+                  fontSize: 14,
+                  textAlign: "center",
+                  opacity: 0.6,
+                  marginVertical: 4,
+                },
+              },
+              {
+                id: "hero-date-picker",
+                type: "DatePicker",
+                props: {
+                  variableName: "birthdate",
+                  defaultValue: "1990-01-01T00:00:00.000Z",
+                  mode: "date",
+                  display: "spinner",
+                  maximumDate: new Date().toISOString(), // static at module load time — suitable for demo; use a runtime value in production
+                  marginVertical: 8,
+                },
+              },
+              {
+                id: "birthdate-display",
+                type: "Text",
+                props: {
+                  content: "Birth date: {{birthdate}}",
+                  mode: "expression",
+                  fontSize: 14,
+                  textAlign: "center",
+                  opacity: 0.6,
+                  marginVertical: 4,
+                },
+              },
               {
                 id: "hero-button",
                 type: "Button",

package/src/steps/ComposableScreen/elements/CheckboxGroupElement.ts

@@ -0,0 +1,59 @@
+import { z } from "zod";
+import { BaseBoxProps, BaseBoxPropsSchema } from "./BaseBoxProps";
+
+export type CheckboxGroupElementProps = BaseBoxProps & {
+  variableName?: string;
+  defaultValues?: string[];
+  gap?: number;
+  direction?: "vertical" | "horizontal";
+  items: Array<{ label: string; value: string }>;
+  itemBackgroundColor?: string;
+  itemSelectedBackgroundColor?: string;
+  itemBorderColor?: string;
+  itemSelectedBorderColor?: string;
+  itemBorderRadius?: number;
+  itemBorderWidth?: number;
+  itemColor?: string;
+  itemSelectedColor?: string;
+  itemFontSize?: number;
+  itemFontWeight?: string;
+  itemFontFamily?: string;
+  itemPadding?: number;
+  itemPaddingHorizontal?: number;
+  itemPaddingVertical?: number;
+};
+
+export const CheckboxGroupElementPropsSchema = BaseBoxPropsSchema.extend({
+  variableName: z.string().optional(),
+  defaultValues: z.array(z.string()).optional(),
+  gap: z.number().optional(),
+  direction: z.enum(["vertical", "horizontal"]).optional(),
+  items: z.array(z.object({ label: z.string().trim().min(1, "item label must not be empty"), value: z.string().trim().min(1, "item value must not be empty") })).min(1, "items must not be empty"),
+  itemBackgroundColor: z.string().optional(),
+  itemSelectedBackgroundColor: z.string().optional(),
+  itemBorderColor: z.string().optional(),
+  itemSelectedBorderColor: z.string().optional(),
+  itemBorderRadius: z.number().optional(),
+  itemBorderWidth: z.number().optional(),
+  itemColor: z.string().optional(),
+  itemSelectedColor: z.string().optional(),
+  itemFontSize: z.number().optional(),
+  itemFontWeight: z.string().optional(),
+  itemFontFamily: z.string().optional(),
+  itemPadding: z.number().optional(),
+  itemPaddingHorizontal: z.number().optional(),
+  itemPaddingVertical: z.number().optional(),
+}).superRefine((data, ctx) => {
+  const values = data.items.map((i) => i.value);
+  const unique = new Set(values);
+  if (unique.size !== values.length) {
+    ctx.addIssue({ code: z.ZodIssueCode.custom, message: "item values must be unique", path: ["items"] });
+  }
+  if (data.defaultValues !== undefined) {
+    data.defaultValues.forEach((dv, i) => {
+      if (!unique.has(dv)) {
+        ctx.addIssue({ code: z.ZodIssueCode.custom, message: `defaultValues entry "${dv}" must match one of the item values`, path: ["defaultValues", i] });
+      }
+    });
+  }
+});

package/src/steps/ComposableScreen/elements/DatePickerElement.ts

@@ -0,0 +1,26 @@
+import { z } from "zod";
+import { BaseBoxProps, BaseBoxPropsSchema } from "./BaseBoxProps";
+
+export type DatePickerElementProps = BaseBoxProps & {
+  variableName?: string;
+  defaultValue?: string;
+  minimumDate?: string;
+  maximumDate?: string;
+  mode?: "date" | "time" | "datetime";
+  display?: "default" | "spinner" | "calendar" | "clock" | "compact" | "inline";
+  textColor?: string;
+  accentColor?: string;
+  locale?: string;
+};
+
+export const DatePickerElementPropsSchema = BaseBoxPropsSchema.extend({
+  variableName: z.string().min(1).optional(),
+  defaultValue: z.string().refine((s) => !isNaN(Date.parse(s)), { message: "Invalid date string" }).optional(),
+  minimumDate: z.string().refine((s) => !isNaN(Date.parse(s)), { message: "Invalid date string" }).optional(),
+  maximumDate: z.string().refine((s) => !isNaN(Date.parse(s)), { message: "Invalid date string" }).optional(),
+  mode: z.enum(["date", "time", "datetime"]).optional().default("date"),
+  display: z.enum(["default", "spinner", "calendar", "clock", "compact", "inline"]).optional(),
+  textColor: z.string().optional(),
+  accentColor: z.string().optional(),
+  locale: z.string().optional(),
+});

package/src/steps/ComposableScreen/types.ts

@@ -10,6 +10,8 @@ import { type VideoElementProps, VideoElementPropsSchema } from "./elements/Vide
 import { type InputElementProps, InputElementPropsSchema } from "./elements/InputElement";
 import { type ButtonElementProps, ButtonElementPropsSchema } from "./elements/ButtonElement";
 import { type RadioGroupElementProps, RadioGroupElementPropsSchema } from "./elements/RadioGroupElement";
+import { type CheckboxGroupElementProps, CheckboxGroupElementPropsSchema } from "./elements/CheckboxGroupElement";
+import { type DatePickerElementProps, DatePickerElementPropsSchema } from "./elements/DatePickerElement";
 
 export type { BaseBoxProps } from "./elements/BaseBoxProps";
 export { BaseBoxPropsSchema } from "./elements/BaseBoxProps";
@@ -23,6 +25,8 @@ export type { VideoElementProps } from "./elements/VideoElement";
 export type { InputElementProps } from "./elements/InputElement";
 export type { ButtonElementProps } from "./elements/ButtonElement";
 export type { RadioGroupElementProps } from "./elements/RadioGroupElement";
+export type { CheckboxGroupElementProps } from "./elements/CheckboxGroupElement";
+export type { DatePickerElementProps } from "./elements/DatePickerElement";
 
 // UIElement union — must live here (not in elements/) to avoid circular deps
 // because the Stack variant's children: UIElement[] references itself.
@@ -87,6 +91,18 @@ type UIElement =
       name?: string;
       type: "RadioGroup";
       props: RadioGroupElementProps;
+    }
+  | {
+      id: string;
+      name?: string;
+      type: "CheckboxGroup";
+      props: CheckboxGroupElementProps;
+    }
+  | {
+      id: string;
+      name?: string;
+      type: "DatePicker";
+      props: DatePickerElementProps;
     };
 
 const UIElementSchema: z.ZodType<UIElement> = z.lazy(() =>
@@ -152,6 +168,18 @@ const UIElementSchema: z.ZodType<UIElement> = z.lazy(() =>
       type: z.literal("RadioGroup"),
       props: RadioGroupElementPropsSchema,
     }),
+    z.object({
+      id: z.string(),
+      name: z.string().optional(),
+      type: z.literal("CheckboxGroup"),
+      props: CheckboxGroupElementPropsSchema,
+    }),
+    z.object({
+      id: z.string(),
+      name: z.string().optional(),
+      type: z.literal("DatePicker"),
+      props: DatePickerElementPropsSchema,
+    }),
   ])
 );