@frigade/react 2.7.6 → 2.8.1

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';
 
@@ -1413,6 +1416,7 @@ interface FlowProps extends FlowPropsWithoutChildren {
     children?: (props: FlowChildrenProps) => ReactNode;
 }
 type ParentProps = {
+    as: FlowPropsWithoutChildren['as'];
     containerProps: Record<string, unknown>;
     dismissible: boolean;
     flowId: string;
@@ -1468,11 +1472,11 @@ interface AnnouncementProps extends FlowPropsWithoutChildren, DialogProps {
      */
     defaultOpen?: boolean;
 }
-declare function Announcement({ flowId, part, ...props }: AnnouncementProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Announcement({ flowId, ...props }: AnnouncementProps): _emotion_react_jsx_runtime.JSX.Element;
 
 interface BannerProps extends FlowPropsWithoutChildren {
 }
-declare function Banner({ flowId, part, ...props }: BannerProps): _emotion_react_jsx_runtime.JSX.Element;
+declare function Banner({ flowId, ...props }: BannerProps): _emotion_react_jsx_runtime.JSX.Element;
 
 interface CardHeaderProps extends BoxProps {
     dismissible?: boolean;
@@ -1533,32 +1537,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,6 +1616,7 @@ declare namespace index$2 {
     index$2_CollapsibleProps as CollapsibleProps,
     index$2_CollapsibleStep as CollapsibleStep,
     index$2_CollapsibleStepProps as CollapsibleStepProps,
+    index$2_Floating as Floating,
   };
 }
 
@@ -1752,6 +1803,11 @@ interface NPSProps extends FormProps {
 }
 declare function NPS({ as, flowId, fieldTypes, part, options, positiveLabel, negativeLabel, ...props }: NPSProps): _emotion_react_jsx_runtime.JSX.Element;
 
+interface PingProps extends BoxProps {
+    clickable?: boolean;
+}
+declare function Ping({ clickable, part, style, ...props }: PingProps): _emotion_react_jsx_runtime.JSX.Element;
+
 interface ProgressProps extends BoxProps {
     current: number;
     total: number;
@@ -1763,12 +1819,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 {
@@ -1776,6 +1835,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,
   };
 }
@@ -1987,6 +2047,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;
@@ -2021,4 +2083,4 @@ declare function useGroup(): {
     isLoading: boolean;
 };
 
-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 };
+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, Ping, 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 };