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

package/dist/pagination.d.ts

@@ -0,0 +1,336 @@
+import { type PaginationLinkProps, type PaginationLinkState, type PaginationStepState } from "@ui-sdk/core/pagination";
+import { type PartProps } from "./use-primitive.js";
+/**
+ * A navigation landmark around the page links. Name it with `aria-label`.
+ * @stable
+ */
+declare const Pagination: (props: import("@ui-sdk/core").OptionsOf<import("@ui-sdk/core/pagination").PaginationPrimitive> & import("@ui-sdk/core/renderer").BaseSlotProps & {
+    slot?: string | undefined | undefined;
+    style?: import("react").CSSProperties | ((state: NoInfer<import("@ui-sdk/core/pagination").PaginationState>) => 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/pagination").PaginationState>> | 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<HTMLElement, Element> | undefined;
+    lang?: string | undefined | undefined;
+    children?: import("react").ReactNode | ((state: NoInfer<import("@ui-sdk/core/pagination").PaginationState>) => React.ReactNode);
+    onScroll?: import("react").UIEventHandler<HTMLElement> | 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<HTMLElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLElement> | 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/pagination").PaginationState>) => 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<HTMLElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLElement> | 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<HTMLElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLElement> | undefined;
+    onChangeCapture?: import("react").ChangeEventHandler<HTMLElement, Element> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLElement> | undefined;
+    onBeforeInputCapture?: import("react").InputEventHandler<HTMLElement> | undefined;
+    onInput?: import("react").InputEventHandler<HTMLElement> | undefined;
+    onInputCapture?: import("react").InputEventHandler<HTMLElement> | undefined;
+    onReset?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onResetCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSubmitCapture?: import("react").SubmitEventHandler<HTMLElement> | undefined;
+    onInvalid?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onInvalidCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLElement> | 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;
+/**
+ * The list of pages and steps. Its children can be a function of the state,
+ * whose `items` are the pages to show.
+ * @stable
+ */
+declare const PaginationList: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/pagination").PaginationPrimitive, "list", "ul">;
+/**
+ * One entry in the list, around a link, a step or an ellipsis.
+ * @stable
+ */
+declare const PaginationItem: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/pagination").PaginationPrimitive, "item", "li">;
+/**
+ * A page. The current one has `aria-current="page"`. Shows its number unless it has children.
+ * @stable
+ */
+declare function PaginationLink({ page, children, ...props }: PartProps<"a", PaginationLinkState> & PaginationLinkProps): import("react").JSX.Element | null;
+type StepProps = PartProps<"a", PaginationStepState>;
+/**
+ * Goes to the previous page. `aria-disabled` on the first page, where it stays focusable.
+ * @stable
+ */
+declare function PaginationPrevious(props: StepProps): import("react").JSX.Element | null;
+/**
+ * Goes to the next page. `aria-disabled` on the last page, where it stays focusable.
+ * @stable
+ */
+declare function PaginationNext(props: StepProps): import("react").JSX.Element | null;
+/**
+ * Goes to the first page. `aria-disabled` there.
+ * @stable
+ */
+declare function PaginationFirst(props: StepProps): import("react").JSX.Element | null;
+/**
+ * Goes to the last page. `aria-disabled` there.
+ * @stable
+ */
+declare function PaginationLast(props: StepProps): import("react").JSX.Element | null;
+/**
+ * A gap in the range. Hidden from screen readers, since the links around it
+ * say which pages there are. Shows "…" unless it has children.
+ * @stable
+ */
+declare function PaginationEllipsis({ children, ...props }: PartProps<"span">): import("react").JSX.Element;
+export { createPaginationController, paginationRange, } from "@ui-sdk/core/pagination";
+export type { PaginationChangeOptions, PaginationController, PaginationLinkProps, PaginationLinkState, PaginationOptions, PaginationPageChangeReason, PaginationPrimitive, PaginationRangeItem, PaginationRangeOptions, PaginationState, PaginationStepState, } from "@ui-sdk/core/pagination";
+export { Pagination, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationList, PaginationNext, PaginationPrevious, };

package/dist/pagination.js

@@ -0,0 +1,71 @@
+"use client";
+// src/pagination.tsx
+import {
+  pagination
+} from "@ui-sdk/core/pagination";
+import {
+  createParts,
+  useHandle,
+  usePart
+} from "./use-primitive.js";
+import {
+  createPaginationController,
+  paginationRange
+} from "@ui-sdk/core/pagination";
+import { jsx } from "react/jsx-runtime";
+var parts = createParts(pagination, {
+  root: "nav",
+  list: "ul",
+  item: "li",
+  ellipsis: "span"
+});
+function useTag() {
+  return useHandle(pagination).state.getHref ? "a" : "button";
+}
+var Pagination = parts.Root;
+var PaginationList = parts.List;
+var PaginationItem = parts.Item;
+function PaginationLink({
+  page,
+  children = page,
+  ...props
+}) {
+  return usePart(
+    pagination,
+    "link",
+    { page, id: String(page) },
+    { ...props, children },
+    useTag()
+  );
+}
+function useStep(name, props) {
+  return usePart(pagination, name, {}, props, useTag());
+}
+function PaginationPrevious(props) {
+  return useStep("previous", props);
+}
+function PaginationNext(props) {
+  return useStep("next", props);
+}
+function PaginationFirst(props) {
+  return useStep("first", props);
+}
+function PaginationLast(props) {
+  return useStep("last", props);
+}
+function PaginationEllipsis({ children = "\u2026", ...props }) {
+  return /* @__PURE__ */ jsx(parts.Ellipsis, { ...props, children });
+}
+export {
+  Pagination,
+  PaginationEllipsis,
+  PaginationFirst,
+  PaginationItem,
+  PaginationLast,
+  PaginationLink,
+  PaginationList,
+  PaginationNext,
+  PaginationPrevious,
+  createPaginationController,
+  paginationRange
+};

package/dist/password-input.d.ts

@@ -0,0 +1,23 @@
+import { type PasswordInputOptions, type PasswordInputState } from "@ui-sdk/core/password-input";
+import * as React from "react";
+import { type PartProps } from "./use-primitive.js";
+/**
+ * Holds the field and its toggle. Presses on its own text and icons focus the field.
+ * @stable
+ */
+declare function PasswordInput({ value, defaultValue, name, disabled, ...props }: PasswordInputOptions & Omit<PartProps<"div", PasswordInputState>, "defaultValue" | "onChange" | "onSelect">): React.JSX.Element;
+/**
+ * The native <input>. Its type follows whether the password is shown, and
+ * form attributes come from <PasswordInput>.
+ * @stable
+ */
+declare function PasswordInputControl({ id, render, ...props }: Omit<PartProps<"input", PasswordInputState>, "value" | "defaultValue" | "children" | "type" | "name" | "form" | "required" | "disabled" | "readOnly" | "autoComplete" | "onSelect">): React.JSX.Element | null;
+/**
+ * Shows and hides the password. Name it by what it does, like "Show password":
+ * it's a toggle button, and `aria-pressed` says whether the password is shown.
+ * @stable
+ */
+declare const PasswordInputToggle: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/password-input").PasswordInputPrimitive, "toggle", "button">;
+export { createPasswordInputController } from "@ui-sdk/core/password-input";
+export type { InputValueChangeReason, PasswordInputController, PasswordInputOptions, PasswordInputPrimitive, PasswordInputState, PasswordInputVisibleChangeReason, } from "@ui-sdk/core/password-input";
+export { PasswordInput, PasswordInputControl, PasswordInputToggle };

package/dist/password-input.js

@@ -0,0 +1,65 @@
+"use client";
+// src/password-input.tsx
+import {
+  passwordInput
+} from "@ui-sdk/core/password-input";
+import * as React from "react";
+import {
+  controlRender,
+  useFieldControl,
+  useFieldControlId
+} from "./field-context.js";
+import { createParts, usePart } from "./use-primitive.js";
+import { createPasswordInputController } from "@ui-sdk/core/password-input";
+import { jsx } from "react/jsx-runtime";
+var parts = createParts(passwordInput, { root: "div", toggle: "button" });
+var ControlContext = React.createContext({ field: null });
+var ignore = () => {
+};
+function PasswordInput({
+  value,
+  defaultValue,
+  name,
+  disabled,
+  ...props
+}) {
+  const field = useFieldControl();
+  const controlId = useFieldControlId();
+  const control = React.useMemo(
+    () => ({ field, value, defaultValue }),
+    [field, value, defaultValue]
+  );
+  return /* @__PURE__ */ jsx(ControlContext.Provider, { value: control, children: /* @__PURE__ */ jsx(
+    parts.Root,
+    {
+      ...props,
+      value,
+      defaultValue,
+      name: name ?? field?.name,
+      disabled: disabled || field?.disabled,
+      controlId
+    }
+  ) });
+}
+function PasswordInputControl({
+  id,
+  render,
+  ...props
+}) {
+  const { field, value, defaultValue } = React.useContext(ControlContext);
+  const element = {
+    ...props,
+    value,
+    defaultValue,
+    onChange: props.onChange ?? (value === void 0 ? void 0 : ignore),
+    render: controlRender(field, "input", render)
+  };
+  return usePart(passwordInput, "control", { id }, element, "input");
+}
+var PasswordInputToggle = parts.Toggle;
+export {
+  PasswordInput,
+  PasswordInputControl,
+  PasswordInputToggle,
+  createPasswordInputController
+};

package/dist/popover.d.ts

@@ -0,0 +1,54 @@
+import { type PopoverContentProps, type PopoverContentState, type PopoverOptions, type PopoverShortcutProps, type PopoverShortcutState, type PopoverTriggerProps, type PopoverTriggerState } from "@ui-sdk/core/popover";
+import * as React from "react";
+import { type PartProps } from "./use-primitive.js";
+/**
+ * The props of `Popover`.
+ * @stable
+ */
+type PopoverProps = PopoverOptions & {
+    children?: React.ReactNode;
+};
+/**
+ * Rich content in a floating panel, opened from a button. Put its trigger and content inside.
+ * @stable
+ */
+declare function Popover({ children, container, ...options }: PopoverProps): React.JSX.Element;
+/**
+ * The button that opens the popover. A trigger outside the popover connects through `controller`.
+ * @stable
+ */
+declare function PopoverTrigger({ controller, ...props }: Omit<PartProps<"button", PopoverTriggerState>, "value" | "defaultValue" | "onChange"> & PopoverTriggerProps): React.JSX.Element;
+/**
+ * The panel itself, positioned against its trigger, named by its title and described by its description.
+ * @stable
+ */
+declare function PopoverContent<Payload = unknown>({ side, align, sideOffset, alignOffset, collisionPadding, arrowPadding, anchor, initialFocus, finalFocus, keepMounted, container, render, ...props }: PartProps<"div", PopoverContentState<Payload>> & PopoverContentProps): React.JSX.Element | null;
+/**
+ * The popover's title, which names it. A level 2 heading by default.
+ * @stable
+ */
+declare const PopoverTitle: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/popover").PopoverPrimitive, "title", "h2">;
+/**
+ * Describes the popover while it's rendered. A paragraph by default.
+ * @stable
+ */
+declare const PopoverDescription: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/popover").PopoverPrimitive, "description", "p">;
+/**
+ * A button that closes the popover.
+ * @stable
+ */
+declare const PopoverClose: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/popover").PopoverPrimitive, "close", "button">;
+/**
+ * An arrow on the panel's edge that points at its trigger.
+ * @stable
+ */
+declare const PopoverArrow: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/popover").PopoverPrimitive, "arrow", "div">;
+type ShortcutPartProps = PartProps<"span", PopoverShortcutState> & PopoverShortcutProps;
+/**
+ * Shows a trigger's shortcut, like `⌘I`, inside the trigger. Hidden from screen readers, which hear `aria-keyshortcuts`.
+ * @stable
+ */
+declare function PopoverShortcut(props: ShortcutPartProps): React.JSX.Element | null;
+export { createPopoverController } from "@ui-sdk/core/popover";
+export type { PopoverApi, PopoverArrowState, PopoverContentProps, PopoverContentState, PopoverController, PopoverDismissReason, PopoverFinalFocus, PopoverInitialFocus, PopoverOpenChangeReason, PopoverOptions, PopoverPayloadChangeReason, PopoverPrimitive, PopoverShortcutProps, PopoverShortcutState, PopoverTriggerProps, PopoverTriggerState, } from "@ui-sdk/core/popover";
+export { Popover, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, type PopoverProps, PopoverShortcut, PopoverTitle, PopoverTrigger, };