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

package/dist/timeline.d.ts

@@ -0,0 +1,327 @@
+/**
+ * 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: (props: import("@ui-sdk/core").OptionsOf<import("@ui-sdk/core/timeline").TimelinePrimitive> & import("@ui-sdk/core/renderer").BaseSlotProps & {
+    slot?: string | undefined | undefined;
+    style?: import("react").CSSProperties | ((state: NoInfer<import("@ui-sdk/core/timeline").TimelineState>) => React.CSSProperties | undefined) | undefined;
+    title?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
+    role?: import("react").AriaRole | undefined;
+    key?: import("react").Key | null | undefined;
+    nonce?: string | undefined | undefined;
+    render?: import("./render-element.js").RenderProp<NoInfer<import("@ui-sdk/core/timeline").TimelineState>> | undefined;
+    property?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    color?: string | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    lang?: string | undefined | undefined;
+    children?: import("react").ReactNode | ((state: NoInfer<import("@ui-sdk/core/timeline").TimelineState>) => React.ReactNode);
+    onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+    inert?: boolean | undefined | undefined;
+    content?: string | undefined | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    results?: number | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    onSubmit?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    className?: string | ((state: NoInfer<import("@ui-sdk/core/timeline").TimelineState>) => string | undefined) | undefined;
+    prefix?: string | undefined | undefined;
+    contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    tabIndex?: number | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    ref?: import("react").Ref<HTMLDivElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: import("react").ChangeEventHandler<HTMLDivElement, Element> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
+    onInput?: import("react").InputEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: import("react").InputEventHandler<HTMLDivElement> | undefined;
+    onReset?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: import("react").SubmitEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    contextMenu?: string | undefined | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    radioGroup?: string | undefined | undefined;
+    about?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    rel?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+}) => React.ReactElement | null;
+/**
+ * One event. Arrow keys move between events, and links and buttons inside
+ * stay in the tab order.
+ * @experimental
+ */
+declare const TimelineItem: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/timeline").TimelinePrimitive, "item", "div">;
+/**
+ * The dot or icon that marks its event on the line. Hidden from assistive
+ * technology.
+ * @experimental
+ */
+declare const TimelineMarker: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/timeline").TimelinePrimitive, "marker", "div">;
+/**
+ * The line between its event's marker and the next one. Hidden from assistive
+ * technology.
+ * @experimental
+ */
+declare const TimelineConnector: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/timeline").TimelinePrimitive, "connector", "div">;
+/**
+ * When its event happened, as a `<time>`. Pass `dateTime` so machines can read
+ * it. It describes the event.
+ * @experimental
+ */
+declare const TimelineTime: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/timeline").TimelinePrimitive, "time", "time">;
+/**
+ * What happened. It names its event.
+ * @experimental
+ */
+declare const TimelineTitle: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/timeline").TimelinePrimitive, "title", "div">;
+/**
+ * More about its event. It describes the event.
+ * @experimental
+ */
+declare const TimelineDescription: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/timeline").TimelinePrimitive, "description", "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,31 @@
+"use client";
+// src/timeline.tsx
+import { timeline } from "@ui-sdk/core/timeline";
+import { createParts } from "./use-primitive.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,63 @@
+import { createToaster as createCoreToaster, type Toast as ToastData, type ToastActionProps, type ToastButtonState, type ToastCloseProps, type ToastItem, type ToastRegionOptions, type ToastRegionState, type ToastState, type Toaster } from "@ui-sdk/core/toast";
+import * as React from "react";
+import { type PopupContainer } from "./popup.js";
+import { type PartProps } from "./use-primitive.js";
+/**
+ * Props for `ToastRegion`.
+ * @stable
+ */
+type ToastRegionProps = Omit<PartProps<"section", ToastRegionState>, "children"> & ToastRegionOptions & {
+    /** Renders each toast, usually with `Toast` and its parts. Without it, each toast renders its title, description, action and cancel button. */
+    children?: (toast: ToastData<React.ReactNode>, item: ToastItem<React.ReactNode>) => React.ReactNode;
+    /** Where the region renders. Without top layer support, the body. */
+    container?: PopupContainer;
+};
+/**
+ * Shows a toaster's toasts. Place it once, or let `<OverlayHost />` render it.
+ * @stable
+ */
+declare function ToastRegion(props: ToastRegionProps): React.JSX.Element;
+declare function Region({ toaster, side, align, maxVisible, expanded, shortcut, pendingAnnouncement, debug, placed, container, children, "aria-label": label, ...props }: ToastRegionProps & {
+    placed?: boolean;
+}): React.JSX.Element | null;
+/**
+ * One toast. Swipe it toward the region's side, or press Escape on it, to dismiss it.
+ * @stable
+ */
+declare function Toast(props: PartProps<"li", ToastState>): React.JSX.Element | null;
+/**
+ * The toast's title. Renders the toast's `title` when it has no children, and nothing when it has neither.
+ * @stable
+ */
+declare function ToastTitle({ children, ...props }: PartProps<"div">): React.JSX.Element | null;
+/**
+ * The toast's description. Renders the toast's `description` when it has no children, and nothing when it has neither.
+ * @stable
+ */
+declare function ToastDescription({ children, ...props }: PartProps<"div">): React.JSX.Element | null;
+/**
+ * The toast's action, like Undo. Renders the toast's `action` label when it
+ * has no children, as a link when the action has an `href`. A Promise from its
+ * handler keeps the toast open and the button pending.
+ * @stable
+ */
+declare function ToastAction(props: Omit<PartProps<"button", ToastButtonState>, "onAction"> & ToastActionProps): React.JSX.Element | null;
+/**
+ * Closes the toast. With an `action`, runs it first, and a returned Promise keeps the toast open until it settles.
+ * @stable
+ */
+declare function ToastClose({ action, ...props }: Omit<PartProps<"button", ToastButtonState>, "action"> & ToastCloseProps): React.JSX.Element | null;
+/**
+ * Shows a toast from anywhere: `toast("Saved")`, `toast.success(...)`,
+ * `toast.promise(save(), { loading, success, error })`. Content can be any
+ * React node.
+ * @stable
+ */
+declare const toast: Toaster<React.ReactNode>;
+/**
+ * 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 = React.ReactNode>(options?: Parameters<typeof createCoreToaster>[0]) => Toaster<Content>;
+export { createToaster, Region, toast, Toast, ToastAction, ToastClose, ToastDescription, ToastRegion, type ToastRegionProps, ToastTitle, };

package/dist/toast-parts.js

@@ -0,0 +1,144 @@
+"use client";
+// src/toast-parts.tsx
+import {
+  createToaster as createCoreToaster,
+  toast as coreToast,
+  toastRegion
+} from "@ui-sdk/core/toast";
+import * as React from "react";
+import { renderPopup } from "./popup.js";
+import {
+  slotIn,
+  usePart,
+  usePrimitive
+} from "./use-primitive.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ToastContext = React.createContext(null);
+function useToast(part) {
+  const context = React.useContext(ToastContext);
+  if (!context) {
+    throw new Error(`${part} must be used inside <Toast>, in a <ToastRegion>.`);
+  }
+  return context;
+}
+function ToastRegion(props) {
+  return /* @__PURE__ */ jsx(Region, { ...props, placed: true });
+}
+function Region({
+  toaster,
+  side,
+  align,
+  maxVisible,
+  expanded,
+  shortcut,
+  pendingAnnouncement,
+  debug,
+  placed,
+  container,
+  children,
+  "aria-label": label,
+  ...props
+}) {
+  const region = usePrimitive(toastRegion, {
+    toaster,
+    side,
+    align,
+    maxVisible,
+    expanded,
+    shortcut,
+    pendingAnnouncement,
+    debug,
+    placed,
+    label
+  });
+  const list = (state) => /* @__PURE__ */ jsx("ol", { ...slotIn(region, "list"), children: state.toasts.map((item) => {
+    const toast2 = item.toast;
+    return /* @__PURE__ */ jsx(ToastContext.Provider, { value: { region, toast: toast2 }, children: children ? children(toast2, item) : /* @__PURE__ */ jsx(DataToast, { toast: toast2 }) }, toast2.id);
+  }) });
+  const element = usePart(
+    region,
+    "region",
+    {},
+    { ...props, children: list },
+    "section"
+  );
+  return element && renderPopup(element, container);
+}
+function DataToast({ toast: toast2 }) {
+  return /* @__PURE__ */ jsxs(Toast, { children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      toast2.title != null && /* @__PURE__ */ jsx(ToastTitle, {}),
+      toast2.description != null && /* @__PURE__ */ jsx(ToastDescription, {})
+    ] }),
+    toast2.action && /* @__PURE__ */ jsx(ToastAction, {}),
+    toast2.cancel && /* @__PURE__ */ jsx(ToastClose, { action: toast2.cancel.onCancel, children: toast2.cancel.label })
+  ] });
+}
+function Toast(props) {
+  const { region, toast: toast2 } = useToast("Toast");
+  return usePart(region, "root", { id: toast2.id }, props, "li");
+}
+function ToastTitle({ children, ...props }) {
+  const { toast: toast2 } = useToast("ToastTitle");
+  const content = children ?? toast2.title;
+  return content == null ? null : /* @__PURE__ */ jsx(TextPart, { text: "title", ...props, children: content });
+}
+function ToastDescription({ children, ...props }) {
+  const { toast: toast2 } = useToast("ToastDescription");
+  const content = children ?? toast2.description;
+  return content == null ? null : /* @__PURE__ */ jsx(TextPart, { text: "description", ...props, children: content });
+}
+function TextPart({
+  text,
+  ...props
+}) {
+  const { region, toast: toast2 } = useToast("ToastTitle");
+  return usePart(region, text, { id: toast2.id }, props);
+}
+function ToastAction(props) {
+  const { toast: toast2 } = useToast("ToastAction");
+  return toast2.action || props.onAction ? /* @__PURE__ */ jsx(ActionPart, { ...props }) : null;
+}
+function ActionPart({
+  onAction,
+  dismiss,
+  children,
+  ...props
+}) {
+  const { region, toast: toast2 } = useToast("ToastAction");
+  const href = toast2.action?.href;
+  const part = { id: React.useId(), toast: toast2.id, onAction, dismiss };
+  const element = {
+    ...href ? { href } : { type: "button" },
+    ...props,
+    children: children ?? toast2.action?.label
+  };
+  return usePart(
+    region,
+    "action",
+    part,
+    element,
+    href ? "a" : "button"
+  );
+}
+function ToastClose({
+  action,
+  ...props
+}) {
+  const { region, toast: toast2 } = useToast("ToastClose");
+  const part = { id: React.useId(), toast: toast2.id, action };
+  return usePart(region, "close", part, { type: "button", ...props }, "button");
+}
+var toast = coreToast;
+var createToaster = createCoreToaster;
+export {
+  Region,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastRegion,
+  ToastTitle,
+  createToaster,
+  toast
+};

package/dist/toast.d.ts

@@ -0,0 +1,2 @@
+export type { Toast as ToastData, ToastAction as ToastActionData, ToastActionDetails, ToastActionProps, ToastButtonState, ToastCancel, ToastCloseProps, ToastDismissDetails, ToastDismissReason, Toaster, ToastItem, ToastOptions, ToastPauseReason, ToastRegionOptions, ToastRegionPrimitive, ToastRegionState, ToastState, ToastType, } from "@ui-sdk/core/toast";
+export { createToaster, toast, Toast, ToastAction, ToastClose, ToastDescription, ToastRegion, type ToastRegionProps, ToastTitle, } from "./toast-parts.js";

package/dist/toast.js

@@ -0,0 +1,22 @@
+"use client";
+// src/toast.tsx
+import {
+  createToaster,
+  toast,
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastRegion,
+  ToastTitle
+} from "./toast-parts.js";
+export {
+  Toast,
+  ToastAction,
+  ToastClose,
+  ToastDescription,
+  ToastRegion,
+  ToastTitle,
+  createToaster,
+  toast
+};

package/dist/toggle.d.ts

@@ -0,0 +1,23 @@
+import { type ToggleGroupOptions, type ToggleGroupState, type ToggleOptions, type ToggleState } from "@ui-sdk/core/toggle";
+import * as React from "react";
+import { type PartProps } from "./use-primitive.js";
+/**
+ * A button that stays pressed. Inside a ToggleGroup, the group decides whether it's pressed.
+ * @stable
+ */
+declare function Toggle(props: ToggleOptions & Omit<PartProps<"button", ToggleState>, "value" | "defaultValue" | "type" | "onChange" | "onSelect">): React.JSX.Element;
+/**
+ * An icon inside a toggle. A toggle with only an icon needs an `aria-label`. Screen readers skip
+ * it, and `mirror` flips it in right-to-left text.
+ * @stable
+ */
+declare const ToggleIcon: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/toggle").TogglePrimitive, "icon", "span">;
+/**
+ * Toggles that share one value, with one tab stop and arrow keys between them.
+ * `T` is inferred from `value`, `defaultValue` or `onValueChange`.
+ * @stable
+ */
+declare function ToggleGroup<T extends string = string>({ value, defaultValue, onValueChange, multiple, deselectable, disabled, orientation, loop, controller, debug, ...props }: ToggleGroupOptions<T> & Omit<PartProps<"div", ToggleGroupState<T>>, "defaultValue" | "onChange" | "onSelect">): React.JSX.Element;
+export { createToggleController, createToggleGroupController, } from "@ui-sdk/core/toggle";
+export type { ToggleApi, ToggleChangeOptions, ToggleController, ToggleGroupApi, ToggleGroupChangeOptions, ToggleGroupController, ToggleGroupOptions, ToggleGroupOrientation, ToggleGroupPrimitive, ToggleGroupState, ToggleGroupValueChangeReason, ToggleIconProps, ToggleIconState, ToggleOptions, TogglePressedChangeReason, TogglePrimitive, ToggleState, } from "@ui-sdk/core/toggle";
+export { Toggle, ToggleGroup, ToggleIcon };