@rocapine/react-native-onboarding-ui 1.0.0

package/dist/UI/Pages/types.d.ts

@@ -0,0 +1,19 @@
+import { z } from "zod";
+export declare const CustomPayloadSchema: z.ZodOptional<z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>>;
+export declare const MediaSourceSchema: z.ZodUnion<readonly [z.ZodObject<{
+    type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
+    localPathId: z.ZodString;
+}, z.core.$strip>, z.ZodObject<{
+    type: z.ZodUnion<[z.ZodUnion<[z.ZodLiteral<"image">, z.ZodLiteral<"lottie">]>, z.ZodLiteral<"rive">]>;
+    url: z.ZodString;
+}, z.core.$strip>]>;
+export declare const SocialProofSchema: z.ZodObject<{
+    numberOfStar: z.ZodNumber;
+    content: z.ZodString;
+    authorName: z.ZodString;
+}, z.core.$strip>;
+export declare const InfoBoxSchema: z.ZodObject<{
+    title: z.ZodString;
+    content: z.ZodString;
+}, z.core.$strip>;
+//# sourceMappingURL=types.d.ts.map

package/dist/UI/Pages/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/UI/Pages/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,eAAO,MAAM,mBAAmB,kEAA0C,CAAC;AAE3E,eAAO,MAAM,iBAAiB;;;;;;mBAS5B,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;iBAI5B,CAAC;AAEH,eAAO,MAAM,aAAa;;;iBAGxB,CAAC"}

package/dist/UI/Pages/types.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InfoBoxSchema = exports.SocialProofSchema = exports.MediaSourceSchema = exports.CustomPayloadSchema = void 0;
+const zod_1 = require("zod");
+exports.CustomPayloadSchema = zod_1.z.record(zod_1.z.string(), zod_1.z.any()).nullish();
+exports.MediaSourceSchema = zod_1.z.union([
+    zod_1.z.object({
+        type: zod_1.z.literal("image").or(zod_1.z.literal("lottie")).or(zod_1.z.literal("rive")),
+        localPathId: zod_1.z.string(),
+    }),
+    zod_1.z.object({
+        type: zod_1.z.literal("image").or(zod_1.z.literal("lottie")).or(zod_1.z.literal("rive")),
+        url: zod_1.z.string(),
+    }),
+]);
+exports.SocialProofSchema = zod_1.z.object({
+    numberOfStar: zod_1.z.number(),
+    content: zod_1.z.string(),
+    authorName: zod_1.z.string(),
+});
+exports.InfoBoxSchema = zod_1.z.object({
+    title: zod_1.z.string(),
+    content: zod_1.z.string(),
+});
+//# sourceMappingURL=types.js.map

package/dist/UI/Pages/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/UI/Pages/types.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AAEX,QAAA,mBAAmB,GAAG,OAAC,CAAC,MAAM,CAAC,OAAC,CAAC,MAAM,EAAE,EAAE,OAAC,CAAC,GAAG,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC;AAE9D,QAAA,iBAAiB,GAAG,OAAC,CAAC,KAAK,CAAC;IACvC,OAAC,CAAC,MAAM,CAAC;QACP,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,OAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,OAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACtE,WAAW,EAAE,OAAC,CAAC,MAAM,EAAE;KACxB,CAAC;IACF,OAAC,CAAC,MAAM,CAAC;QACP,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,OAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,OAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QACtE,GAAG,EAAE,OAAC,CAAC,MAAM,EAAE;KAChB,CAAC;CACH,CAAC,CAAC;AAEU,QAAA,iBAAiB,GAAG,OAAC,CAAC,MAAM,CAAC;IACxC,YAAY,EAAE,OAAC,CAAC,MAAM,EAAE;IACxB,OAAO,EAAE,OAAC,CAAC,MAAM,EAAE;IACnB,UAAU,EAAE,OAAC,CAAC,MAAM,EAAE;CACvB,CAAC,CAAC;AAEU,QAAA,aAAa,GAAG,OAAC,CAAC,MAAM,CAAC;IACpC,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE;IACjB,OAAO,EAAE,OAAC,CAAC,MAAM,EAAE;CACpB,CAAC,CAAC"}

package/dist/UI/Provider/OnboardingProgressProvider.d.ts

@@ -0,0 +1,18 @@
+import { ColorScheme } from "../Theme/types";
+export declare const OnboardingProgressProvider: ({ children, initialColorScheme, }: {
+    children: React.ReactNode;
+    initialColorScheme?: ColorScheme;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const OnboardingProgressContext: import("react").Context<{
+    activeStep: {
+        number: number;
+        displayProgressHeader: boolean;
+    };
+    setActiveStep: (step: {
+        number: number;
+        displayProgressHeader: boolean;
+    }) => void;
+    totalSteps: number;
+    setTotalSteps: (steps: number) => void;
+}>;
+//# sourceMappingURL=OnboardingProgressProvider.d.ts.map

package/dist/UI/Provider/OnboardingProgressProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingProgressProvider.d.ts","sourceRoot":"","sources":["../../../src/UI/Provider/OnboardingProgressProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,eAAO,MAAM,0BAA0B,GAAI,mCAGxC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kBAAkB,CAAC,EAAE,WAAW,CAAC;CAClC,4CAkBA,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;;0BAEd;QACpB,MAAM,EAAE,MAAM,CAAC;QACf,qBAAqB,EAAE,OAAO,CAAC;KAChC;;2BAEsB,MAAM;EAC7B,CAAC"}

package/dist/UI/Provider/OnboardingProgressProvider.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnboardingProgressContext = exports.OnboardingProgressProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const ThemeProvider_1 = require("../Theme/ThemeProvider");
+const OnboardingProgressProvider = ({ children, initialColorScheme = "light", }) => {
+    const [activeStep, setActiveStep] = (0, react_1.useState)({
+        number: 0,
+        displayProgressHeader: false,
+    });
+    const [totalSteps, setTotalSteps] = (0, react_1.useState)(0);
+    return ((0, jsx_runtime_1.jsx)(react_native_safe_area_context_1.SafeAreaProvider, { children: (0, jsx_runtime_1.jsx)(ThemeProvider_1.ThemeProvider, { initialColorScheme: initialColorScheme, children: (0, jsx_runtime_1.jsx)(exports.OnboardingProgressContext.Provider, { value: { activeStep, setActiveStep, totalSteps, setTotalSteps }, children: children }) }) }));
+};
+exports.OnboardingProgressProvider = OnboardingProgressProvider;
+exports.OnboardingProgressContext = (0, react_1.createContext)({
+    activeStep: { number: 0, displayProgressHeader: false },
+    setActiveStep: (step) => { },
+    totalSteps: 0,
+    setTotalSteps: (steps) => { },
+});
+//# sourceMappingURL=OnboardingProgressProvider.js.map

package/dist/UI/Provider/OnboardingProgressProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingProgressProvider.js","sourceRoot":"","sources":["../../../src/UI/Provider/OnboardingProgressProvider.tsx"],"names":[],"mappings":";;;;AAAA,iCAAgD;AAChD,mFAAkE;AAClE,0DAAuD;AAGhD,MAAM,0BAA0B,GAAG,CAAC,EACzC,QAAQ,EACR,kBAAkB,GAAG,OAAO,GAI7B,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC;QAC3C,MAAM,EAAE,CAAC;QACT,qBAAqB,EAAE,KAAK;KAC7B,CAAC,CAAC;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAEhD,OAAO,CACL,uBAAC,iDAAgB,cACf,uBAAC,6BAAa,IAAC,kBAAkB,EAAE,kBAAkB,YACnD,uBAAC,iCAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,YAE9D,QAAQ,GAC0B,GACvB,GACC,CACpB,CAAC;AACJ,CAAC,CAAC;AAxBW,QAAA,0BAA0B,8BAwBrC;AAEW,QAAA,yBAAyB,GAAG,IAAA,qBAAa,EAAC;IACrD,UAAU,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,qBAAqB,EAAE,KAAK,EAAE;IACvD,aAAa,EAAE,CAAC,IAGf,EAAE,EAAE,GAAE,CAAC;IACR,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,CAAC,KAAa,EAAE,EAAE,GAAE,CAAC;CACrC,CAAC,CAAC"}

package/dist/UI/Provider/index.d.ts

@@ -0,0 +1,2 @@
+export { ThemeProvider, useTheme } from "../Theme";
+//# sourceMappingURL=index.d.ts.map

package/dist/UI/Provider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/UI/Provider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC"}

package/dist/UI/Provider/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTheme = exports.ThemeProvider = void 0;
+var Theme_1 = require("../Theme");
+Object.defineProperty(exports, "ThemeProvider", { enumerable: true, get: function () { return Theme_1.ThemeProvider; } });
+Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return Theme_1.useTheme; } });
+//# sourceMappingURL=index.js.map

package/dist/UI/Provider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/UI/Provider/index.ts"],"names":[],"mappings":";;;AAAA,kCAAmD;AAA1C,sGAAA,aAAa,OAAA;AAAE,iGAAA,QAAQ,OAAA"}

package/dist/UI/Templates/OnboardingTemplate.d.ts

@@ -0,0 +1,15 @@
+import { OnboardingStepType } from "../types";
+import { Theme } from "../Theme/types";
+type OnboardingTemplateProps = {
+    children: React.ReactNode;
+    onContinue: () => void;
+    button?: {
+        text: string;
+        disabled?: boolean;
+    };
+    step: OnboardingStepType;
+    theme?: Theme;
+};
+export declare const OnboardingTemplate: ({ children, onContinue, step, button, theme, }: OnboardingTemplateProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=OnboardingTemplate.d.ts.map

package/dist/UI/Templates/OnboardingTemplate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingTemplate.d.ts","sourceRoot":"","sources":["../../../src/UI/Templates/OnboardingTemplate.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAG9C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAC;QACb,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,IAAI,EAAE,kBAAkB,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,gDAMhC,uBAAuB,4CA0CzB,CAAC"}

package/dist/UI/Templates/OnboardingTemplate.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnboardingTemplate = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const react_native_safe_area_context_1 = require("react-native-safe-area-context");
+const helpers_1 = require("../Theme/helpers");
+const defaultTheme_1 = require("../Theme/defaultTheme");
+const OnboardingTemplate = ({ children, onContinue, step, button, theme = defaultTheme_1.defaultTheme, }) => {
+    const { top, bottom } = (0, react_native_safe_area_context_1.useSafeAreaInsets)();
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
+            styles.container,
+            {
+                backgroundColor: theme.colors.neutral.lowest,
+                paddingTop: step.displayProgressHeader ? top + 40 : top,
+                paddingBottom: bottom
+            },
+        ], children: [children, button && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.bottomSection, children: (0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: [
+                        styles.ctaButton,
+                        { backgroundColor: theme.colors.primary },
+                        button.disabled && { backgroundColor: theme.colors.disable },
+                    ], onPress: onContinue, activeOpacity: 0.8, disabled: button.disabled, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
+                            (0, helpers_1.getTextStyle)(theme, "button"),
+                            styles.ctaButtonText,
+                            { color: theme.colors.text.opposite },
+                            button.disabled && { color: theme.colors.text.disable },
+                        ], children: button.text }) }) }))] }));
+};
+exports.OnboardingTemplate = OnboardingTemplate;
+const styles = react_native_1.StyleSheet.create({
+    container: {
+        flex: 1,
+    },
+    bottomSection: {
+        paddingHorizontal: 32,
+        gap: 24,
+        alignItems: "center",
+    },
+    ctaButton: {
+        borderRadius: 90,
+        paddingVertical: 18,
+        paddingHorizontal: 24,
+        minWidth: 234,
+        alignItems: "center",
+    },
+    ctaButtonText: {},
+});
+//# sourceMappingURL=OnboardingTemplate.js.map

package/dist/UI/Templates/OnboardingTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingTemplate.js","sourceRoot":"","sources":["../../../src/UI/Templates/OnboardingTemplate.tsx"],"names":[],"mappings":";;;;AAAA,+CAAwE;AAExE,mFAAmE;AACnE,8CAAgD;AAEhD,wDAAqD;AAa9C,MAAM,kBAAkB,GAAG,CAAC,EACjC,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,MAAM,EACN,KAAK,GAAG,2BAAY,GACI,EAAE,EAAE;IAC5B,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,IAAA,kDAAiB,GAAE,CAAC;IAE5C,OAAO,CACL,wBAAC,mBAAI,IACH,KAAK,EAAE;YACL,MAAM,CAAC,SAAS;YAChB;gBACE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;gBAC5C,UAAU,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,CAAC,GAAG;gBACvD,aAAa,EAAE,MAAM;aACtB;SACF,aAEA,QAAQ,EACR,MAAM,IAAI,CACT,uBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa,YAC/B,uBAAC,+BAAgB,IACf,KAAK,EAAE;wBACL,MAAM,CAAC,SAAS;wBAChB,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;wBACzC,MAAM,CAAC,QAAQ,IAAI,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;qBAC7D,EACD,OAAO,EAAE,UAAU,EACnB,aAAa,EAAE,GAAG,EAClB,QAAQ,EAAE,MAAM,CAAC,QAAQ,YAEzB,uBAAC,mBAAI,IACH,KAAK,EAAE;4BACL,IAAA,sBAAY,EAAC,KAAK,EAAE,QAAQ,CAAC;4BAC7B,MAAM,CAAC,aAAa;4BACpB,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE;4BACrC,MAAM,CAAC,QAAQ,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE;yBACxD,YAEA,MAAM,CAAC,IAAI,GACP,GACU,GACd,CACR,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,kBAAkB,sBAgD7B;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;KACR;IACD,aAAa,EAAE;QACb,iBAAiB,EAAE,EAAE;QACrB,GAAG,EAAE,EAAE;QACP,UAAU,EAAE,QAAQ;KACrB;IACD,SAAS,EAAE;QACT,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,EAAE;QACnB,iBAAiB,EAAE,EAAE;QACrB,QAAQ,EAAE,GAAG;QACb,UAAU,EAAE,QAAQ;KACrB;IACD,aAAa,EAAE,EAAE;CAClB,CAAC,CAAC"}

package/dist/UI/Templates/index.d.ts

@@ -0,0 +1,2 @@
+export { OnboardingTemplate } from "./OnboardingTemplate";
+//# sourceMappingURL=index.d.ts.map

package/dist/UI/Templates/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/UI/Templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/UI/Templates/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OnboardingTemplate = void 0;
+var OnboardingTemplate_1 = require("./OnboardingTemplate");
+Object.defineProperty(exports, "OnboardingTemplate", { enumerable: true, get: function () { return OnboardingTemplate_1.OnboardingTemplate; } });
+//# sourceMappingURL=index.js.map

package/dist/UI/Templates/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/UI/Templates/index.ts"],"names":[],"mappings":";;;AAAA,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA"}

package/dist/UI/Theme/ThemeProvider.d.ts

@@ -0,0 +1,27 @@
+import React, { ReactNode } from "react";
+import { Theme, ColorScheme, DeepPartial } from "./types";
+type ThemeContextType = {
+    theme: Theme;
+    colorScheme: ColorScheme;
+    toggleTheme: () => void;
+};
+export declare const ThemeContext: React.Context<ThemeContextType | undefined>;
+type ThemeProviderProps = {
+    children: ReactNode;
+    initialColorScheme?: ColorScheme;
+    /**
+     * Custom theme to override both light and dark mode tokens.
+     */
+    customTheme?: DeepPartial<Theme>;
+    /**
+     * Custom theme tokens for light mode only.
+     */
+    customLightTheme?: DeepPartial<Theme>;
+    /**
+     * Custom theme tokens for dark mode only.
+     */
+    customDarkTheme?: DeepPartial<Theme>;
+};
+export declare const ThemeProvider: ({ children, initialColorScheme, customTheme, customLightTheme, customDarkTheme, }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/UI/Theme/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/UI/Theme/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA2B,SAAS,EAAW,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG1D,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,YAAY,6CAExB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,kBAAkB,CAAC,EAAE,WAAW,CAAC;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACjC;;OAEG;IACH,gBAAgB,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACtC;;OAEG;IACH,eAAe,CAAC,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,mFAM3B,kBAAkB,4CA6DpB,CAAC"}

package/dist/UI/Theme/ThemeProvider.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThemeProvider = exports.ThemeContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const tokens_1 = require("./tokens");
+const utils_1 = require("./utils");
+exports.ThemeContext = (0, react_1.createContext)(undefined);
+const ThemeProvider = ({ children, initialColorScheme = "light", customTheme, customLightTheme, customDarkTheme, }) => {
+    const [colorScheme, setColorScheme] = (0, react_1.useState)(initialColorScheme);
+    // Merge custom themes with defaults (memoized for performance)
+    const mergedLightTheme = (0, react_1.useMemo)(() => {
+        let baseLight = (0, utils_1.mergeThemeTokens)(tokens_1.lightTokens.colors, tokens_1.typography, customLightTheme);
+        // Apply global customTheme on top if provided
+        if (customTheme) {
+            baseLight = {
+                colors: customTheme.colors
+                    ? (0, utils_1.deepMerge)(baseLight.colors, customTheme.colors)
+                    : baseLight.colors,
+                typography: customTheme.typography
+                    ? (0, utils_1.deepMerge)(baseLight.typography, customTheme.typography)
+                    : baseLight.typography,
+            };
+        }
+        return baseLight;
+    }, [customTheme, customLightTheme]);
+    const mergedDarkTheme = (0, react_1.useMemo)(() => {
+        let baseDark = (0, utils_1.mergeThemeTokens)(tokens_1.darkTokens.colors, tokens_1.typography, customDarkTheme);
+        // Apply global customTheme on top if provided
+        if (customTheme) {
+            baseDark = {
+                colors: customTheme.colors
+                    ? (0, utils_1.deepMerge)(baseDark.colors, customTheme.colors)
+                    : baseDark.colors,
+                typography: customTheme.typography
+                    ? (0, utils_1.deepMerge)(baseDark.typography, customTheme.typography)
+                    : baseDark.typography,
+            };
+        }
+        return baseDark;
+    }, [customTheme, customDarkTheme]);
+    const theme = colorScheme === "light" ? mergedLightTheme : mergedDarkTheme;
+    const toggleTheme = () => {
+        setColorScheme((prev) => (prev === "light" ? "dark" : "light"));
+    };
+    return ((0, jsx_runtime_1.jsx)(exports.ThemeContext.Provider, { value: { theme, colorScheme, toggleTheme }, children: children }));
+};
+exports.ThemeProvider = ThemeProvider;
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/UI/Theme/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../../src/UI/Theme/ThemeProvider.tsx"],"names":[],"mappings":";;;;AAAA,iCAA2E;AAC3E,qCAA+D;AAE/D,mCAAsD;AAQzC,QAAA,YAAY,GAAG,IAAA,qBAAa,EACvC,SAAS,CACV,CAAC;AAmBK,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,kBAAkB,GAAG,OAAO,EAC5B,WAAW,EACX,gBAAgB,EAChB,eAAe,GACI,EAAE,EAAE;IACvB,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GACjC,IAAA,gBAAQ,EAAc,kBAAkB,CAAC,CAAC;IAE5C,+DAA+D;IAC/D,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,IAAI,SAAS,GAAG,IAAA,wBAAgB,EAC9B,oBAAW,CAAC,MAAM,EAClB,mBAAU,EACV,gBAAgB,CACjB,CAAC;QAEF,8CAA8C;QAC9C,IAAI,WAAW,EAAE,CAAC;YAChB,SAAS,GAAG;gBACV,MAAM,EAAE,WAAW,CAAC,MAAM;oBACxB,CAAC,CAAC,IAAA,iBAAS,EAAC,SAAS,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC;oBACjD,CAAC,CAAC,SAAS,CAAC,MAAM;gBACpB,UAAU,EAAE,WAAW,CAAC,UAAU;oBAChC,CAAC,CAAC,IAAA,iBAAS,EAAC,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC;oBACzD,CAAC,CAAC,SAAS,CAAC,UAAU;aACzB,CAAC;QACJ,CAAC;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEpC,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACnC,IAAI,QAAQ,GAAG,IAAA,wBAAgB,EAC7B,mBAAU,CAAC,MAAM,EACjB,mBAAU,EACV,eAAe,CAChB,CAAC;QAEF,8CAA8C;QAC9C,IAAI,WAAW,EAAE,CAAC;YAChB,QAAQ,GAAG;gBACT,MAAM,EAAE,WAAW,CAAC,MAAM;oBACxB,CAAC,CAAC,IAAA,iBAAS,EAAC,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC;oBAChD,CAAC,CAAC,QAAQ,CAAC,MAAM;gBACnB,UAAU,EAAE,WAAW,CAAC,UAAU;oBAChC,CAAC,CAAC,IAAA,iBAAS,EAAC,QAAQ,CAAC,UAAU,EAAE,WAAW,CAAC,UAAU,CAAC;oBACxD,CAAC,CAAC,QAAQ,CAAC,UAAU;aACxB,CAAC;QACJ,CAAC;QAED,OAAO,QAAQ,CAAC;IAClB,CAAC,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC;IAEnC,MAAM,KAAK,GACT,WAAW,KAAK,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAC;IAE/D,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,cAAc,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,oBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,YAC9D,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC,CAAC;AAnEW,QAAA,aAAa,iBAmExB"}

package/dist/UI/Theme/defaultTheme.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from "./types";
+/**
+ * Default theme that combines light color tokens and typography.
+ * This is used as a fallback when no theme is provided to components.
+ */
+export declare const defaultTheme: Theme;
+//# sourceMappingURL=defaultTheme.d.ts.map

package/dist/UI/Theme/defaultTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/UI/Theme/defaultTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAIhC;;;GAGG;AACH,eAAO,MAAM,YAAY,EAAE,KAG1B,CAAC"}

package/dist/UI/Theme/defaultTheme.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultTheme = void 0;
+const lightTokens_1 = require("./tokens/lightTokens");
+const typography_1 = require("./tokens/typography");
+/**
+ * Default theme that combines light color tokens and typography.
+ * This is used as a fallback when no theme is provided to components.
+ */
+exports.defaultTheme = {
+    colors: lightTokens_1.lightTokens.colors,
+    typography: typography_1.typography,
+};
+//# sourceMappingURL=defaultTheme.js.map

package/dist/UI/Theme/defaultTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTheme.js","sourceRoot":"","sources":["../../../src/UI/Theme/defaultTheme.ts"],"names":[],"mappings":";;;AACA,sDAAmD;AACnD,oDAAiD;AAEjD;;;GAGG;AACU,QAAA,YAAY,GAAU;IACjC,MAAM,EAAE,yBAAW,CAAC,MAAM;IAC1B,UAAU,EAAE,uBAAU;CACvB,CAAC"}

package/dist/UI/Theme/helpers.d.ts

@@ -0,0 +1,12 @@
+import { Theme, TextStyles } from "./types";
+import { TextStyle } from "react-native";
+/**
+ * Get a semantic text style from the theme with resolved font family.
+ *
+ * @example
+ * <Text style={[getTextStyle(theme, "heading1"), { color: theme.colors.text.primary }]}>
+ *   Title
+ * </Text>
+ */
+export declare function getTextStyle(theme: Theme, styleName: keyof TextStyles): TextStyle;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/UI/Theme/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/UI/Theme/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,MAAM,UAAU,GAC1B,SAAS,CASX"}

package/dist/UI/Theme/helpers.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTextStyle = getTextStyle;
+/**
+ * Get a semantic text style from the theme with resolved font family.
+ *
+ * @example
+ * <Text style={[getTextStyle(theme, "heading1"), { color: theme.colors.text.primary }]}>
+ *   Title
+ * </Text>
+ */
+function getTextStyle(theme, styleName) {
+    const style = theme.typography.textStyles[styleName];
+    return {
+        fontFamily: style.fontFamily,
+        fontSize: style.fontSize,
+        fontWeight: style.fontWeight,
+        lineHeight: style.fontSize * style.lineHeight,
+    };
+}
+//# sourceMappingURL=helpers.js.map

package/dist/UI/Theme/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/UI/Theme/helpers.ts"],"names":[],"mappings":";;AAWA,oCAYC;AApBD;;;;;;;GAOG;AACH,SAAgB,YAAY,CAC1B,KAAY,EACZ,SAA2B;IAE3B,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IAErD,OAAO;QACL,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,UAAU,EAAE,KAAK,CAAC,QAAQ,GAAG,KAAK,CAAC,UAAU;KAC9C,CAAC;AACJ,CAAC"}

package/dist/UI/Theme/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./ThemeProvider";
+export * from "./useTheme";
+export * from "./types";
+export * from "./tokens";
+export * from "./utils";
+export * from "./helpers";
+export * from "./defaultTheme";
+//# sourceMappingURL=index.d.ts.map

package/dist/UI/Theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/UI/Theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC"}

package/dist/UI/Theme/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ThemeProvider"), exports);
+__exportStar(require("./useTheme"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./tokens"), exports);
+__exportStar(require("./utils"), exports);
+__exportStar(require("./helpers"), exports);
+__exportStar(require("./defaultTheme"), exports);
+//# sourceMappingURL=index.js.map

package/dist/UI/Theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/UI/Theme/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,6CAA2B;AAC3B,0CAAwB;AACxB,2CAAyB;AACzB,0CAAwB;AACxB,4CAA0B;AAC1B,iDAA+B"}

package/dist/UI/Theme/token.d.ts

@@ -0,0 +1,107 @@
+declare const lightMode: {
+    color: {
+        disable: string;
+        primary: string;
+        secondary: string;
+        tertiary1: string;
+        tertiary2: string;
+        tertiary3: string;
+        colorsNeutralHigh: string;
+        colorsNeutralHigher: string;
+        colorsNeutralHighest: string;
+        colorsNeutralLow: string;
+        colorsNeutralLower: string;
+        colorsNeutralLowest: string;
+        colorsNeutralMedium: string;
+        colorsSurfaceHigh: string;
+        colorsSurfaceHigher: string;
+        colorsSurfaceHighest: string;
+        colorsSurfaceLow: string;
+        colorsSurfaceLower: string;
+        colorsSurfaceLowest: string;
+        colorsSurfaceMedium: string;
+        colorsSurfaceOpposite: string;
+        colorsTextDisable: string;
+        colorsTextOpposite: string;
+        colorsTextPrimary: string;
+        colorsTextSecondary: string;
+        colorsTextTerciary: string;
+    };
+};
+declare const darkMode: {
+    color: {
+        disable: string;
+        primary: string;
+        secondary: string;
+        tertiary1: string;
+        tertiary2: string;
+        tertiary3: string;
+        colorsNeutralHigh: string;
+        colorsNeutralHigher: string;
+        colorsNeutralHighest: string;
+        colorsNeutralLow: string;
+        colorsNeutralLower: string;
+        colorsNeutralLowest: string;
+        colorsNeutralMedium: string;
+        colorsSurfaceHigh: string;
+        colorsSurfaceHigher: string;
+        colorsSurfaceHighest: string;
+        colorsSurfaceLow: string;
+        colorsSurfaceLower: string;
+        colorsSurfaceLowest: string;
+        colorsSurfaceMedium: string;
+        colorsSurfaceOpposite: string;
+        colorsTextDisable: string;
+        colorsTextOpposite: string;
+        colorsTextPrimary: string;
+        colorsTextSecondary: string;
+        colorsTextTerciary: string;
+    };
+};
+declare const brand1: {
+    number: {
+        fontSizeXs: string;
+        fontSizeSm: string;
+        fontSizeMd: string;
+        fontSizeLg: string;
+        fontSizeXl: string;
+        fontSize2xl: string;
+        fontSize3xl: string;
+        fontSize4xl: string;
+    };
+    string: {
+        fontFamilyTagline: string;
+        fontFamilyText: string;
+        fontFamilyTitle: string;
+        fontWeightBold: string;
+        fontWeightExtraBold: string;
+        fontWeightItalic: string;
+        fontWeightMedium: string;
+        fontWeightRegular: string;
+        fontWeightSemiBold: string;
+    };
+};
+declare const brand2: {
+    number: {
+        fontSizeXs: string;
+        fontSizeSm: string;
+        fontSizeMd: string;
+        fontSizeLg: string;
+        fontSizeXl: string;
+        fontSize2xl: string;
+        fontSize3xl: string;
+        fontSize4xl: string;
+    };
+    string: {
+        fontFamilyTagline: string;
+        fontFamilyText: string;
+        fontFamilyTitle: string;
+        fontWeightBold: string;
+        fontWeightExtraBold: string;
+        fontWeightItalic: string;
+        fontWeightMedium: string;
+        fontWeightRegular: string;
+        fontWeightSemiBold: string;
+    };
+};
+//# sourceMappingURL=token.d.ts.map

package/dist/UI/Theme/token.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"token.d.ts","sourceRoot":"","sources":["../../../src/UI/Theme/token.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6Bd,CAAC;AACF,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6Bb,CAAC;AACF,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAsBX,CAAC;AACF,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAsBX,CAAC"}