dropdown-menu headless API

export declare const Content: import("react").ForwardRefExoticComponent<DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;

interface DropdownMenuContentProps extends ComponentPropsWithoutRef<"div"> {
  readonly asChild?: boolean;
}

export declare const DropdownMenuContext: import("react").Context<DropdownMenuContextValue | null>;

interface DropdownMenuContextValue {
  readonly service: DropdownMenuService;
  readonly connector: DropdownMenuApi;
  readonly scope: PartScope;
}

interface DropdownMenuGroupLabelProps extends ComponentPropsWithoutRef<"div"> {
  readonly asChild?: boolean;
}

interface DropdownMenuItemProps extends ComponentPropsWithoutRef<"div"> {
  readonly asChild?: boolean;
  /** The machine item this row represents — id/disabled/textValue map
   *  straight through to the connector's item model. */
  readonly item: DropdownMenuItem;
}

interface DropdownMenuOpenChangeDetail {
  readonly open: boolean;
  readonly reason: DropdownMenuChangeReason;
}

interface DropdownMenuPositionerProps extends ComponentPropsWithoutRef<"div"> {
  readonly asChild?: boolean;
}

interface DropdownMenuRootProps {
  readonly open?: DropdownMenuInput["open"];
  readonly defaultOpen?: DropdownMenuInput["defaultOpen"];
  readonly items: DropdownMenuInput["items"];
  readonly typeaheadTimeoutMs?: DropdownMenuInput["typeaheadTimeoutMs"];
  /** Static positioning hint carried as `data-align` on the positioner. Default "start". */
  readonly align?: UseDropdownMenuOptions["align"];
  readonly onOpenChange?: (detail: DropdownMenuOpenChangeDetail) => void;
  readonly onSelect?: (id: string) => void;
  /** Native (production) by default; inject a virtual scheduler for tests. */
  readonly scheduler?: UseDropdownMenuOptions["scheduler"];
  readonly children?: ReactNode;
}

interface DropdownMenuSeparatorProps extends ComponentPropsWithoutRef<"hr"> {
  readonly asChild?: boolean;
}

interface DropdownMenuTriggerProps extends Omit<ComponentPropsWithoutRef<"button">, "type"> {
  readonly asChild?: boolean;
}

export declare const GroupLabel: import("react").ForwardRefExoticComponent<DropdownMenuGroupLabelProps & import("react").RefAttributes<HTMLDivElement>>;

export declare const Item: import("react").ForwardRefExoticComponent<DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;

export declare const Menu: {
  Root: typeof Root;
  Trigger: import("react").ForwardRefExoticComponent<DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
  Positioner: import("react").ForwardRefExoticComponent<DropdownMenuPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
  Content: import("react").ForwardRefExoticComponent<DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
  Item: import("react").ForwardRefExoticComponent<DropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
  Separator: import("react").ForwardRefExoticComponent<DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLHRElement>>;
  GroupLabel: import("react").ForwardRefExoticComponent<DropdownMenuGroupLabelProps & import("react").RefAttributes<HTMLDivElement>>;
};

export declare const Positioner: import("react").ForwardRefExoticComponent<DropdownMenuPositionerProps & import("react").RefAttributes<HTMLDivElement>>;

declare function Root(props: DropdownMenuRootProps): import("react").JSX.Element;

export declare const Separator: import("react").ForwardRefExoticComponent<DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLHRElement>>;

export declare const Trigger: import("react").ForwardRefExoticComponent<DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

declare function useDropdownMenu(input: DropdownMenuInput$1, options?: UseDropdownMenuOptions): UseDropdownMenuResult;

declare function useDropdownMenuContext(partName: string): DropdownMenuContextValue;

interface UseDropdownMenuOptions {
  readonly onOpenChange?: (detail: DropdownMenuOpenChangeDetail) => void;
  readonly onSelect?: (id: string) => void;
  readonly align?: "start" | "end";
  /** Native (production) by default; inject a virtual scheduler for tests. */
  readonly scheduler?: Scheduler;
}

interface UseDropdownMenuResult {
  readonly service: DropdownMenuService;
  readonly connector: DropdownMenuApi;
  readonly scope: PartScope;
  readonly snapshot: DropdownMenuSnapshot;
}

declare function useServiceVersion<S extends Service<any, any, any, any, any, any>>(service: S): ReturnType<S["getSnapshot"]>;

export declare const DropdownMenuContextKey: InjectionKey<DropdownMenuContextValue>;

interface DropdownMenuContextValue {
  readonly service: DropdownMenuService;
  readonly connector: DropdownMenuApi;
  readonly scope: PartScope;
  /** Bumped on every committed machine update; parts read `.value` to establish a reactive dependency. */
  readonly snapshot: ShallowRef<DropdownMenuSnapshot>;
}

interface DropdownMenuOpenChangeDetail {
  readonly open: boolean;
  readonly reason: DropdownMenuChangeReason;
}

export declare const MenuContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
}>> & Readonly<{}>, {
  asChild: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

export declare const MenuGroupLabel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
}>> & Readonly<{}>, {
  asChild: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

export declare const MenuItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
  /** The machine item this row represents — id/disabled/textValue map
   *  straight through to the connector's item model. */
  item: {
    type: PropType<DropdownMenuItem>;
    required: true;
  };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
  /** The machine item this row represents — id/disabled/textValue map
   *  straight through to the connector's item model. */
  item: {
    type: PropType<DropdownMenuItem>;
    required: true;
  };
}>> & Readonly<{}>, {
  asChild: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

export declare const MenuPositioner: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
}>> & Readonly<{}>, {
  asChild: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

export declare const MenuRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  open: {
    type: PropType<DropdownMenuInput["open"]>;
    default: undefined;
  };
  defaultOpen: {
    type: PropType<DropdownMenuInput["defaultOpen"]>;
    default: undefined;
  };
  items: {
    type: PropType<DropdownMenuInput["items"]>;
    required: true;
  };
  typeaheadTimeoutMs: {
    type: PropType<DropdownMenuInput["typeaheadTimeoutMs"]>;
    default: undefined;
  };
  /** Static positioning hint carried as `data-align` on the positioner. Default "start". */
  align: {
    type: PropType<UseDropdownMenuOptions["align"]>;
    default: undefined;
  };
  /** Native (production) by default; inject a virtual scheduler for tests. */
  scheduler: {
    type: PropType<UseDropdownMenuOptions["scheduler"]>;
    default: undefined;
  };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
  openChange: (_detail: DropdownMenuOpenChangeDetail) => true;
  select: (_id: string) => true;
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  open: {
    type: PropType<DropdownMenuInput["open"]>;
    default: undefined;
  };
  defaultOpen: {
    type: PropType<DropdownMenuInput["defaultOpen"]>;
    default: undefined;
  };
  items: {
    type: PropType<DropdownMenuInput["items"]>;
    required: true;
  };
  typeaheadTimeoutMs: {
    type: PropType<DropdownMenuInput["typeaheadTimeoutMs"]>;
    default: undefined;
  };
  /** Static positioning hint carried as `data-align` on the positioner. Default "start". */
  align: {
    type: PropType<UseDropdownMenuOptions["align"]>;
    default: undefined;
  };
  /** Native (production) by default; inject a virtual scheduler for tests. */
  scheduler: {
    type: PropType<UseDropdownMenuOptions["scheduler"]>;
    default: undefined;
  };
}>> & Readonly<{
  onOpenChange?: ((_detail: DropdownMenuOpenChangeDetail) => any) | undefined;
  onSelect?: ((_id: string) => any) | undefined;
}>, {
  open: boolean | undefined;
  defaultOpen: boolean | undefined;
  typeaheadTimeoutMs: number | undefined;
  align: "end" | "start" | undefined;
  scheduler: import("@grassroot/statechart/scheduler").Scheduler | undefined;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

export declare const MenuSeparator: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
}>> & Readonly<{}>, {
  asChild: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

export declare const MenuTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
  [key: string]: any;
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
  asChild: {
    type: BooleanConstructor;
    default: boolean;
  };
}>> & Readonly<{}>, {
  asChild: boolean;
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

declare function useDropdownMenu(input: DropdownMenuInput | (() => DropdownMenuInput), options?: UseDropdownMenuOptions): UseDropdownMenuResult;

declare function useDropdownMenuContext(partName: string): DropdownMenuContextValue;

interface UseDropdownMenuOptions {
  readonly onOpenChange?: (detail: DropdownMenuOpenChangeDetail) => void;
  readonly onSelect?: (id: string) => void;
  readonly align?: "start" | "end";
  readonly scheduler?: Scheduler;
}

interface UseDropdownMenuResult {
  readonly service: DropdownMenuService;
  readonly connector: DropdownMenuApi;
  readonly scope: PartScope;
  readonly snapshot: ShallowRef<DropdownMenuSnapshot>;
}

export declare function createDropdownMenuStore(initialInput: DropdownMenuInput, options?: CreateDropdownMenuStoreOptions): DropdownMenuStore;

export interface CreateDropdownMenuStoreOptions {
    readonly onOpenChange?: (detail: DropdownMenuOpenChangeDetail) => void;
    readonly onSelect?: (id: string) => void;
    readonly onCommit?: () => void;
    readonly align?: "start" | "end" | (() => "start" | "end" | undefined);
    readonly scheduler?: Scheduler;
}

export declare const DROPDOWN_MENU_STORE: InjectionToken<DropdownMenuStore>;