@frigade/react 2.7.5 → 2.8.0

package/dist/index.d.ts

@@ -7,6 +7,9 @@ import * as _frigade_js from '@frigade/js';
 import { Flow as Flow$1, FlowStep, PropertyPayload, StatefulFlow } from '@frigade/js';
 export { _frigade_js as FrigadeJS };
 import * as Collapsible$1 from '@radix-ui/react-collapsible';
+import { UseFloatingOptions } from '@floating-ui/react';
+import * as react from '@floating-ui/react';
+export { react as FloatingUI };
 import { UseFormReturn, ControllerFieldState, Message, ValidationRule } from 'react-hook-form';
 import * as Popover from '@radix-ui/react-popover';
 
@@ -1533,32 +1536,78 @@ interface CollapsibleProps extends FlowPropsWithoutChildren {
 }
 declare function Collapsible({ flowId, onPrimary, onSecondary, part, stepTypes, ...props }: CollapsibleProps): JSX.Element;
 
-declare function Content({ children }: {
+declare function Content$1({ children }: {
     children: any;
 }): _emotion_react_jsx_runtime.JSX.Element;
-declare function Root({ children, disabled, onOpenChange, open, ...props }: Collapsible$1.CollapsibleProps & BoxProps): _emotion_react_jsx_runtime.JSX.Element;
-declare function Trigger({ isCompleted, isBlocked, title }: {
+declare function Root$1({ children, disabled, onOpenChange, open, ...props }: Collapsible$1.CollapsibleProps & BoxProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Trigger$1({ isCompleted, isBlocked, title }: {
     isCompleted: any;
     isBlocked: any;
     title: any;
 }): _emotion_react_jsx_runtime.JSX.Element;
 
-declare const CollapsibleStep_Content: typeof Content;
-declare const CollapsibleStep_Root: typeof Root;
-declare const CollapsibleStep_Trigger: typeof Trigger;
 declare namespace CollapsibleStep {
   export {
-    CollapsibleStep_Content as Content,
-    CollapsibleStep_Root as Root,
-    CollapsibleStep_Trigger as Trigger,
+    Content$1 as Content,
+    Root$1 as Root,
+    Trigger$1 as Trigger,
   };
 }
 
+type AlignValue$1 = 'after' | 'before' | 'center' | 'end' | 'start';
+type SideValue$1 = 'bottom' | 'left' | 'right' | 'top';
+interface FloatingProps extends UseFloatingOptions {
+    align?: AlignValue$1;
+    alignOffset?: number;
+    anchor?: string;
+    side?: SideValue$1;
+    sideOffset?: number;
+}
+
+interface PopoverRootProps extends FloatingProps {
+    autoScroll?: ScrollIntoViewOptions | boolean;
+    children?: React.ReactNode;
+    defaultOpen?: boolean;
+    modal?: boolean;
+    spotlight?: boolean;
+}
+declare function Root({ align, alignOffset, anchor, autoScroll, children, defaultOpen, modal, onOpenChange, open, side, sideOffset, spotlight, ...floatingProps }: PopoverRootProps): _emotion_react_jsx_runtime.JSX.Element;
+
+interface PopoverContentProps extends BoxProps {
+}
+declare function Content({ children, css, part, style, ...props }: BoxProps): _emotion_react_jsx_runtime.JSX.Element;
+
+interface PopoverTriggerProps extends BoxProps {
+}
+declare function Trigger({ children, part, ...props }: BoxProps): _emotion_react_jsx_runtime.JSX.Element;
+
+declare const index$3_Content: typeof Content;
+type index$3_PopoverContentProps = PopoverContentProps;
+type index$3_PopoverRootProps = PopoverRootProps;
+type index$3_PopoverTriggerProps = PopoverTriggerProps;
+declare const index$3_Root: typeof Root;
+declare const index$3_Trigger: typeof Trigger;
+declare namespace index$3 {
+  export {
+    index$3_Content as Content,
+    index$3_PopoverContentProps as PopoverContentProps,
+    index$3_PopoverRootProps as PopoverRootProps,
+    index$3_PopoverTriggerProps as PopoverTriggerProps,
+    index$3_Root as Root,
+    index$3_Trigger as Trigger,
+  };
+}
+
+interface FloatingChecklistProps extends PopoverRootProps, FlowPropsWithoutChildren {
+}
+declare function Floating({ children, flowId, onPrimary, onSecondary, part, ...props }: FloatingChecklistProps): _emotion_react_jsx_runtime.JSX.Element;
+
 declare const index$2_Carousel: typeof Carousel;
 declare const index$2_Collapsible: typeof Collapsible;
 type index$2_CollapsibleProps = CollapsibleProps;
 declare const index$2_CollapsibleStep: typeof CollapsibleStep;
 type index$2_CollapsibleStepProps = CollapsibleStepProps;
+declare const index$2_Floating: typeof Floating;
 declare namespace index$2 {
   export {
     index$2_Carousel as Carousel,
@@ -1566,9 +1615,18 @@ declare namespace index$2 {
     index$2_CollapsibleProps as CollapsibleProps,
     index$2_CollapsibleStep as CollapsibleStep,
     index$2_CollapsibleStepProps as CollapsibleStepProps,
+    index$2_Floating as Floating,
   };
 }
 
+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.
@@ -1755,12 +1813,15 @@ declare function Dots({ current, total, ...props }: ProgressProps): _emotion_rea
 
 declare function Fraction({ current, total, ...props }: ProgressProps): _emotion_react_jsx_runtime.JSX.Element;
 
+declare function Ring({ css, current, height, showLabel, strokeWidth, total, width, ...props }: ProgressProps): _emotion_react_jsx_runtime.JSX.Element;
+
 declare function Segments({ current, total, ...props }: ProgressProps): _emotion_react_jsx_runtime.JSX.Element;
 
 declare const index$1_Bar: typeof Bar;
 declare const index$1_Dots: typeof Dots;
 declare const index$1_Fraction: typeof Fraction;
 type index$1_ProgressProps = ProgressProps;
+declare const index$1_Ring: typeof Ring;
 declare const index$1_Segments: typeof Segments;
 declare namespace index$1 {
   export {
@@ -1768,6 +1829,7 @@ declare namespace index$1 {
     index$1_Dots as Dots,
     index$1_Fraction as Fraction,
     index$1_ProgressProps as ProgressProps,
+    index$1_Ring as Ring,
     index$1_Segments as Segments,
   };
 }
@@ -1917,13 +1979,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.
@@ -1986,6 +2041,8 @@ interface TourProps extends FlowPropsWithoutChildren, Omit<HintProps, 'anchor'>
 }
 declare function Tour({ as, flowId, ...props }: TourProps): _emotion_react_jsx_runtime.JSX.Element;
 
+declare function useAutoScroll(element: Element | null | undefined, enabled?: boolean | ScrollIntoViewOptions): void;
+
 declare function useBoundingClientRect(): {
     node: any;
     rect: DOMRect;
@@ -2020,4 +2077,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$3 as Popover, 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, useAutoScroll, useBoundingClientRect, useFlow, useFlowHandlers, useFrigade, useGroup, useStepHandlers, useUser };