@ui-sdk/vue 0.0.0-stage → 0.1.0-beta.1

package/dist/dialog.d.ts

@@ -0,0 +1,251 @@
+/**
+ * A window over the page that asks for the user's attention. Put its trigger, backdrop and content inside.
+ * @stable
+ */
+declare const Dialog: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modal: {
+        type: import("vue").PropType<boolean | "trap-focus">;
+        default: undefined;
+    };
+    closeOnOutsidePress: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    presentation: import("vue").PropType<"auto" | "dialog" | "sheet">;
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    controller: import("vue").PropType<import("@ui-sdk/core/dialog").DialogController<any, any> | import("@ui-sdk/core/dialog").AlertDialogController<any, any>>;
+    dismissible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    persistentElements: import("vue").PropType<(Element | string)[] | (() => Element[])>;
+    pendingAnnouncement: StringConstructor;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: import("vue").PropType<Element | DocumentFragment | null>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (_open: boolean) => boolean;
+    "update:modelValue": (_open: boolean) => boolean;
+    openChange: (_open: boolean, _details: import("@ui-sdk/core").ChangeDetails<import("@ui-sdk/core/dialog").DialogOpenChangeReason> & {
+        returnValue?: string;
+    }) => boolean;
+    openChangeComplete: (_open: boolean) => boolean;
+    payloadChange: (_payload: unknown, _details: {
+        reason: "trigger-press";
+        event?: MouseEvent | KeyboardEvent | TouchEvent | undefined;
+        source: import("@ui-sdk/core").ChangeSource;
+        cancel: () => void;
+        readonly canceled: boolean;
+    } | {
+        reason: "imperative";
+        event?: undefined;
+        source: import("@ui-sdk/core").ChangeSource;
+        cancel: () => void;
+        readonly canceled: boolean;
+    } | {
+        reason: "shortcut";
+        event?: KeyboardEvent | undefined;
+        source: import("@ui-sdk/core").ChangeSource;
+        cancel: () => void;
+        readonly canceled: boolean;
+    }) => boolean;
+    dismissAttempt: (_details: import("@ui-sdk/core/dialog").DialogDismissAttemptDetails) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modal: {
+        type: import("vue").PropType<boolean | "trap-focus">;
+        default: undefined;
+    };
+    closeOnOutsidePress: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    presentation: import("vue").PropType<"auto" | "dialog" | "sheet">;
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    controller: import("vue").PropType<import("@ui-sdk/core/dialog").DialogController<any, any> | import("@ui-sdk/core/dialog").AlertDialogController<any, any>>;
+    dismissible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    persistentElements: import("vue").PropType<(Element | string)[] | (() => Element[])>;
+    pendingAnnouncement: StringConstructor;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: import("vue").PropType<Element | DocumentFragment | null>;
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((_open: boolean) => any) | undefined;
+    "onUpdate:open"?: ((_open: boolean) => any) | undefined;
+    onOpenChange?: ((_open: boolean, _details: import("@ui-sdk/core").ChangeDetails<import("@ui-sdk/core/dialog").DialogOpenChangeReason> & {
+        returnValue?: string;
+    }) => any) | undefined;
+    onOpenChangeComplete?: ((_open: boolean) => any) | undefined;
+    onPayloadChange?: ((_payload: unknown, _details: {
+        reason: "trigger-press";
+        event?: MouseEvent | KeyboardEvent | TouchEvent | undefined;
+        source: import("@ui-sdk/core").ChangeSource;
+        cancel: () => void;
+        readonly canceled: boolean;
+    } | {
+        reason: "imperative";
+        event?: undefined;
+        source: import("@ui-sdk/core").ChangeSource;
+        cancel: () => void;
+        readonly canceled: boolean;
+    } | {
+        reason: "shortcut";
+        event?: KeyboardEvent | undefined;
+        source: import("@ui-sdk/core").ChangeSource;
+        cancel: () => void;
+        readonly canceled: boolean;
+    }) => any) | undefined;
+    onDismissAttempt?: ((_details: import("@ui-sdk/core/dialog").DialogDismissAttemptDetails) => any) | undefined;
+}>, {
+    open: boolean;
+    debug: boolean;
+    defaultOpen: boolean;
+    modal: boolean | "trap-focus";
+    dismissible: boolean;
+    modelValue: boolean;
+    closeOnOutsidePress: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * The button that opens the dialog. A trigger outside the dialog, like one per table row, connects through
+ * `controller`.
+ * @stable
+ */
+declare const DialogTrigger: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    focusableWhenDisabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    payload: import("vue").PropType<unknown>;
+    shortcut: StringConstructor;
+    controller: import("vue").PropType<import("@ui-sdk/core/dialog").DialogController<any, any> | import("@ui-sdk/core/dialog").AlertDialogController<any, any>>;
+}>, () => unknown, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    focusableWhenDisabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    payload: import("vue").PropType<unknown>;
+    shortcut: StringConstructor;
+    controller: import("vue").PropType<import("@ui-sdk/core/dialog").DialogController<any, any> | import("@ui-sdk/core/dialog").AlertDialogController<any, any>>;
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    focusableWhenDisabled: boolean;
+}, import("./use-primitive.js").PartSlots<import("@ui-sdk/core/dialog").DialogPrimitive, "trigger">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "button">;
+/**
+ * A dim behind the dialog. It's optional: without it, style the content's `::backdrop`.
+ * @stable
+ */
+declare const DialogBackdrop: import("./create-parts.js").ElementPart<import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, import("./use-primitive.js").PartSlots<import("@ui-sdk/core/dialog").DialogPrimitive, "backdrop">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">;
+/**
+ * The dialog itself, named by its title and described by its description.
+ * @stable
+ */
+declare const DialogContent: import("./popup.js").PayloadPart<import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    initialFocus: import("vue").PropType<import("@ui-sdk/core/dialog").DialogInitialFocus>;
+    finalFocus: import("vue").PropType<import("@ui-sdk/core/dialog").DialogFinalFocus>;
+    keepMounted: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: import("vue").PropType<Element | DocumentFragment | null>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | 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<{
+    initialFocus: import("vue").PropType<import("@ui-sdk/core/dialog").DialogInitialFocus>;
+    finalFocus: import("vue").PropType<import("@ui-sdk/core/dialog").DialogFinalFocus>;
+    keepMounted: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: import("vue").PropType<Element | DocumentFragment | null>;
+}>> & Readonly<{}>, {
+    keepMounted: boolean;
+}, import("./use-primitive.js").PartSlots<import("@ui-sdk/core/dialog").DialogPrimitive, "content">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">>;
+/**
+ * The dialog's title, which names it. A level 2 heading by default.
+ * @stable
+ */
+declare const DialogTitle: Pick<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<{}>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<{}>>, "h2">;
+/**
+ * Describes the dialog while it's rendered. A paragraph by default.
+ * @stable
+ */
+declare const DialogDescription: Pick<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<{}>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<{}>>, "p">;
+/**
+ * A button that closes the dialog. An `action` runs first, and a Promise it returns keeps the dialog open
+ * until it settles.
+ * @stable
+ */
+declare const DialogClose: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: StringConstructor;
+    action: import("vue").PropType<(event: Event | undefined, details: import("@ui-sdk/core").ActionDetails) => unknown>;
+    onAction: import("vue").PropType<(event: Event | undefined, details: import("@ui-sdk/core").ActionDetails) => unknown>;
+}>, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null) & {
+    state: NoInfer<import("@ui-sdk/core/dialog").DialogCloseState>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: StringConstructor;
+    action: import("vue").PropType<(event: Event | undefined, details: import("@ui-sdk/core").ActionDetails) => unknown>;
+    onAction: import("vue").PropType<(event: Event | undefined, details: import("@ui-sdk/core").ActionDetails) => unknown>;
+}>> & Readonly<{}>, {}, import("./use-primitive.js").PartSlots<import("@ui-sdk/core/dialog").DialogPrimitive, "close">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "button">;
+/**
+ * Shows a trigger's shortcut, like `⌘K`, inside the trigger. Hidden from screen readers, which hear
+ * `aria-keyshortcuts`.
+ * @stable
+ */
+declare const DialogShortcut: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    shortcut: StringConstructor;
+}>, () => 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<{
+    shortcut: StringConstructor;
+}>> & Readonly<{}>, {}, import("./use-primitive.js").PartSlots<import("@ui-sdk/core/dialog").DialogPrimitive, "shortcut">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "span">;
+export { createDialogController } from "@ui-sdk/core/dialog";
+export type { AlertDialogBackdropState, AlertDialogCloseActionDetails, AlertDialogCloseProps, AlertDialogCloseState, AlertDialogContentProps, AlertDialogContentState, AlertDialogController, AlertDialogOpenChangeReason, AlertDialogOptions, AlertDialogPayloadChangeReason, AlertDialogPrimitive, AlertDialogShortcutProps, AlertDialogShortcutState, AlertDialogTriggerProps, AlertDialogTriggerState, ConfirmEntry, ConfirmOptions, DialogApi, DialogBackdropState, DialogCloseActionDetails, DialogCloseProps, DialogCloseState, DialogContentProps, DialogContentState, DialogController, DialogDismissAttemptDetails, DialogDismissReason, DialogFinalFocus, DialogInitialFocus, DialogOpenChangeDetails, DialogOpenChangeReason, DialogOptions, DialogPayloadChangeReason, DialogPrimitive, DialogSharedOptions, DialogShortcutProps, DialogShortcutState, DialogTriggerProps, DialogTriggerState, } from "@ui-sdk/core/dialog";
+export { Dialog, DialogBackdrop, DialogClose, DialogContent, DialogDescription, DialogShortcut, DialogTitle, DialogTrigger, };

package/dist/dialog.js

@@ -0,0 +1,25 @@
+// src/dialog.ts
+import { dialog as dialogPrimitive } from "@ui-sdk/core/dialog";
+import { defineDialogParts } from "./dialog-parts.js";
+import { sheetViewport } from "./popup.js";
+import { createDialogController } from "@ui-sdk/core/dialog";
+var dialogParts = defineDialogParts(dialogPrimitive, "Dialog", sheetViewport);
+var Dialog = dialogParts.Root;
+var DialogTrigger = dialogParts.Trigger;
+var DialogBackdrop = dialogParts.Backdrop;
+var DialogContent = dialogParts.Content;
+var DialogTitle = dialogParts.Title;
+var DialogDescription = dialogParts.Description;
+var DialogClose = dialogParts.Close;
+var DialogShortcut = dialogParts.Shortcut;
+export {
+  Dialog,
+  DialogBackdrop,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogShortcut,
+  DialogTitle,
+  DialogTrigger,
+  createDialogController
+};

package/dist/drawer.d.ts

@@ -0,0 +1,304 @@
+import type { ChangeDetails } from "@ui-sdk/core";
+import type { DialogCloseProps, DialogFinalFocus, DialogInitialFocus } from "@ui-sdk/core/dialog";
+import { type DrawerController, type DrawerDismissAttemptDetails, type DrawerDriver, type DrawerKeyframes, type DrawerOpenChangeReason, type DrawerPayloadChangeReason, type DrawerSide, type DrawerSnapPointChangeReason, type SheetPhysics, type SnapPoint } from "@ui-sdk/core/drawer";
+import { type PropType } from "vue";
+import { type PartSlots } from "./use-primitive.js";
+type OpenDetails = ChangeDetails<DrawerOpenChangeReason> & {
+    returnValue?: string;
+};
+/**
+ * A dialog presented as a sheet that slides in from an edge. Put its trigger, backdrop and content inside.
+ * @stable
+ */
+declare const Drawer: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    modal: {
+        type: PropType<boolean | "trap-focus">;
+        default: undefined;
+    };
+    closeOnOutsidePress: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    controller: PropType<DrawerController<any, any>>;
+    dismissible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    persistentElements: PropType<(Element | string)[] | (() => Element[])>;
+    pendingAnnouncement: StringConstructor;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+    snapPoints: PropType<SnapPoint[]>;
+    snapPoint: {
+        type: PropType<SnapPoint | null>;
+        default: undefined;
+    };
+    defaultSnapPoint: {
+        type: PropType<SnapPoint>;
+        default: undefined;
+    };
+    side: PropType<DrawerSide>;
+    modalAbove: {
+        type: PropType<SnapPoint>;
+        default: undefined;
+    };
+    driver: PropType<DrawerDriver>;
+    expandOnScroll: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    physics: PropType<Partial<SheetPhysics>>;
+    themeColor: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    preventEdgeSwipe: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (_open: boolean) => true;
+    "update:modelValue": (_open: boolean) => true;
+    openChange: (_open: boolean, _details: OpenDetails) => true;
+    openChangeComplete: (_open: boolean) => true;
+    payloadChange: (_payload: unknown, _details: ChangeDetails<DrawerPayloadChangeReason>) => true;
+    dismissAttempt: (_details: DrawerDismissAttemptDetails) => true;
+    "update:snapPoint": (_snapPoint: SnapPoint) => true;
+    snapPointChange: (_snapPoint: SnapPoint, _details: ChangeDetails<DrawerSnapPointChangeReason>) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    modal: {
+        type: PropType<boolean | "trap-focus">;
+        default: undefined;
+    };
+    closeOnOutsidePress: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    controller: PropType<DrawerController<any, any>>;
+    dismissible: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    persistentElements: PropType<(Element | string)[] | (() => Element[])>;
+    pendingAnnouncement: StringConstructor;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+    snapPoints: PropType<SnapPoint[]>;
+    snapPoint: {
+        type: PropType<SnapPoint | null>;
+        default: undefined;
+    };
+    defaultSnapPoint: {
+        type: PropType<SnapPoint>;
+        default: undefined;
+    };
+    side: PropType<DrawerSide>;
+    modalAbove: {
+        type: PropType<SnapPoint>;
+        default: undefined;
+    };
+    driver: PropType<DrawerDriver>;
+    expandOnScroll: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    physics: PropType<Partial<SheetPhysics>>;
+    themeColor: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    preventEdgeSwipe: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((_open: boolean) => any) | undefined;
+    "onUpdate:open"?: ((_open: boolean) => any) | undefined;
+    onOpenChange?: ((_open: boolean, _details: OpenDetails) => any) | undefined;
+    onOpenChangeComplete?: ((_open: boolean) => any) | undefined;
+    onPayloadChange?: ((_payload: unknown, _details: ChangeDetails<import("@ui-sdk/core/dialog").DialogPayloadChangeReason>) => any) | undefined;
+    onDismissAttempt?: ((_details: DrawerDismissAttemptDetails) => any) | undefined;
+    "onUpdate:snapPoint"?: ((_snapPoint: SnapPoint) => any) | undefined;
+    onSnapPointChange?: ((_snapPoint: SnapPoint, _details: ChangeDetails<DrawerSnapPointChangeReason>) => any) | undefined;
+}>, {
+    open: boolean;
+    debug: boolean;
+    defaultOpen: boolean;
+    modal: boolean | "trap-focus";
+    dismissible: boolean;
+    modelValue: boolean;
+    closeOnOutsidePress: boolean;
+    snapPoint: SnapPoint | null;
+    defaultSnapPoint: SnapPoint;
+    modalAbove: SnapPoint;
+    expandOnScroll: boolean;
+    themeColor: boolean;
+    preventEdgeSwipe: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * The button that opens the drawer. A trigger outside the drawer, like one per table row, connects through
+ * `controller`.
+ * @stable
+ */
+declare const DrawerTrigger: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    focusableWhenDisabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    payload: PropType<unknown>;
+    shortcut: StringConstructor;
+    controller: PropType<DrawerController<any, any>>;
+}>, () => unknown, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    focusableWhenDisabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    payload: PropType<unknown>;
+    shortcut: StringConstructor;
+    controller: PropType<DrawerController<any, any>>;
+}>> & Readonly<{}>, {
+    disabled: boolean;
+    focusableWhenDisabled: boolean;
+}, PartSlots<import("@ui-sdk/core/drawer").DrawerPrimitive, "trigger">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "button">;
+/**
+ * A dim behind the drawer. Its opacity follows the drawer, so give it a color like `bg-black/20`.
+ * @stable
+ */
+declare const DrawerBackdrop: import("./create-parts.js").ElementPart<import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, PartSlots<import("@ui-sdk/core/drawer").DrawerPrimitive, "backdrop">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">;
+/**
+ * The sheet itself, a dialog, inside a full-screen viewport the drawer positions it in.
+ * @stable
+ */
+declare const DrawerContent: import("./popup.js").PayloadPart<import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    initialFocus: PropType<DialogInitialFocus>;
+    finalFocus: PropType<DialogFinalFocus>;
+    keepMounted: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | 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<{
+    initialFocus: PropType<DialogInitialFocus>;
+    finalFocus: PropType<DialogFinalFocus>;
+    keepMounted: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+}>> & Readonly<{}>, {
+    keepMounted: boolean;
+}, PartSlots<import("@ui-sdk/core/drawer").DrawerPrimitive, "content">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">>;
+/**
+ * The grabber. Pressing it moves to the next snap point; arrow keys, Home and End step.
+ * @stable
+ */
+declare const DrawerHandle: Pick<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/drawer").DrawerHandleState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/drawer").DrawerHandleState>>>, "button">;
+/**
+ * The drawer's title, which names it. A level 2 heading by default.
+ * @stable
+ */
+declare const DrawerTitle: Pick<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<{}>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<{}>>, "h2">;
+/**
+ * Describes the drawer while it's rendered. A paragraph by default.
+ * @stable
+ */
+declare const DrawerDescription: Pick<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<{}>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<{}>>, "p">;
+type CloseAction = NonNullable<DialogCloseProps["action"]>;
+/**
+ * A button that closes the drawer. An `action` runs first, and a Promise it returns keeps the drawer open
+ * until it settles.
+ * @stable
+ */
+declare const DrawerClose: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    value: StringConstructor;
+    action: PropType<CloseAction>;
+    onAction: PropType<CloseAction>;
+}>, (() => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null) & {
+    state: NoInfer<import("@ui-sdk/core/dialog").DialogCloseState>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    value: StringConstructor;
+    action: PropType<CloseAction>;
+    onAction: PropType<CloseAction>;
+}>> & Readonly<{}>, {}, PartSlots<import("@ui-sdk/core/drawer").DrawerPrimitive, "close">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "button">;
+/**
+ * Shows a trigger's shortcut, like ⌘K, inside the trigger. Hidden from screen readers, which hear
+ * aria-keyshortcuts.
+ * @stable
+ */
+declare const DrawerShortcut: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    shortcut: StringConstructor;
+}>, () => 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<{
+    shortcut: StringConstructor;
+}>> & Readonly<{}>, {}, PartSlots<import("@ui-sdk/core/drawer").DrawerPrimitive, "shortcut">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "span">;
+/**
+ * An element that follows the drawer, like the page behind it. Outside the drawer, pass its `controller`.
+ * @stable
+ */
+declare const DrawerOutlet: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    keyframes: PropType<DrawerKeyframes>;
+    controller: PropType<DrawerController<any, any>>;
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | 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<{
+    keyframes: PropType<DrawerKeyframes>;
+    controller: PropType<DrawerController<any, any>>;
+}>> & Readonly<{}>, {}, PartSlots<import("@ui-sdk/core/drawer").DrawerPrimitive, "outlet">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">;
+export { createDrawerController, sheetPhysics } from "@ui-sdk/core/drawer";
+export type { DrawerApi, DrawerBackdropState, DrawerContentProps, DrawerContentState, DrawerController, DrawerDismissAttemptDetails, DrawerDismissReason, DrawerDriver, DrawerHandleState, DrawerKeyframes, DrawerOpenChangeReason, DrawerOptions, DrawerOutletProps, DrawerOutletState, DrawerPayloadChangeReason, DrawerPrimitive, DrawerSide, DrawerSnapPointChangeReason, DrawerTriggerProps, SheetPhysics, SnapPoint, } from "@ui-sdk/core/drawer";
+export { Drawer, DrawerBackdrop, DrawerClose, DrawerContent, DrawerDescription, DrawerHandle, DrawerOutlet, DrawerShortcut, DrawerTitle, DrawerTrigger, };