fixup! feat(react-headless-components-preview): scaffold the package and add first components (microsoft#35931)

Author: mainframev

packages/react-components/react-headless-components-preview/library/etc/react-headless-components-preview.api.md

@@ -40,10 +40,16 @@ import type { BreadcrumbSlots as BreadcrumbSlots_2 } from '@fluentui/react-bread
 import type { ButtonBaseProps } from '@fluentui/react-button';
 import { ButtonBaseState } from '@fluentui/react-button';
 import type { ButtonSlots as ButtonSlots_2 } from '@fluentui/react-button';
+<<<<<<< HEAD
 import type { CheckboxBaseProps } from '@fluentui/react-checkbox';
 import { CheckboxBaseState } from '@fluentui/react-checkbox';
 import type { CheckboxSlots as CheckboxSlots_2 } from '@fluentui/react-checkbox';
 import { ComponentProps } from '@fluentui/react-utilities';
+||||||| parent of a6cea01d80 (fixup! feat(react-headless-components-preview): scaffold the package and add first components (#35931))
+=======
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+>>>>>>> a6cea01d80 (fixup! feat(react-headless-components-preview): scaffold the package and add first components (#35931))
 import { ContextSelector } from '@fluentui/react-context-selector';
 import type { DividerBaseProps } from '@fluentui/react-divider';
 import { DividerBaseState } from '@fluentui/react-divider';
@@ -57,6 +63,7 @@ import type { InputBaseProps } from '@fluentui/react-input';
 import { InputBaseState } from '@fluentui/react-input';
 import type { InputSlots as InputSlots_2 } from '@fluentui/react-input';
 import { JSXElement } from '@fluentui/react-utilities';
+<<<<<<< HEAD
 import type { LinkBaseProps } from '@fluentui/react-link';
 import { LinkBaseState } from '@fluentui/react-link';
 import type { LinkSlots as LinkSlots_2 } from '@fluentui/react-link';
@@ -121,6 +128,12 @@ import { TextareaBaseState } from '@fluentui/react-textarea';
 import type { TextareaSlots as TextareaSlots_2 } from '@fluentui/react-textarea';
 import type { ToggleButtonBaseProps } from '@fluentui/react-button';
 import type { ToggleButtonBaseState } from '@fluentui/react-button';
+||||||| parent of a6cea01d80 (fixup! feat(react-headless-components-preview): scaffold the package and add first components (#35931))
+import type * as React_2 from 'react';
+=======
+import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
+>>>>>>> a6cea01d80 (fixup! feat(react-headless-components-preview): scaffold the package and add first components (#35931))
 
 // @public
 export const Accordion: ForwardRefComponent<AccordionProps>;
@@ -461,6 +474,91 @@ export type RatingSlots = RatingSlots_2;
 // @public
 export type RatingState = RatingBaseState;
 
+// @public
+export type OnOpenChangeData = {
+    open: boolean;
+};
+
+// @public
+export type OpenPopoverEvents = MouseEvent | TouchEvent | React_2.FocusEvent<HTMLElement> | React_2.KeyboardEvent<HTMLElement> | React_2.MouseEvent<HTMLElement>;
+
+// @public
+export const Popover: React_2.FC<PopoverProps>;
+
+// @public
+export type PopoverContextValue = Pick<PopoverState, 'open' | 'setOpen' | 'toggleOpen' | 'triggerRef' | 'contentRef' | 'arrowRef' | 'openOnHover' | 'openOnContext' | 'trapFocus' | 'withArrow' | 'inline'>;
+
+// @public
+export type PopoverProps = {
+    children: [React_2.ReactElement, React_2.ReactElement] | React_2.ReactElement;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (e: OpenPopoverEvents, data: OnOpenChangeData) => void;
+    openOnHover?: boolean;
+    openOnContext?: boolean;
+    mouseLeaveDelay?: number;
+    positioning?: PopoverPositioningProps;
+    withArrow?: boolean;
+    trapFocus?: boolean;
+    disableAutoFocus?: boolean;
+    closeOnScroll?: boolean;
+    closeOnIframeFocus?: boolean;
+    inline?: boolean;
+};
+
+// @public
+export type PopoverState = Required<Pick<PopoverProps, 'open' | 'inline'>> & Pick<PopoverProps, 'onOpenChange' | 'openOnContext' | 'openOnHover' | 'trapFocus' | 'withArrow' | 'disableAutoFocus'> & {
+    setOpen: (e: OpenPopoverEvents, open: boolean) => void;
+    toggleOpen: (e: OpenPopoverEvents) => void;
+    triggerRef: React_2.MutableRefObject<HTMLElement | null>;
+    contentRef: React_2.MutableRefObject<HTMLElement | null>;
+    arrowRef: React_2.MutableRefObject<HTMLDivElement | null>;
+    popoverTrigger: React_2.ReactElement | undefined;
+    popoverSurface: React_2.ReactElement | undefined;
+    contextTarget: {
+        x: number;
+        y: number;
+    } | undefined;
+    setContextTarget: (target: {
+        x: number;
+        y: number;
+    } | undefined) => void;
+};
+
+// @public
+export const PopoverSurface: ForwardRefComponent<PopoverSurfaceProps>;
+
+// @public
+export type PopoverSurfaceProps = ComponentProps<PopoverSurfaceSlots>;
+
+// @public
+export type PopoverSurfaceSlots = {
+    root: Slot<'div'>;
+};
+
+// @public
+export type PopoverSurfaceState = ComponentState<PopoverSurfaceSlots> & {
+    inline: boolean;
+    withArrow: boolean | undefined;
+    arrowRef: React_2.MutableRefObject<HTMLDivElement | null>;
+    'data-open': string;
+    'data-placement': string;
+};
+
+// @public
+export const PopoverTrigger: React_2.FC<PopoverTriggerProps>;
+
+// @public
+export type PopoverTriggerProps = {
+    children: React_2.ReactElement;
+    disableButtonEnhancement?: boolean;
+};
+
+// @public
+export type PopoverTriggerState = {
+    children: React_2.ReactElement | null;
+};
+
 // @public
 export const renderAccordion: (state: AccordionBaseState, contextValues: AccordionContextValues_2) => JSXElement;
 
@@ -501,6 +599,7 @@ export const renderCheckbox: (state: CheckboxBaseState) => JSXElement;
 export const renderDivider: (state: DividerBaseState) => JSXElement;
 
 // @public
+<<<<<<< HEAD
 export const renderField: (state: FieldBaseState, contextValues: FieldContextValues) => JSXElement;
 
 // @public
@@ -755,6 +854,18 @@ export type ToggleButtonState = ToggleButtonBaseState & {
         'data-checked'?: string;
     };
 };
+||||||| parent of a6cea01d80 (fixup! feat(react-headless-components-preview): scaffold the package and add first components (#35931))
+=======
+export const renderPopover: (state: PopoverState, contextValues: {
+    popover: PopoverContextValue;
+}) => React_2.ReactElement;
+
+// @public
+export const renderPopoverSurface: (state: PopoverSurfaceState) => React_2.ReactElement;
+
+// @public
+export const renderPopoverTrigger: (state: PopoverTriggerState) => React_2.ReactElement | null;
+>>>>>>> a6cea01d80 (fixup! feat(react-headless-components-preview): scaffold the package and add first components (#35931))
 
 // @public
 export const useAccordion: (props: AccordionProps, ref: React_2.Ref<HTMLElement>) => AccordionState;
@@ -808,6 +919,7 @@ export const useCheckbox: (props: CheckboxProps, ref: React_2.Ref<HTMLInputEleme
 export const useDivider: (props: DividerProps, ref: React_2.Ref<HTMLElement>) => DividerState;
 
 // @public
+<<<<<<< HEAD
 export const useField: (props: FieldProps, ref: React_2.Ref<HTMLDivElement>) => FieldState;
 
 // @public
@@ -869,6 +981,24 @@ export const useTextarea: (props: TextareaProps, ref: React_2.Ref<HTMLTextAreaEl
 
 // @public
 export const useToggleButton: (props: ToggleButtonProps, ref: React_2.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToggleButtonState;
+||||||| parent of a6cea01d80 (fixup! feat(react-headless-components-preview): scaffold the package and add first components (#35931))
+=======
+export const usePopover: (props: PopoverProps, ref: React_2.Ref<HTMLElement>) => PopoverState;
+
+// @public
+export const usePopoverContext: <T>(selector: ContextSelector<PopoverContextValue, T>) => T;
+
+// @public
+export const usePopoverContextValues: (state: PopoverState) => {
+    popover: PopoverContextValue;
+};
+
+// @public
+export const usePopoverSurface: (props: PopoverSurfaceProps, ref: React_2.Ref<HTMLDivElement>) => PopoverSurfaceState;
+
+// @public
+export const usePopoverTrigger: (props: PopoverTriggerProps) => PopoverTriggerState;
+>>>>>>> a6cea01d80 (fixup! feat(react-headless-components-preview): scaffold the package and add first components (#35931))
 
 // (No @packageDocumentation comment for this package)