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

package/dist/textarea.js

@@ -0,0 +1,68 @@
+// src/textarea.ts
+import {
+  textarea as textareaPrimitive
+} from "@ui-sdk/core/input";
+import { defineComponent } from "vue";
+import { withElement } from "./create-parts.js";
+import { useFieldControl } from "./field-context.js";
+import {
+  elementProps,
+  readOnlyOf,
+  textEmits,
+  textOptions,
+  textProps
+} from "./text-control.js";
+import {
+  optionalBoolean,
+  orModel,
+  usePart,
+  usePrimitive
+} from "./use-primitive.js";
+import { createInputController } from "@ui-sdk/core/input";
+var Textarea = withElement(
+  "textarea",
+  defineComponent({
+    name: "Textarea",
+    inheritAttrs: false,
+    props: {
+      ...textProps,
+      autoResize: optionalBoolean,
+      submitShortcut: String,
+      // A function prop, so `@submit` binds to it, and without one the shortcut submits the form.
+      onSubmit: Function
+    },
+    emits: textEmits,
+    slots: Object,
+    setup(props, { attrs, emit }) {
+      const field = useFieldControl();
+      const options = textOptions(props, emit);
+      const textarea = usePrimitive(textareaPrimitive, () => ({
+        ...options(),
+        autoResize: props.autoResize,
+        submitShortcut: props.submitShortcut,
+        onSubmit: props.onSubmit
+      }));
+      const part = () => ({
+        disabled: props.disabled || field?.disabled(),
+        readOnly: readOnlyOf(props, attrs),
+        required: props.required
+      });
+      return usePart(
+        textarea,
+        "root",
+        part,
+        () => elementProps(props, field, attrs, "textarea"),
+        {
+          tag: "textarea",
+          // A default value is the textarea's text, which a form reset returns to.
+          children: () => orModel(props.value, props.modelValue) === void 0 ? props.defaultValue : void 0,
+          extend: field?.props
+        }
+      );
+    }
+  })
+);
+export {
+  Textarea,
+  createInputController
+};

package/dist/time-input.d.ts

@@ -0,0 +1,131 @@
+import { type TimeInputGranularity } from "@ui-sdk/core/time-input";
+import { type PropType } from "vue";
+import type { PartSlots } from "./use-primitive.js";
+/**
+ * A segment, like the hour: an input arrow keys step and digits fill, named
+ * by its unit. The text between segments renders as a span.
+ * @stable
+ */
+declare const TimeInputSegment: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    segment: {
+        type: PropType<import("@ui-sdk/core/date-input").DateInputSegmentData>;
+        required: true;
+    };
+}>, (() => 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/date-input").DateInputSegmentState>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    segment: {
+        type: PropType<import("@ui-sdk/core/date-input").DateInputSegmentData>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, PartSlots<import("@ui-sdk/core/date-input").DateInputPrimitive, "segment">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "input">;
+/**
+ * The root: a group of segments, hours and minutes, with seconds and AM/PM
+ * when shown, and the hidden input the time submits with. Without content it
+ * renders every segment; its default slot gets `state`, whose `segments` it can render.
+ * @stable
+ */
+declare const TimeInput: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    granularity: PropType<TimeInputGranularity>;
+    value: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    modelValue: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    hourCycle: PropType<import("@ui-sdk/core/date-input").HourCycle>;
+    min: StringConstructor;
+    max: StringConstructor;
+    locale: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    readOnly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    name: StringConstructor;
+    form: StringConstructor;
+    controller: PropType<import("@ui-sdk/core/date-input").DateInputController>;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, (() => 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/date-input").DateInputState>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (_value: string | null) => boolean;
+    "update:modelValue": (_value: string | null) => boolean;
+    valueChange: (_value: string | null, _details: import("@ui-sdk/core").ChangeDetails<import("@ui-sdk/core/date-input").DateInputValueChangeReason>) => boolean;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    granularity: PropType<TimeInputGranularity>;
+    value: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    modelValue: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    defaultValue: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    hourCycle: PropType<import("@ui-sdk/core/date-input").HourCycle>;
+    min: StringConstructor;
+    max: StringConstructor;
+    locale: StringConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    readOnly: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    name: StringConstructor;
+    form: StringConstructor;
+    controller: PropType<import("@ui-sdk/core/date-input").DateInputController>;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((_value: string | null) => any) | undefined;
+    "onUpdate:value"?: ((_value: string | null) => any) | undefined;
+    onValueChange?: ((_value: string | null, _details: import("@ui-sdk/core").ChangeDetails<import("@ui-sdk/core/date-input").DateInputValueChangeReason>) => any) | undefined;
+}>, {
+    value: string | null;
+    disabled: boolean;
+    debug: boolean;
+    defaultValue: string | null;
+    required: boolean;
+    readOnly: boolean;
+    modelValue: string | null;
+}, PartSlots<import("@ui-sdk/core/date-input").DateInputPrimitive, "root">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">;
+export { createTimeInputController } from "@ui-sdk/core/time-input";
+export type { HourCycle, TimeInputApi, TimeInputChangeOptions, TimeInputController, TimeInputGranularity, TimeInputOptions, TimeInputPrimitive, TimeInputSegmentData, TimeInputSegmentProps, TimeInputSegmentState, TimeInputSegmentType, TimeInputState, TimeInputValueChangeReason, } from "@ui-sdk/core/time-input";
+export { TimeInput, TimeInputSegment };

package/dist/time-input.js

@@ -0,0 +1,32 @@
+// src/time-input.ts
+import { timeInput } from "@ui-sdk/core/time-input";
+import { defineComponent } from "vue";
+import { withElement } from "./create-parts.js";
+import {
+  defineSegment,
+  rootEmits,
+  rootProps,
+  setupRoot
+} from "./segmented-input.js";
+import { createTimeInputController } from "@ui-sdk/core/time-input";
+var primitive = timeInput;
+var TimeInputSegment = defineSegment(primitive, "TimeInputSegment");
+var TimeInput = withElement(
+  "div",
+  defineComponent({
+    name: "TimeInput",
+    inheritAttrs: false,
+    props: {
+      ...rootProps,
+      granularity: String
+    },
+    emits: rootEmits,
+    slots: Object,
+    setup: (props, context) => setupRoot(primitive, TimeInputSegment, props, context)
+  })
+);
+export {
+  TimeInput,
+  TimeInputSegment,
+  createTimeInputController
+};

package/dist/timeline.d.ts

@@ -0,0 +1,81 @@
+/**
+ * A list of dated events, like an activity feed or an order's history, with
+ * one tab stop and arrow keys between events. `feed` makes it a feed of
+ * articles that loads more as people scroll.
+ * @experimental
+ */
+declare const Timeline: import("./create-parts.js").ElementPart<new (props: Omit<import("@ui-sdk/core").OptionsOf<import("@ui-sdk/core/timeline").TimelinePrimitive> & import("@ui-sdk/core/renderer").BaseSlotProps, never> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps) => import("vue").CreateComponentPublicInstanceWithMixins<Omit<import("@ui-sdk/core").OptionsOf<import("@ui-sdk/core/timeline").TimelinePrimitive> & import("@ui-sdk/core/renderer").BaseSlotProps, never> & {}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {}, import("vue").PublicProps, {}, false, {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/timeline").TimelineState>>, {}, {}, string, {}, any, import("vue").ComponentProvideOptions, {
+    P: {};
+    B: {};
+    D: {};
+    C: {};
+    M: {};
+    Defaults: {};
+}, Omit<import("@ui-sdk/core").OptionsOf<import("@ui-sdk/core/timeline").TimelinePrimitive> & import("@ui-sdk/core/renderer").BaseSlotProps, never> & {}, {}, {}, {}, {}, {}>, "div">;
+/**
+ * One event. Arrow keys move between events, and links and buttons inside
+ * stay in the tab order.
+ * @experimental
+ */
+declare const TimelineItem: Pick<import("vue").DefineSetupFnComponent<Omit<NoInfer<import("@ui-sdk/core/timeline").TimelineItemProps> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/timeline").TimelineItemState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<NoInfer<import("@ui-sdk/core/timeline").TimelineItemProps> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/timeline").TimelineItemState>>>, "div">;
+/**
+ * The dot or icon that marks its event on the line. Hidden from assistive
+ * technology.
+ * @experimental
+ */
+declare const TimelineMarker: Pick<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    value?: string;
+    status?: import("@ui-sdk/core/timeline").TimelineStatus;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/timeline").TimelineItemState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    value?: string;
+    status?: import("@ui-sdk/core/timeline").TimelineStatus;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/timeline").TimelineItemState>>>, "div">;
+/**
+ * The line between its event's marker and the next one. Hidden from assistive
+ * technology.
+ * @experimental
+ */
+declare const TimelineConnector: Pick<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    value?: string;
+    status?: import("@ui-sdk/core/timeline").TimelineStatus;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/timeline").TimelineItemState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    value?: string;
+    status?: import("@ui-sdk/core/timeline").TimelineStatus;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/timeline").TimelineItemState>>>, "div">;
+/**
+ * When its event happened, as a `<time>`. Pass `datetime` so machines can read
+ * it. It describes the event.
+ * @experimental
+ */
+declare const TimelineTime: Pick<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    value?: string;
+    status?: import("@ui-sdk/core/timeline").TimelineStatus;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/timeline").TimelineItemState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    value?: string;
+    status?: import("@ui-sdk/core/timeline").TimelineStatus;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/timeline").TimelineItemState>>>, "time">;
+/**
+ * What happened. It names its event.
+ * @experimental
+ */
+declare const TimelineTitle: Pick<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    value?: string;
+    status?: import("@ui-sdk/core/timeline").TimelineStatus;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/timeline").TimelineItemState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    value?: string;
+    status?: import("@ui-sdk/core/timeline").TimelineStatus;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/timeline").TimelineItemState>>>, "div">;
+/**
+ * More about its event. It describes the event.
+ * @experimental
+ */
+declare const TimelineDescription: Pick<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    value?: string;
+    status?: import("@ui-sdk/core/timeline").TimelineStatus;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/timeline").TimelineItemState>>>, never> & import("./create-parts.js").ElementConstructor<import("vue").DefineSetupFnComponent<Omit<NoInfer<{
+    value?: string;
+    status?: import("@ui-sdk/core/timeline").TimelineStatus;
+}> & import("@ui-sdk/core/renderer").BaseSlotProps, never>, {} & {}, import("./use-primitive.js").StateSlots<NoInfer<import("@ui-sdk/core/timeline").TimelineItemState>>>, "div">;
+export { createTimelineController } from "@ui-sdk/core/timeline";
+export type { TimelineApi, TimelineConnectorState, TimelineController, TimelineDescriptionState, TimelineItemProps, TimelineItemState, TimelineMarkerState, TimelineOptions, TimelineOrientation, TimelinePrimitive, TimelineState, TimelineStatus, TimelineTimeState, TimelineTitleState, } from "@ui-sdk/core/timeline";
+export { Timeline, TimelineConnector, TimelineDescription, TimelineItem, TimelineMarker, TimelineTime, TimelineTitle, };

package/dist/timeline.js

@@ -0,0 +1,30 @@
+// src/timeline.ts
+import { timeline } from "@ui-sdk/core/timeline";
+import { createParts } from "./create-parts.js";
+import { createTimelineController } from "@ui-sdk/core/timeline";
+var parts = createParts(timeline, {
+  root: "div",
+  item: "div",
+  marker: "div",
+  connector: "div",
+  time: "time",
+  title: "div",
+  description: "div"
+});
+var Timeline = parts.Root;
+var TimelineItem = parts.Item;
+var TimelineMarker = parts.Marker;
+var TimelineConnector = parts.Connector;
+var TimelineTime = parts.Time;
+var TimelineTitle = parts.Title;
+var TimelineDescription = parts.Description;
+export {
+  Timeline,
+  TimelineConnector,
+  TimelineDescription,
+  TimelineItem,
+  TimelineMarker,
+  TimelineTime,
+  TimelineTitle,
+  createTimelineController
+};

package/dist/toast-parts.d.ts

@@ -0,0 +1,203 @@
+import { createToaster as createCoreToaster, type ToastCloseProps, type ToastItem, type Toaster } from "@ui-sdk/core/toast";
+import { type PropType, type SlotsType, type VNode } from "vue";
+import { type PartSlots } from "./use-primitive.js";
+/**
+ * What toasts can say in Vue: text, or a VNode.
+ * @stable
+ */
+type ToastContent = string | VNode;
+type ButtonAction = NonNullable<ToastCloseProps["action"]>;
+/**
+ * Shows a toaster's toasts. Place it once, or let `<OverlayHost />` render it.
+ * @stable
+ */
+declare const ToastRegion: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    toaster: PropType<Toaster<any>>;
+    side: PropType<"top" | "bottom">;
+    align: PropType<"start" | "center" | "end">;
+    maxVisible: NumberConstructor;
+    expanded: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    shortcut: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    pendingAnnouncement: StringConstructor;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | 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<{
+    toaster: PropType<Toaster<any>>;
+    side: PropType<"top" | "bottom">;
+    align: PropType<"start" | "center" | "end">;
+    maxVisible: NumberConstructor;
+    expanded: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    shortcut: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    pendingAnnouncement: StringConstructor;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+}>> & Readonly<{}>, {
+    shortcut: string | null;
+    debug: boolean;
+    expanded: boolean;
+}, SlotsType<{
+    /** Renders each toast: `#default="{ toast }"`. */
+    default?: (scope: {
+        toast: ToastItem<ToastContent>["toast"];
+        item: ToastItem<ToastContent>;
+    }) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "section">;
+declare const HostedToastRegion: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    toaster: PropType<Toaster<any>>;
+    side: PropType<"top" | "bottom">;
+    align: PropType<"start" | "center" | "end">;
+    maxVisible: NumberConstructor;
+    expanded: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    shortcut: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    pendingAnnouncement: StringConstructor;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | 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<{
+    toaster: PropType<Toaster<any>>;
+    side: PropType<"top" | "bottom">;
+    align: PropType<"start" | "center" | "end">;
+    maxVisible: NumberConstructor;
+    expanded: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    shortcut: {
+        type: PropType<string | null>;
+        default: undefined;
+    };
+    pendingAnnouncement: StringConstructor;
+    debug: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+    container: PropType<Element | DocumentFragment | null>;
+}>> & Readonly<{}>, {
+    shortcut: string | null;
+    debug: boolean;
+    expanded: boolean;
+}, SlotsType<{
+    /** Renders each toast: `#default="{ toast }"`. */
+    default?: (scope: {
+        toast: ToastItem<ToastContent>["toast"];
+        item: ToastItem<ToastContent>;
+    }) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "section">;
+/**
+ * One toast. Swipe it toward the region's side, or press Escape on it, to dismiss it.
+ * @stable
+ */
+declare const Toast: import("./create-parts.js").ElementPart<import("vue").DefineComponent<{}, (() => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null) & {
+    state: NoInfer<import("@ui-sdk/core/toast").ToastState>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, PartSlots<import("@ui-sdk/core/toast").ToastRegionPrimitive, "root">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "li">;
+/**
+ * The toast's title. Renders the toast's `title` without content of its own, and nothing when it has neither.
+ * @stable
+ */
+declare const ToastTitle: import("./create-parts.js").ElementPart<import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | 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/toast").ToastRegionPrimitive, "title" | "description">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">;
+/**
+ * The toast's description. Renders the toast's `description` without content of its own, and nothing when it has neither.
+ * @stable
+ */
+declare const ToastDescription: import("./create-parts.js").ElementPart<import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | 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/toast").ToastRegionPrimitive, "title" | "description">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "div">;
+/**
+ * The toast's action, like Undo. Renders the toast's `action` label without
+ * content of its own, as a link when the action has an `href`. A Promise from
+ * its handler keeps the toast open and the button pending.
+ * @stable
+ */
+declare const ToastAction: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    onAction: PropType<ButtonAction>;
+    dismiss: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | 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<{
+    onAction: PropType<ButtonAction>;
+    dismiss: {
+        type: BooleanConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    dismiss: boolean;
+}, PartSlots<import("@ui-sdk/core/toast").ToastRegionPrimitive, "action">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "button">;
+/**
+ * Closes the toast. With an `action`, runs it first, and a returned Promise keeps the toast open until it settles.
+ * @stable
+ */
+declare const ToastClose: import("./create-parts.js").ElementPart<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    action: PropType<ButtonAction>;
+    onAction: PropType<ButtonAction>;
+}>, (() => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null) & {
+    state: NoInfer<import("@ui-sdk/core/toast").ToastButtonState>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    action: PropType<ButtonAction>;
+    onAction: PropType<ButtonAction>;
+}>> & Readonly<{}>, {}, PartSlots<import("@ui-sdk/core/toast").ToastRegionPrimitive, "close">, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, "button">;
+/**
+ * Shows a toast from anywhere: `toast("Saved")`, `toast.success(...)`,
+ * `toast.promise(save(), { loading, success, error })`. Content is text or a VNode.
+ * @stable
+ */
+declare const toast: Toaster<ToastContent>;
+/**
+ * Creates a queue of toasts and the function that adds to it, for a second
+ * region with its own toasts. Pass it to that region as `toaster`.
+ * @stable
+ */
+declare const createToaster: <Content = ToastContent>(options?: Parameters<typeof createCoreToaster>[0]) => Toaster<Content>;
+export { createToaster, HostedToastRegion, toast, Toast, ToastAction, ToastClose, type ToastContent, ToastDescription, ToastRegion, ToastTitle, };