@rocapine/react-native-onboarding-ui 1.1.5 → 1.2.0

package/src/UI/Pages/ComposableScreen/Renderer.tsx

@@ -0,0 +1,146 @@
+import React from "react";
+import { View, Text, ScrollView, StyleSheet, TouchableOpacity } from "react-native";
+import { useSafeAreaInsets } from "react-native-safe-area-context";
+import { ComposableScreenStepType, ComposableScreenStepTypeSchema, UIElement } from "./types";
+import { Theme } from "../../Theme/types";
+import { defaultTheme } from "../../Theme/defaultTheme";
+import { getTextStyle } from "../../Theme/helpers";
+
+import { withErrorBoundary } from "../../ErrorBoundary";
+import { OnboardingTemplate } from "../../Templates/OnboardingTemplate";
+
+type ContentProps = {
+  step: ComposableScreenStepType;
+  onContinue: () => void;
+  theme?: Theme;
+};
+
+const renderElement = (element: UIElement, theme: Theme, parentType?: "XStack" | "YStack"): React.ReactNode => {
+  if (element.type === "YStack" || element.type === "XStack") {
+    return (
+      <View
+        key={element.id}
+        style={{
+          flexDirection: element.type === "XStack" ? "row" : "column",
+          gap: element.props.gap,
+          padding: element.props.padding,
+          paddingHorizontal: element.props.paddingHorizontal,
+          paddingVertical: element.props.paddingVertical,
+          margin: element.props.margin,
+          marginHorizontal: element.props.marginHorizontal,
+          marginVertical: element.props.marginVertical,
+          flex: element.props.flex,
+          width: element.props.width,
+          height: element.props.height,
+          minWidth: element.props.minWidth,
+          maxWidth: element.props.maxWidth,
+          minHeight: element.props.minHeight,
+          maxHeight: element.props.maxHeight,
+          flexShrink: element.props.flexShrink ?? (parentType === "XStack" ? 1 : undefined),
+          flexWrap: element.props.flexWrap,
+          alignItems: element.props.alignItems,
+          justifyContent: element.props.justifyContent,
+          backgroundColor: element.props.backgroundColor,
+          borderWidth: element.props.borderWidth,
+          borderRadius: element.props.borderRadius,
+          borderColor: element.props.borderColor,
+          overflow: element.props.overflow,
+          opacity: element.props.opacity,
+        }}
+      >
+        {element.children.map((child) => renderElement(child, theme, element.type))}
+      </View>
+    );
+  }
+
+  if (element.type === "Text") {
+    return (
+      <Text
+        key={element.id}
+        style={{
+          fontSize: element.props.fontSize,
+          fontWeight: element.props.fontWeight as any,
+          color: element.props.color ?? theme.colors.text.primary,
+          textAlign: element.props.textAlign,
+          letterSpacing: element.props.letterSpacing,
+          lineHeight: element.props.lineHeight,
+          backgroundColor: element.props.backgroundColor,
+          padding: element.props.padding,
+          paddingHorizontal: element.props.paddingHorizontal,
+          paddingVertical: element.props.paddingVertical,
+          margin: element.props.margin,
+          marginHorizontal: element.props.marginHorizontal,
+          marginVertical: element.props.marginVertical,
+          borderWidth: element.props.borderWidth,
+          borderRadius: element.props.borderRadius,
+          borderColor: element.props.borderColor,
+          opacity: element.props.opacity,
+          flexShrink: parentType === "XStack" ? 1 : undefined,
+        }}
+      >
+        {element.props.content}
+      </Text>
+    );
+  }
+
+  return null;
+};
+
+const ComposableScreenRendererBase = ({ step, onContinue, theme = defaultTheme }: ContentProps) => {
+  const { top, bottom } = useSafeAreaInsets();
+  const validatedData = ComposableScreenStepTypeSchema.parse(step);
+  const { elements } = validatedData.payload;
+  return (
+    <OnboardingTemplate
+      step={step}
+      onContinue={onContinue}
+      theme={theme}
+    >
+      <ScrollView
+        contentContainerStyle={styles.scrollContent}
+        showsVerticalScrollIndicator={false}
+        alwaysBounceVertical={false}
+      >
+        {elements.map((element) => renderElement(element, theme))}
+        <View style={styles.bottomSection}>
+          <TouchableOpacity
+            style={[styles.ctaButton, { backgroundColor: theme.colors.primary }]}
+            onPress={onContinue}
+            activeOpacity={0.8}
+          >
+            <Text
+              style={[
+                getTextStyle(theme, "button"),
+                { color: theme.colors.text.opposite },
+              ]}
+            >
+              {validatedData.continueButtonLabel}
+            </Text>
+          </TouchableOpacity>
+        </View>
+      </ScrollView>
+    </OnboardingTemplate>
+  )
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  scrollContent: {
+    flexGrow: 1,
+  },
+  bottomSection: {
+    paddingHorizontal: 32,
+    alignItems: "center",
+  },
+  ctaButton: {
+    borderRadius: 90,
+    paddingVertical: 18,
+    paddingHorizontal: 24,
+    minWidth: 234,
+    alignItems: "center",
+  },
+});
+
+export const ComposableScreenRenderer = withErrorBoundary(ComposableScreenRendererBase, "ComposableScreen");

package/src/UI/Pages/ComposableScreen/index.ts

@@ -0,0 +1,2 @@
+export * from "./Renderer";
+export * from "./types";

package/src/UI/Pages/ComposableScreen/types.ts

@@ -0,0 +1,145 @@
+import { z } from "zod";
+import { CustomPayloadSchema } from "../types";
+
+export type UIElement =
+  | {
+      id: string;
+      name?: string;
+      type: "YStack" | "XStack";
+      props: {
+        gap?: number;
+        padding?: number;
+        paddingHorizontal?: number;
+        paddingVertical?: number;
+        margin?: number;
+        marginHorizontal?: number;
+        marginVertical?: number;
+        flex?: number;
+        width?: number;
+        height?: number;
+        minWidth?: number;
+        maxWidth?: number;
+        minHeight?: number;
+        maxHeight?: number;
+        alignItems?: "flex-start" | "center" | "flex-end" | "stretch";
+        justifyContent?: "flex-start" | "center" | "flex-end" | "space-between" | "space-around";
+        backgroundColor?: string;
+        flexWrap?: "wrap" | "nowrap";
+        flexShrink?: number;
+        borderWidth?: number;
+        borderRadius?: number;
+        borderColor?: string;
+        overflow?: "hidden" | "visible" | "scroll";
+        opacity?: number;
+      };
+      children: UIElement[];
+    }
+  | {
+      id: string;
+      name?: string;
+      type: "Text";
+      props: {
+        content: string;
+        fontSize?: number;
+        fontWeight?: string;
+        color?: string;
+        textAlign?: "left" | "center" | "right";
+        letterSpacing?: number;
+        lineHeight?: number;
+        backgroundColor?: string;
+        padding?: number;
+        paddingHorizontal?: number;
+        paddingVertical?: number;
+        margin?: number;
+        marginHorizontal?: number;
+        marginVertical?: number;
+        borderWidth?: number;
+        borderRadius?: number;
+        borderColor?: string;
+        opacity?: number;
+      };
+    };
+
+const StackElementPropsSchema = z.object({
+  gap: z.number().optional(),
+  padding: z.number().optional(),
+  paddingHorizontal: z.number().optional(),
+  paddingVertical: z.number().optional(),
+  margin: z.number().optional(),
+  marginHorizontal: z.number().optional(),
+  marginVertical: z.number().optional(),
+  flex: z.number().optional(),
+  width: z.number().optional(),
+  height: z.number().optional(),
+  minWidth: z.number().optional(),
+  maxWidth: z.number().optional(),
+  minHeight: z.number().optional(),
+  maxHeight: z.number().optional(),
+  alignItems: z.enum(["flex-start", "center", "flex-end", "stretch"]).optional(),
+  justifyContent: z.enum(["flex-start", "center", "flex-end", "space-between", "space-around"]).optional(),
+  backgroundColor: z.string().optional(),
+  flexWrap: z.enum(["wrap", "nowrap"]).optional(),
+  flexShrink: z.number().optional(),
+  borderWidth: z.number().optional(),
+  borderRadius: z.number().optional(),
+  borderColor: z.string().optional(),
+  overflow: z.enum(["hidden", "visible", "scroll"]).optional(),
+  opacity: z.number().min(0).max(1).optional(),
+});
+
+const TextElementPropsSchema = z.object({
+  content: z.string(),
+  fontSize: z.number().optional(),
+  fontWeight: z.string().optional(),
+  color: z.string().optional(),
+  textAlign: z.enum(["left", "center", "right"]).optional(),
+  letterSpacing: z.number().optional(),
+  lineHeight: z.number().optional(),
+  backgroundColor: z.string().optional(),
+  padding: z.number().optional(),
+  paddingHorizontal: z.number().optional(),
+  paddingVertical: z.number().optional(),
+  margin: z.number().optional(),
+  marginHorizontal: z.number().optional(),
+  marginVertical: z.number().optional(),
+  borderWidth: z.number().optional(),
+  borderRadius: z.number().optional(),
+  borderColor: z.string().optional(),
+  opacity: z.number().min(0).max(1).optional(),
+});
+
+export const UIElementSchema: z.ZodType<UIElement> = z.lazy(() =>
+  z.union([
+    z.object({
+      id: z.string(),
+      name: z.string().optional(),
+      type: z.union([z.literal("YStack"), z.literal("XStack")]),
+      props: StackElementPropsSchema,
+      children: z.array(UIElementSchema),
+    }),
+    z.object({
+      id: z.string(),
+      name: z.string().optional(),
+      type: z.literal("Text"),
+      props: TextElementPropsSchema,
+    }),
+  ])
+);
+
+
+export const ComposableScreenStepPayloadSchema = z.object({
+  elements: z.array(UIElementSchema),
+});
+
+export const ComposableScreenStepTypeSchema = z.object({
+  id: z.string(),
+  type: z.literal("ComposableScreen"),
+  name: z.string(),
+  displayProgressHeader: z.boolean(),
+  payload: ComposableScreenStepPayloadSchema,
+  customPayload: CustomPayloadSchema,
+  continueButtonLabel: z.string().optional().default("Continue"),
+  figmaUrl: z.string().nullable(),
+});
+
+export type ComposableScreenStepType = z.infer<typeof ComposableScreenStepTypeSchema>;

package/src/UI/Pages/Loader/Renderer.tsx

@@ -102,7 +102,12 @@ const BarsVariant = ({
       onContinue={onContinue}
       theme={theme}
       button={
-        isComplete ? { text: validatedData.continueButtonLabel } : undefined
+        isComplete
+          ? {
+              text: validatedData.buttonSection?.label?.trim() || validatedData.continueButtonLabel,
+              icon: validatedData.buttonSection?.icon?.trim() || null,
+            }
+          : undefined
       }
     >
       <ScrollView

package/src/UI/Pages/Loader/types.ts

@@ -1,5 +1,5 @@
 import { z } from "zod";
-import { CustomPayloadSchema, MediaSourceSchema } from "../types";
+import { ButtonSectionSchema, CustomPayloadSchema, MediaSourceSchema } from "../types";
 
 export const LoaderStepSchema = z.object({
   label: z.string(),
@@ -25,6 +25,7 @@ export const LoaderStepTypeSchema = z.object({
   payload: LoaderStepPayloadSchema,
   customPayload: CustomPayloadSchema,
   continueButtonLabel: z.string().optional().default("Continue"),
+  buttonSection: ButtonSectionSchema.optional(),
   figmaUrl: z.string().nullish(),
 });
 

package/src/UI/Pages/MediaContent/Renderer.tsx

@@ -119,7 +119,10 @@ const MediaContentRendererBase = ({ step, onContinue, theme = defaultTheme }: Co
       step={step}
       onContinue={onContinue}
       theme={theme}
-      button={{ text: validatedData.continueButtonLabel }}
+      button={{
+        text: validatedData.buttonSection?.label?.trim() || validatedData.continueButtonLabel,
+        icon: validatedData.buttonSection?.icon?.trim() || null,
+      }}
     >
       {renderContent()}
     </OnboardingTemplate>

package/src/UI/Pages/MediaContent/types.ts

@@ -1,5 +1,6 @@
 import { z } from "zod";
 import {
+  ButtonSectionSchema,
   CustomPayloadSchema,
   MediaSourceSchema,
   SocialProofSchema,
@@ -25,6 +26,7 @@ export const MediaContentStepTypeSchema = z.object({
   payload: MediaContentStepPayloadSchema,
   customPayload: CustomPayloadSchema,
   continueButtonLabel: z.string().optional().default("Continue"),
+  buttonSection: ButtonSectionSchema.optional(),
   figmaUrl: z.string().nullish(),
 });
 

package/src/UI/Pages/Picker/Renderer.tsx

@@ -90,7 +90,7 @@ const PickerRendererBase = ({ step, onContinue, theme = defaultTheme }: ContentP
       step={step}
       onContinue={() => onContinue()}
       theme={theme}
-      button={{ text: validatedData.continueButtonLabel }}
+      button={{ text: validatedData.buttonSection?.label?.trim() || validatedData.continueButtonLabel, icon: validatedData.buttonSection?.icon?.trim() || null }}
     >
       <View style={styles.container}>
         <Text style={[getTextStyle(theme, "heading1"), styles.title, { color: theme.colors.text.primary }]}>{title}</Text>
@@ -149,7 +149,7 @@ const WeightPicker = ({
       step={step}
       onContinue={handleContinue}
       theme={theme}
-      button={{ text: step.continueButtonLabel }}
+      button={{ text: step.buttonSection?.label?.trim() || step.continueButtonLabel, icon: step.buttonSection?.icon?.trim() || null }}
     >
       <View style={styles.container}>
         <View style={styles.textContainer}>
@@ -265,7 +265,7 @@ const HeightPicker = ({
       step={step}
       onContinue={handleContinue}
       theme={theme}
-      button={{ text: step.continueButtonLabel }}
+      button={{ text: step.buttonSection?.label?.trim() || step.continueButtonLabel, icon: step.buttonSection?.icon?.trim() || null }}
     >
       <View style={styles.container}>
         <View style={styles.textContainer}>
@@ -372,7 +372,8 @@ const NamePicker = ({
             onContinue={handleContinue}
             theme={theme}
             button={{
-              text: step.continueButtonLabel,
+              text: step.buttonSection?.label?.trim() || step.continueButtonLabel,
+              icon: step.buttonSection?.icon?.trim() || null,
               disabled: !name.trim(),
             }}
           >
@@ -479,7 +480,7 @@ const DatePicker = ({
       step={step}
       onContinue={handleContinue}
       theme={theme}
-      button={{ text: step.continueButtonLabel }}
+      button={{ text: step.buttonSection?.label?.trim() || step.continueButtonLabel, icon: step.buttonSection?.icon?.trim() || null }}
     >
       <View style={styles.container}>
         <View style={styles.textContainer}>

package/src/UI/Pages/Picker/types.ts

@@ -1,5 +1,5 @@
 import { z } from "zod";
-import { CustomPayloadSchema } from "../types";
+import { ButtonSectionSchema, CustomPayloadSchema } from "../types";
 
 export const PickerTypeEnum = z.enum([
   "height",
@@ -25,6 +25,7 @@ export const PickerStepTypeSchema = z.object({
   payload: PickerStepPayloadSchema,
   customPayload: CustomPayloadSchema,
   continueButtonLabel: z.string().optional().default("Continue"),
+  buttonSection: ButtonSectionSchema.optional(),
   figmaUrl: z.string().nullish(),
 });
 

package/src/UI/Pages/Question/Renderer.tsx

@@ -90,7 +90,10 @@ const QuestionRendererBase = ({ step, onContinue, theme = defaultTheme, customCo
       step={step}
       onContinue={handleContinue || (() => { })}
       theme={theme}
-      button={multipleAnswer && isAnySelected ? { text: "Continue" } : undefined}
+      button={multipleAnswer && isAnySelected ? {
+        text: validatedData.buttonSection?.label?.trim() || validatedData.continueButtonLabel,
+        icon: validatedData.buttonSection?.icon?.trim() || null,
+      } : undefined}
     >
       <View style={styles.container}>
         {/* Main Content */}

package/src/UI/Pages/Question/types.ts

@@ -1,5 +1,5 @@
 import { z } from "zod";
-import { CustomPayloadSchema, InfoBoxSchema } from "../types";
+import { ButtonSectionSchema, CustomPayloadSchema, InfoBoxSchema } from "../types";
 
 export const AnswerSchema = z.object({
   label: z.string(),
@@ -23,6 +23,8 @@ export const QuestionStepTypeSchema = z.object({
   displayProgressHeader: z.boolean(),
   payload: QuestionStepPayloadSchema,
   customPayload: CustomPayloadSchema,
+  continueButtonLabel: z.string().optional().default("Continue"),
+  buttonSection: ButtonSectionSchema.optional(),
   figmaUrl: z.string().nullish(),
 });
 

package/src/UI/Pages/Ratings/Renderer.tsx

@@ -83,7 +83,8 @@ const RatingsRendererBase = ({ step, onContinue, theme = defaultTheme }: Ratings
       button={{
         text: !hasOpenedRequestReview
           ? rateTheAppButtonLabel
-          : validatedData.continueButtonLabel,
+          : (validatedData.buttonSection?.label?.trim() || validatedData.continueButtonLabel),
+        icon: hasOpenedRequestReview ? (validatedData.buttonSection?.icon?.trim() || null) : null,
       }}
     >
       <View style={styles.container}>

package/src/UI/Pages/Ratings/types.ts

@@ -1,5 +1,5 @@
 import z from "zod";
-import { CustomPayloadSchema, SocialProofSchema } from "../types";
+import { ButtonSectionSchema, CustomPayloadSchema, SocialProofSchema } from "../types";
 
 export const RatingsStepPayloadSchema = z.object({
   title: z.string(),
@@ -16,6 +16,7 @@ export const RatingsStepTypeSchema = z.object({
   payload: RatingsStepPayloadSchema,
   customPayload: CustomPayloadSchema,
   continueButtonLabel: z.string().optional().default("Continue"),
+  buttonSection: ButtonSectionSchema.optional(),
   figmaUrl: z.string().nullish(),
 });
 

package/src/UI/Pages/index.ts

@@ -2,6 +2,7 @@ export * from "./Carousel";
 export * from "./Commitment";
 export * from "./Loader";
 export * from "./MediaContent";
+export * from "./ComposableScreen";
 export * from "./Picker";
 export * from "./Question";
 export * from "./Ratings";

package/src/UI/Pages/types.ts

@@ -23,3 +23,8 @@ export const InfoBoxSchema = z.object({
   title: z.string(),
   content: z.string(),
 });
+
+export const ButtonSectionSchema = z.object({
+  label: z.string().optional(),
+  icon: z.string().nullish(),
+});

package/src/UI/Templates/OnboardingTemplate.tsx

@@ -4,6 +4,42 @@ import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { getTextStyle } from "../Theme/helpers";
 import { Theme } from "../Theme/types";
 import { defaultTheme } from "../Theme/defaultTheme";
+import * as LucideIcons from "lucide-react-native";
+
+function lucideIconLookupKeys(raw: string): string[] {
+  const s = raw.trim();
+  if (!s) return [];
+  const keys: string[] = [s];
+  if (/[-_\s]/.test(s)) {
+    const pascal = s
+      .split(/[-_\s]+/)
+      .filter(Boolean)
+      .map((w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase())
+      .join("");
+    if (pascal && !keys.includes(pascal)) keys.push(pascal);
+  }
+  if (/^[a-z][a-z0-9]*$/.test(s)) {
+    const cap = s.charAt(0).toUpperCase() + s.slice(1);
+    if (!keys.includes(cap)) keys.push(cap);
+  }
+  if (/^[A-Z0-9]+$/.test(s) && s.length > 1) {
+    const title = s.charAt(0) + s.slice(1).toLowerCase();
+    if (!keys.includes(title)) keys.push(title);
+  }
+  return keys;
+}
+
+function resolveIcon(iconName: string, color: string): React.ReactElement | null {
+  if (!iconName?.trim()) return null;
+  const mod = LucideIcons as Record<string, any>;
+  for (const key of lucideIconLookupKeys(iconName)) {
+    const IconComponent = mod[key];
+    if (IconComponent != null) {
+      return <IconComponent size={20} color={color} strokeWidth={2} />;
+    }
+  }
+  return null;
+}
 
 type OnboardingTemplateProps = {
   children: React.ReactNode;
@@ -11,6 +47,7 @@ type OnboardingTemplateProps = {
   button?: {
     text: string;
     disabled?: boolean;
+    icon?: string | null;
   };
   step: OnboardingStepType;
   theme?: Theme;
@@ -49,16 +86,37 @@ export const OnboardingTemplate = ({
             activeOpacity={0.8}
             disabled={button.disabled}
           >
-            <Text
-              style={[
-                getTextStyle(theme, "button"),
-                styles.ctaButtonText,
-                { color: theme.colors.text.opposite },
-                button.disabled && { color: theme.colors.text.disable },
-              ]}
-            >
-              {button.text}
-            </Text>
+            {button.icon ? (
+              <View style={styles.ctaButtonContent}>
+                {resolveIcon(
+                  button.icon,
+                  button.disabled
+                    ? theme.colors.text.disable
+                    : theme.colors.text.opposite
+                )}
+                <Text
+                  style={[
+                    getTextStyle(theme, "button"),
+                    styles.ctaButtonText,
+                    { color: theme.colors.text.opposite },
+                    button.disabled && { color: theme.colors.text.disable },
+                  ]}
+                >
+                  {button.text}
+                </Text>
+              </View>
+            ) : (
+              <Text
+                style={[
+                  getTextStyle(theme, "button"),
+                  styles.ctaButtonText,
+                  { color: theme.colors.text.opposite },
+                  button.disabled && { color: theme.colors.text.disable },
+                ]}
+              >
+                {button.text}
+              </Text>
+            )}
           </TouchableOpacity>
         </View>
       )}
@@ -83,4 +141,9 @@ const styles = StyleSheet.create({
     alignItems: "center",
   },
   ctaButtonText: {},
+  ctaButtonContent: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+  },
 });

package/src/UI/types.ts

@@ -3,6 +3,7 @@ import {
   CommitmentStepType,
   LoaderStepType,
   MediaContentStepType,
+  ComposableScreenStepType,
   PickerStepType,
   RatingsStepType,
   QuestionStepType,
@@ -33,6 +34,7 @@ export type BaseStepType = {
 export type OnboardingStepType =
   | RatingsStepType
   | MediaContentStepType
+  | ComposableScreenStepType
   | PickerStepType
   | CommitmentStepType
   | CarouselStepType

package/dist/provider/CustomComponentsContext.d.ts

@@ -1,57 +0,0 @@
-import React from "react";
-import { QuestionAnswerButtonProps, QuestionAnswersListProps } from "../UI/Pages/Question/components";
-/**
- * Custom components that can be provided to override default implementations.
- * Allows full UI customization for specific parts of the onboarding flow.
- */
-export interface CustomComponents {
-    /**
-     * Custom component for individual Question answer buttons.
-     * Replaces the default button styling while keeping list logic.
-     *
-     * @example
-     * ```tsx
-     * const MyButton = ({ answer, selected, onPress, theme }) => (
-     *   <TouchableOpacity onPress={onPress} style={{ height: 96 }}>
-     *     <Text>{answer.label}</Text>
-     *   </TouchableOpacity>
-     * );
-     *
-     * <OnboardingProvider customComponents={{ QuestionAnswerButton: MyButton }} />
-     * ```
-     */
-    QuestionAnswerButton?: React.ComponentType<QuestionAnswerButtonProps>;
-    /**
-     * Custom component for the entire Question answers list.
-     * Provides full control over list rendering, animations, and layout.
-     * Takes priority over QuestionAnswerButton.
-     *
-     * @example
-     * ```tsx
-     * const MyList = ({ answers, selected, onAnswerPress, theme }) => (
-     *   <Animated.View>
-     *     {answers.map(answer => (
-     *       <MyButton key={answer.value} answer={answer} />
-     *     ))}
-     *   </Animated.View>
-     * );
-     *
-     * <OnboardingProvider customComponents={{ QuestionAnswersList: MyList }} />
-     * ```
-     */
-    QuestionAnswersList?: React.ComponentType<QuestionAnswersListProps>;
-}
-/**
- * Provider for custom components.
- * Wraps the app to make custom components available to all renderers.
- */
-export declare const CustomComponentsProvider: React.FC<{
-    children: React.ReactNode;
-    components?: CustomComponents;
-}>;
-/**
- * Hook to access custom components from context.
- * Returns empty object if no custom components are provided.
- */
-export declare const useCustomComponents: () => CustomComponents;
-//# sourceMappingURL=CustomComponentsContext.d.ts.map

package/dist/provider/CustomComponentsContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomComponentsContext.d.ts","sourceRoot":"","sources":["../../src/provider/CustomComponentsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EACL,yBAAyB,EACzB,wBAAwB,EACzB,MAAM,iCAAiC,CAAC;AAEzC;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;;;;;;;;;;;OAcG;IACH,oBAAoB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;IAEtE;;;;;;;;;;;;;;;;;OAiBG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;CAMrE;AAID;;;GAGG;AACH,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAAC;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B,CAIA,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,wBAA4C,CAAC"}