@destyler/popover 0.0.7-beta.5 → 0.0.7-beta.9

package/dist/index.d.ts

@@ -1,152 +1,154 @@
-import * as _zag_js_anatomy from '@zag-js/anatomy';
-import { CommonProperties, DirectionProperty, PropTypes, RequiredBy, NormalizeProps } from '@zag-js/types';
-import * as _zag_js_core from '@zag-js/core';
-import { StateMachine, Machine } from '@zag-js/core';
-import { DismissableElementHandlers, PersistentElementOptions } from '@zag-js/dismissable';
-export { FocusOutsideEvent, InteractOutsideEvent, PointerDownOutsideEvent } from '@zag-js/dismissable';
-import { PositioningOptions, Placement } from '@zag-js/popper';
-export { Placement, PositioningOptions } from '@zag-js/popper';
-
-declare const anatomy: _zag_js_anatomy.AnatomyInstance<"arrow" | "arrowTip" | "anchor" | "trigger" | "indicator" | "positioner" | "content" | "title" | "description" | "closeTrigger">;
+import * as _destyler_anatomy0 from "@destyler/anatomy";
+import { Placement, PositioningOptions } from "@destyler/popper";
+import { DismissableElementHandlers, FocusOutsideEvent, InteractOutsideEvent, PersistentElementOptions, PointerDownOutsideEvent } from "@destyler/dismissable";
+import * as _destyler_xstate0 from "@destyler/xstate";
+import { AnyEventObject, Machine, XSend, XState } from "@destyler/xstate";
+import { CommonProperties, DirectionProperty, NormalizeProps, PropTypes, RequiredBy } from "@destyler/types";
 
+//#region src/anatomy.d.ts
+declare const anatomy: _destyler_anatomy0.AnatomyInstance<"anchor" | "trigger" | "content" | "title" | "description" | "closeTrigger" | "positioner" | "arrow" | "arrowTip" | "indicator">;
+//#endregion
+//#region src/types.d.ts
 interface OpenChangeDetails {
-    open: boolean;
+  open: boolean;
 }
 type ElementIds = Partial<{
-    anchor: string;
-    trigger: string;
-    content: string;
-    title: string;
-    description: string;
-    closeTrigger: string;
-    positioner: string;
-    arrow: string;
+  anchor: string;
+  trigger: string;
+  content: string;
+  title: string;
+  description: string;
+  closeTrigger: string;
+  positioner: string;
+  arrow: string;
 }>;
 interface PublicContext extends CommonProperties, DirectionProperty, DismissableElementHandlers, PersistentElementOptions {
-    /**
-     * The ids of the elements in the popover. Useful for composition.
-     */
-    'ids'?: ElementIds | undefined;
-    /**
-     * Whether the popover should be modal. When set to `true`:
-     * - interaction with outside elements will be disabled
-     * - only popover content will be visible to screen readers
-     * - scrolling is blocked
-     * - focus is trapped within the popover
-     *
-     * @default false
-     */
-    'modal'?: boolean | undefined;
-    /**
-     * Whether the popover is portalled. This will proxy the tabbing behavior regardless of the DOM position
-     * of the popover content.
-     *
-     * @default true
-     */
-    'portalled'?: boolean | undefined;
-    /**
-     * Whether to automatically set focus on the first focusable
-     * content within the popover when opened.
-     *
-     * @default true
-     */
-    'autoFocus'?: boolean | undefined;
-    /**
-     * The element to focus on when the popover is opened.
-     */
-    'initialFocusEl'?: (() => HTMLElement | null) | undefined;
-    /**
-     * Whether to close the popover when the user clicks outside of the popover.
-     * @default true
-     */
-    'closeOnInteractOutside'?: boolean | undefined;
-    /**
-     * Whether to close the popover when the escape key is pressed.
-     * @default true
-     */
-    'closeOnEscape'?: boolean | undefined;
-    /**
-     * Function invoked when the popover opens or closes
-     */
-    'onOpenChange'?: ((details: OpenChangeDetails) => void) | undefined;
-    /**
-     * The user provided options used to position the popover content
-     */
-    'positioning': PositioningOptions;
-    /**
-     * Whether the popover is open
-     */
-    'open'?: boolean | undefined;
-    /**
-     * Whether the popover is controlled by the user
-     */
-    'open.controlled'?: boolean | undefined;
+  /**
+   * The ids of the elements in the popover. Useful for composition.
+   */
+  'ids'?: ElementIds | undefined;
+  /**
+   * Whether the popover should be modal. When set to `true`:
+   * - interaction with outside elements will be disabled
+   * - only popover content will be visible to screen readers
+   * - scrolling is blocked
+   * - focus is trapped within the popover
+   *
+   * @default false
+   */
+  'modal'?: boolean | undefined;
+  /**
+   * Whether the popover is portalled. This will proxy the tabbing behavior regardless of the DOM position
+   * of the popover content.
+   *
+   * @default true
+   */
+  'portalled'?: boolean | undefined;
+  /**
+   * Whether to automatically set focus on the first focusable
+   * content within the popover when opened.
+   *
+   * @default true
+   */
+  'autoFocus'?: boolean | undefined;
+  /**
+   * The element to focus on when the popover is opened.
+   */
+  'initialFocusEl'?: (() => HTMLElement | null) | undefined;
+  /**
+   * Whether to close the popover when the user clicks outside of the popover.
+   * @default true
+   */
+  'closeOnInteractOutside'?: boolean | undefined;
+  /**
+   * Whether to close the popover when the escape key is pressed.
+   * @default true
+   */
+  'closeOnEscape'?: boolean | undefined;
+  /**
+   * Function invoked when the popover opens or closes
+   */
+  'onOpenChange'?: ((details: OpenChangeDetails) => void) | undefined;
+  /**
+   * The user provided options used to position the popover content
+   */
+  'positioning': PositioningOptions;
+  /**
+   * Whether the popover is open
+   */
+  'open'?: boolean | undefined;
+  /**
+   * Whether the popover is controlled by the user
+   */
+  'open.controlled'?: boolean | undefined;
 }
 type UserDefinedContext = RequiredBy<PublicContext, 'id'>;
 type ComputedContext = Readonly<{
-    /**
-     * @computed
-     * The computed value of `portalled`
-     */
-    currentPortalled: boolean;
+  /**
+   * @computed
+   * The computed value of `portalled`
+   */
+  currentPortalled: boolean;
 }>;
 interface PrivateContext {
-    /**
-     * @internal
-     * The elements that are rendered on mount
-     */
-    renderedElements: {
-        title: boolean;
-        description: boolean;
-    };
-    /**
-     * @internal
-     * The computed placement (maybe different from initial placement)
-     */
-    currentPlacement?: Placement | undefined;
-}
-interface MachineContext extends PublicContext, ComputedContext, PrivateContext {
+  /**
+   * @internal
+   * The elements that are rendered on mount
+   */
+  renderedElements: {
+    title: boolean;
+    description: boolean;
+  };
+  /**
+   * @internal
+   * The computed placement (maybe different from initial placement)
+   */
+  currentPlacement?: Placement | undefined;
 }
+interface MachineContext extends PublicContext, ComputedContext, PrivateContext {}
 interface MachineState {
-    value: 'open' | 'closed';
+  value: 'open' | 'closed';
 }
-type State = StateMachine.State<MachineContext, MachineState>;
-type Send = StateMachine.Send<StateMachine.AnyEventObject>;
-type Service = Machine<MachineContext, MachineState, StateMachine.AnyEventObject>;
+type State = XState<MachineContext, MachineState>;
+type Send = XSend<AnyEventObject>;
+type Service = Machine<MachineContext, MachineState, AnyEventObject>;
 interface MachineApi<T extends PropTypes = PropTypes> {
-    /**
-     * Whether the popover is portalled.
-     */
-    portalled: boolean;
-    /**
-     * Whether the popover is open
-     */
-    open: boolean;
-    /**
-     * Function to open or close the popover
-     */
-    setOpen: (open: boolean) => void;
-    /**
-     * Function to reposition the popover
-     */
-    reposition: (options?: Partial<PositioningOptions>) => void;
-    getArrowProps: () => T['element'];
-    getArrowTipProps: () => T['element'];
-    getAnchorProps: () => T['element'];
-    getTriggerProps: () => T['button'];
-    getIndicatorProps: () => T['element'];
-    getPositionerProps: () => T['element'];
-    getContentProps: () => T['element'];
-    getTitleProps: () => T['element'];
-    getDescriptionProps: () => T['element'];
-    getCloseTriggerProps: () => T['button'];
+  /**
+   * Whether the popover is portalled.
+   */
+  portalled: boolean;
+  /**
+   * Whether the popover is open
+   */
+  open: boolean;
+  /**
+   * Function to open or close the popover
+   */
+  setOpen: (open: boolean) => void;
+  /**
+   * Function to reposition the popover
+   */
+  reposition: (options?: Partial<PositioningOptions>) => void;
+  getArrowProps: () => T['element'];
+  getArrowTipProps: () => T['element'];
+  getAnchorProps: () => T['element'];
+  getTriggerProps: () => T['button'];
+  getIndicatorProps: () => T['element'];
+  getPositionerProps: () => T['element'];
+  getContentProps: () => T['element'];
+  getTitleProps: () => T['element'];
+  getDescriptionProps: () => T['element'];
+  getCloseTriggerProps: () => T['button'];
 }
-
+//#endregion
+//#region src/connect.d.ts
 declare function connect<T extends PropTypes>(state: State, send: Send, normalize: NormalizeProps<T>): MachineApi<T>;
-
-declare function machine(userContext: UserDefinedContext): _zag_js_core.Machine<MachineContext, MachineState, _zag_js_core.StateMachine.AnyEventObject>;
-
-declare const props: ("ids" | "modal" | "portalled" | "autoFocus" | "initialFocusEl" | "closeOnInteractOutside" | "closeOnEscape" | "onOpenChange" | "positioning" | "open" | "open.controlled" | "id" | "getRootNode" | "dir" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "persistentElements")[];
-declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "ids" | "modal" | "portalled" | "autoFocus" | "initialFocusEl" | "closeOnInteractOutside" | "closeOnEscape" | "onOpenChange" | "positioning" | "open" | "open.controlled" | "id" | "getRootNode" | "dir" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "persistentElements">];
-
-export { type MachineApi as Api, type UserDefinedContext as Context, type ElementIds, type OpenChangeDetails, type Service, anatomy, connect, machine, props, splitProps };
+//#endregion
+//#region src/machine.d.ts
+declare function machine(userContext: UserDefinedContext): _destyler_xstate0.Machine<MachineContext, MachineState, _destyler_xstate0.AnyEventObject>;
+//#endregion
+//#region src/props.d.ts
+declare const props: ("open" | "id" | "ids" | "modal" | "portalled" | "autoFocus" | "initialFocusEl" | "closeOnInteractOutside" | "closeOnEscape" | "onOpenChange" | "positioning" | "open.controlled" | "getRootNode" | "dir" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "persistentElements")[];
+declare const splitProps: <Props extends Partial<UserDefinedContext>>(props: Props) => [Partial<UserDefinedContext>, Omit<Props, "open" | "id" | "ids" | "modal" | "portalled" | "autoFocus" | "initialFocusEl" | "closeOnInteractOutside" | "closeOnEscape" | "onOpenChange" | "positioning" | "open.controlled" | "getRootNode" | "dir" | "onEscapeKeyDown" | "onPointerDownOutside" | "onFocusOutside" | "onInteractOutside" | "persistentElements">];
+//#endregion
+export { type MachineApi as Api, type UserDefinedContext as Context, type ElementIds, type FocusOutsideEvent, type InteractOutsideEvent, type OpenChangeDetails, type Placement, type PointerDownOutsideEvent, type PositioningOptions, type Service, anatomy, connect, machine, props, splitProps };