@frigade/react 2.7.4 → 2.7.6

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
+import { JSX } from '@emotion/react/jsx-runtime';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import * as React$1 from 'react';
 import React__default, { CSSProperties, SyntheticEvent, ReactNode, ForwardRefExoticComponent, RefAttributes } from 'react';
 import * as _frigade_js from '@frigade/js';
 import { Flow as Flow$1, FlowStep, PropertyPayload, StatefulFlow } from '@frigade/js';
 export { _frigade_js as FrigadeJS };
-import { EmotionJSX } from '@emotion/react/types/jsx-namespace';
 import * as Collapsible$1 from '@radix-ui/react-collapsible';
 import { UseFormReturn, ControllerFieldState, Message, ValidationRule } from 'react-hook-form';
 import * as Popover from '@radix-ui/react-popover';
@@ -44,14 +44,14 @@ declare const tokens: {
     };
     space: {
         0: string;
+        2: string;
+        1: string;
         auto: string;
         5: string;
         10: string;
         20: string;
         4: string;
         9: string;
-        2: string;
-        1: string;
         [-20]: string;
         19: string;
         [-19]: string;
@@ -228,14 +228,14 @@ declare const theme: DeepPartial<{
     };
     space: {
         0: string;
+        2: string;
+        1: string;
         auto: string;
         5: string;
         10: string;
         20: string;
         4: string;
         9: string;
-        2: string;
-        1: string;
         [-20]: string;
         19: string;
         [-19]: string;
@@ -639,14 +639,14 @@ declare const themedStyleProps: {
     }>;
     readonly gap: DeepPartial<{
         0: string;
+        2: string;
+        1: string;
         auto: string;
         5: string;
         10: string;
         20: string;
         4: string;
         9: string;
-        2: string;
-        1: string;
         [-20]: string;
         19: string;
         [-19]: string;
@@ -695,14 +695,14 @@ declare const themedStyleProps: {
     }>;
     readonly margin: DeepPartial<{
         0: string;
+        2: string;
+        1: string;
         auto: string;
         5: string;
         10: string;
         20: string;
         4: string;
         9: string;
-        2: string;
-        1: string;
         [-20]: string;
         19: string;
         [-19]: string;
@@ -741,14 +741,14 @@ declare const themedStyleProps: {
     }>;
     readonly marginBottom: DeepPartial<{
         0: string;
+        2: string;
+        1: string;
         auto: string;
         5: string;
         10: string;
         20: string;
         4: string;
         9: string;
-        2: string;
-        1: string;
         [-20]: string;
         19: string;
         [-19]: string;
@@ -787,14 +787,14 @@ declare const themedStyleProps: {
     }>;
     readonly marginLeft: DeepPartial<{
         0: string;
+        2: string;
+        1: string;
         auto: string;
         5: string;
         10: string;
         20: string;
         4: string;
         9: string;
-        2: string;
-        1: string;
         [-20]: string;
         19: string;
         [-19]: string;
@@ -833,14 +833,14 @@ declare const themedStyleProps: {
     }>;
     readonly marginRight: DeepPartial<{
         0: string;
+        2: string;
+        1: string;
         auto: string;
         5: string;
         10: string;
         20: string;
         4: string;
         9: string;
-        2: string;
-        1: string;
         [-20]: string;
         19: string;
         [-19]: string;
@@ -879,14 +879,14 @@ declare const themedStyleProps: {
     }>;
     readonly marginTop: DeepPartial<{
         0: string;
+        2: string;
+        1: string;
         auto: string;
         5: string;
         10: string;
         20: string;
         4: string;
         9: string;
-        2: string;
-        1: string;
         [-20]: string;
         19: string;
         [-19]: string;
@@ -925,14 +925,14 @@ declare const themedStyleProps: {
     }>;
     readonly padding: DeepPartial<{
         0: string;
+        2: string;
+        1: string;
         auto: string;
         5: string;
         10: string;
         20: string;
         4: string;
         9: string;
-        2: string;
-        1: string;
         [-20]: string;
         19: string;
         [-19]: string;
@@ -971,14 +971,14 @@ declare const themedStyleProps: {
     }>;
     readonly paddingBottom: DeepPartial<{
         0: string;
+        2: string;
+        1: string;
         auto: string;
         5: string;
         10: string;
         20: string;
         4: string;
         9: string;
-        2: string;
-        1: string;
         [-20]: string;
         19: string;
         [-19]: string;
@@ -1017,14 +1017,14 @@ declare const themedStyleProps: {
     }>;
     readonly paddingLeft: DeepPartial<{
         0: string;
+        2: string;
+        1: string;
         auto: string;
         5: string;
         10: string;
         20: string;
         4: string;
         9: string;
-        2: string;
-        1: string;
         [-20]: string;
         19: string;
         [-19]: string;
@@ -1063,14 +1063,14 @@ declare const themedStyleProps: {
     }>;
     readonly paddingRight: DeepPartial<{
         0: string;
+        2: string;
+        1: string;
         auto: string;
         5: string;
         10: string;
         20: string;
         4: string;
         9: string;
-        2: string;
-        1: string;
         [-20]: string;
         19: string;
         [-19]: string;
@@ -1109,14 +1109,14 @@ declare const themedStyleProps: {
     }>;
     readonly paddingTop: DeepPartial<{
         0: string;
+        2: string;
+        1: string;
         auto: string;
         5: string;
         10: string;
         20: string;
         4: string;
         9: string;
-        2: string;
-        1: string;
         [-20]: string;
         19: string;
         [-19]: string;
@@ -1481,14 +1481,14 @@ interface CardHeaderProps extends BoxProps {
     title?: string;
 }
 interface CardComponent extends ForwardRefExoticComponent<Omit<FlowPropsWithoutChildren, 'ref'> & RefAttributes<unknown>> {
-    Dismiss: (props: ButtonProps) => EmotionJSX.Element;
-    Header: (props: CardHeaderProps) => EmotionJSX.Element;
-    Footer: (props: BoxProps) => EmotionJSX.Element;
-    Media: (props: MediaProps) => EmotionJSX.Element;
-    Primary: (props: ButtonProps) => EmotionJSX.Element;
-    Secondary: (props: ButtonProps) => EmotionJSX.Element;
-    Subtitle: (props: TextProps) => EmotionJSX.Element;
-    Title: (props: TextProps) => EmotionJSX.Element;
+    Dismiss: (props: ButtonProps) => JSX.Element;
+    Header: (props: CardHeaderProps) => JSX.Element;
+    Footer: (props: BoxProps) => JSX.Element;
+    Media: (props: MediaProps) => JSX.Element;
+    Primary: (props: ButtonProps) => JSX.Element;
+    Secondary: (props: ButtonProps) => JSX.Element;
+    Subtitle: (props: TextProps) => JSX.Element;
+    Title: (props: TextProps) => JSX.Element;
 }
 interface CardProps extends FlowPropsWithoutChildren {
     children: React$1.ReactNode;
@@ -1513,7 +1513,7 @@ interface CollapsibleStepProps extends FlowChildrenProps {
     onOpenChange: (isOpening: boolean) => void;
     open: boolean;
 }
-type StepTypes = Record<string, (props: CollapsibleStepProps) => EmotionJSX.Element>;
+type StepTypes = Record<string, (props: CollapsibleStepProps) => JSX.Element>;
 interface CollapsibleProps extends FlowPropsWithoutChildren {
     /**
      * Map of step types to their respective components.
@@ -1531,7 +1531,7 @@ interface CollapsibleProps extends FlowPropsWithoutChildren {
      */
     stepTypes?: StepTypes;
 }
-declare function Collapsible({ flowId, onPrimary, onSecondary, part, stepTypes, ...props }: CollapsibleProps): EmotionJSX.Element;
+declare function Collapsible({ flowId, onPrimary, onSecondary, part, stepTypes, ...props }: CollapsibleProps): JSX.Element;
 
 declare function Content({ children }: {
     children: any;
@@ -1569,13 +1569,21 @@ declare namespace index$2 {
   };
 }
 
+declare function useClientPortal(children: React.ReactNode, container: Element | DocumentFragment | string, key?: null | string): React$1.ReactPortal;
+
+interface ClientPortalProps {
+    children?: React.ReactNode;
+    container?: Parameters<typeof useClientPortal>[1];
+}
+declare function ClientPortal({ children, container }: ClientPortalProps): React$1.ReactPortal;
+
 interface CollectionProps extends BoxProps {
     /**
      * The unique ID of the Collection to render. You can find the Collection ID in the Frigade dashboard.
      */
     collectionId: string;
     /**
-     * A map of variables to pass to Flows this Collection.
+     * A map of variables to pass to Flows in this Collection.
      * Example:
      * ```tsx
      * variables={{
@@ -1586,7 +1594,7 @@ interface CollectionProps extends BoxProps {
      */
     variables?: FlowProps['variables'];
 }
-declare function Collection({ collectionId, part, variables, ...props }: CollectionProps): EmotionJSX.Element;
+declare function Collection({ collectionId, part, variables, ...props }: CollectionProps): JSX.Element;
 
 declare const Row: React$1.ForwardRefExoticComponent<Omit<BoxProps<React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements>>, "ref"> & React$1.RefAttributes<unknown>>;
 declare const Column: React$1.ForwardRefExoticComponent<Omit<BoxProps<React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements>>, "ref"> & React$1.RefAttributes<unknown>>;
@@ -1917,13 +1925,6 @@ declare namespace Tooltip {
     var Title: ({ children, ...props }: TextProps) => _emotion_react_jsx_runtime.JSX.Element;
 }
 
-declare function useClientPortal(children: React.ReactNode, container: Element | DocumentFragment | string, key?: null | string): React$1.ReactPortal;
-
-interface ClientPortalProps {
-    children?: React.ReactNode;
-    container?: Parameters<typeof useClientPortal>[1];
-}
-
 interface TourProps extends FlowPropsWithoutChildren, Omit<HintProps, 'anchor'> {
     /**
      * The alignment of the tooltip relative to the anchor.
@@ -2020,4 +2021,4 @@ declare function useGroup(): {
     isLoading: boolean;
 };
 
-export { Announcement, AnnouncementProps, Banner, BannerProps, BaseField, Box, BoxProps, Button, ButtonProps, Card, CardHeaderProps, CardProps, index$2 as Checklist, CollapsibleProps, CollapsibleStepProps, Collection, Dialog, DialogProps, DismissHandler, FieldTypes, Flex, Flow, FlowChildrenProps, FlowConfig, FlowHandlerProp, FlowHandlerProps, FlowProps, FlowPropsWithoutChildren, Form, FormFieldData, FormFieldProps, FormProps, Hint, Image, Label, Media, NPSProps, index$1 as Progress, ProgressBadge, ProgressBadgeProps, Provider, ProviderProps, RadioField, SelectField, Spotlight, StepHandler, StepHandlerProp, StepHandlerProps, index as Survey, Text, TextField, TextProps, TextareaField, Theme, Tokens, Tooltip, TooltipProps, Tour, TourProps, Video, themeVariables, tokens, useBoundingClientRect, useFlow, useFlowHandlers, useFrigade, useGroup, useStepHandlers, useUser };
+export { Announcement, AnnouncementProps, Banner, BannerProps, BaseField, Box, BoxProps, Button, ButtonProps, Card, CardHeaderProps, CardProps, index$2 as Checklist, ClientPortal, ClientPortalProps, CollapsibleProps, CollapsibleStepProps, Collection, Dialog, DialogProps, DismissHandler, FieldTypes, Flex, Flow, FlowChildrenProps, FlowConfig, FlowHandlerProp, FlowHandlerProps, FlowProps, FlowPropsWithoutChildren, Form, FormFieldData, FormFieldProps, FormProps, Hint, Image, Label, Media, NPSProps, index$1 as Progress, ProgressBadge, ProgressBadgeProps, Provider, ProviderProps, RadioField, SelectField, Spotlight, StepHandler, StepHandlerProp, StepHandlerProps, index as Survey, Text, TextField, TextProps, TextareaField, Theme, Tokens, Tooltip, TooltipProps, Tour, TourProps, Video, themeVariables, tokens, useBoundingClientRect, useFlow, useFlowHandlers, useFrigade, useGroup, useStepHandlers, useUser };