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

package/dist/collapsible.d.ts

@@ -0,0 +1,302 @@
+/**
+ * A panel of content that a button shows and hides. Put its trigger and panel inside.
+ * @stable
+ */
+declare const Collapsible: (props: import("@ui-sdk/core").OptionsOf<import("@ui-sdk/core/collapsible").CollapsiblePrimitive> & import("@ui-sdk/core/renderer").BaseSlotProps & {
+    slot?: string | undefined | undefined;
+    style?: import("react").CSSProperties | ((state: NoInfer<import("@ui-sdk/core/collapsible").CollapsibleState>) => 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/collapsible").CollapsibleState>> | 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/collapsible").CollapsibleState>) => 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/collapsible").CollapsibleState>) => 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;
+/**
+ * The button that opens and closes the panel. It says whether the panel is open with `aria-expanded`.
+ * @stable
+ */
+declare const CollapsibleTrigger: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/collapsible").CollapsiblePrimitive, "trigger", "button">;
+/**
+ * The content the trigger shows and hides. Closed, it leaves the page unless `keepMounted` or
+ * `hiddenUntilFound` keeps it.
+ * @stable
+ */
+declare const CollapsiblePanel: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/collapsible").CollapsiblePrimitive, "panel", "div">;
+export { createCollapsibleController } from "@ui-sdk/core/collapsible";
+export type { CollapsibleApi, CollapsibleChangeOptions, CollapsibleController, CollapsibleOpenChangeReason, CollapsibleOptions, CollapsiblePanelProps, CollapsiblePanelState, CollapsiblePrimitive, CollapsibleState, CollapsibleTriggerProps, CollapsibleTriggerState, } from "@ui-sdk/core/collapsible";
+export { Collapsible, CollapsiblePanel, CollapsibleTrigger };

package/dist/collapsible.js

@@ -0,0 +1,19 @@
+"use client";
+// src/collapsible.tsx
+import { collapsible } from "@ui-sdk/core/collapsible";
+import { createParts } from "./use-primitive.js";
+import { createCollapsibleController } from "@ui-sdk/core/collapsible";
+var parts = createParts(collapsible, {
+  root: "div",
+  trigger: "button",
+  panel: "div"
+});
+var Collapsible = parts.Root;
+var CollapsibleTrigger = parts.Trigger;
+var CollapsiblePanel = parts.Panel;
+export {
+  Collapsible,
+  CollapsiblePanel,
+  CollapsibleTrigger,
+  createCollapsibleController
+};

package/dist/color-picker.d.ts

@@ -0,0 +1,72 @@
+import { type ColorPickerChannelInputProps, type ColorPickerOptions, type ColorPickerState } from "@ui-sdk/core/color-picker";
+import * as React from "react";
+import { type PartProps } from "./use-primitive.js";
+type DivProps<State> = Omit<PartProps<"div", State>, "defaultValue" | "onChange" | "onSelect">;
+type InputProps<State> = Omit<PartProps<"input", State>, "value" | "defaultValue" | "children" | "readOnly">;
+/**
+ * The root: a group around the picker's parts, and the hidden input the form submits.
+ * @experimental
+ */
+declare function ColorPicker({ value, defaultValue, onValueChange, onValueCommit, space, format, gamut, disabled, readOnly, required, name, form, controller, debug, render, children, ...props }: ColorPickerOptions & DivProps<ColorPickerState>): React.JSX.Element | null;
+/**
+ * A surface for two channels, `x` and `y`. Its background comes from
+ * `--color-area-background` where gradients draw it, or a `ColorPickerAreaCanvas`.
+ * @experimental
+ */
+declare const ColorPickerArea: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/color-picker").ColorPickerPrimitive, "area", "div">;
+/**
+ * The area's thumb: a slider screen readers hear as both channels.
+ * @experimental
+ */
+declare const ColorPickerAreaThumb: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/color-picker").ColorPickerPrimitive, "area-thumb", "div">;
+/**
+ * Paints the area pixel by pixel, for channels no gradient draws, like OKLCH's
+ * chroma by lightness. Colors outside the gamut stay transparent.
+ * @experimental
+ */
+declare const ColorPickerAreaCanvas: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/color-picker").ColorPickerPrimitive, "area-canvas", "canvas">;
+/**
+ * A track for one `channel`, drawn by `--color-slider-background`.
+ * @experimental
+ */
+declare const ColorPickerSlider: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/color-picker").ColorPickerPrimitive, "slider", "div">;
+/**
+ * The slider's thumb, at `--color-slider-thumb-position`.
+ * @experimental
+ */
+declare const ColorPickerSliderThumb: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/color-picker").ColorPickerPrimitive, "slider-thumb", "div">;
+/**
+ * A text input that reads any CSS color on Enter or blur. Text that isn't
+ * one goes back to the value.
+ * @experimental
+ */
+declare function ColorPickerInput({ render, ...props }: InputProps<ColorPickerState>): React.JSX.Element | null;
+/**
+ * A number input for one `channel`, in the units people read it in.
+ * @experimental
+ */
+declare function ColorPickerChannelInput({ channel, render, ...props }: InputProps<ColorPickerState> & ColorPickerChannelInputProps): React.JSX.Element | null;
+/**
+ * The color itself, as `--color-picker-color`, named for screen readers.
+ * @experimental
+ */
+declare const ColorPickerSwatch: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/color-picker").ColorPickerPrimitive, "swatch", "div">;
+/**
+ * A button that picks a color from the screen, where the browser can.
+ * Elsewhere it's disabled, with `data-unsupported`.
+ * @experimental
+ */
+declare const ColorPickerEyeDropper: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/color-picker").ColorPickerPrimitive, "eye-dropper", "button">;
+/**
+ * A list of preset colors. Arrow keys move between them.
+ * @experimental
+ */
+declare const ColorPickerSwatches: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/color-picker").ColorPickerPrimitive, "swatches", "div">;
+/**
+ * A preset color, as `--color-picker-color`. Pressing it sets the value.
+ * @experimental
+ */
+declare const ColorPickerSwatchItem: import("./use-primitive.js").PartComponent<import("@ui-sdk/core/color-picker").ColorPickerPrimitive, "swatch-item", "button">;
+export { createColorPickerController } from "@ui-sdk/core/color-picker";
+export type { Color, ColorChannel, ColorFormat, ColorGamut, ColorPickerApi, ColorPickerAreaProps, ColorPickerChangeOptions, ColorPickerChannelInputProps, ColorPickerController, ColorPickerOptions, ColorPickerPrimitive, ColorPickerSliderProps, ColorPickerSliderState, ColorPickerSpace, ColorPickerState, ColorPickerSwatchItemProps, ColorPickerSwatchItemState, ColorPickerValueChangeDetails, ColorPickerValueChangeReason, ColorPickerValueCommitDetails, } from "@ui-sdk/core/color-picker";
+export { ColorPicker, ColorPickerArea, ColorPickerAreaCanvas, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerEyeDropper, ColorPickerInput, ColorPickerSlider, ColorPickerSliderThumb, ColorPickerSwatch, ColorPickerSwatches, ColorPickerSwatchItem, };

package/dist/color-picker.js

@@ -0,0 +1,133 @@
+"use client";
+// src/color-picker.tsx
+import {
+  colorPicker
+} from "@ui-sdk/core/color-picker";
+import * as React from "react";
+import { controlRender, useFieldControl } from "./field-context.js";
+import { renderElement } from "./render-element.js";
+import {
+  createParts,
+  usePart,
+  usePrimitive
+} from "./use-primitive.js";
+import { createColorPickerController } from "@ui-sdk/core/color-picker";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var parts = createParts(colorPicker, {
+  area: "div",
+  "area-thumb": "div",
+  "area-canvas": "canvas",
+  slider: "div",
+  "slider-thumb": "div",
+  swatch: "div",
+  "eye-dropper": "button",
+  swatches: "div",
+  "swatch-item": "button"
+});
+function startsAt(render) {
+  return (merged, state) => {
+    const { value, ...rest } = merged;
+    return renderElement(
+      "input",
+      { ...rest, defaultValue: value },
+      render,
+      state
+    );
+  };
+}
+function ColorPicker({
+  value,
+  defaultValue,
+  onValueChange,
+  onValueCommit,
+  space,
+  format,
+  gamut,
+  disabled,
+  readOnly,
+  required,
+  name,
+  form,
+  controller,
+  debug,
+  render,
+  children,
+  ...props
+}) {
+  const field = useFieldControl();
+  const picker = usePrimitive(colorPicker, {
+    value,
+    defaultValue,
+    onValueChange,
+    onValueCommit,
+    space,
+    format,
+    gamut,
+    disabled: disabled || field?.disabled,
+    readOnly,
+    required,
+    name: name ?? field?.name,
+    form,
+    controller,
+    debug
+  });
+  const root = {
+    ...props,
+    children: (state) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      typeof children === "function" ? children(state) : children,
+      /* @__PURE__ */ jsx(HiddenInput, {})
+    ] }),
+    render: controlRender(field, "div", render)
+  };
+  return usePart(picker, "root", {}, root);
+}
+function HiddenInput() {
+  return usePart(colorPicker, "hidden-input", {}, {}, "input");
+}
+var ColorPickerArea = parts.Area;
+var ColorPickerAreaThumb = parts.AreaThumb;
+var ColorPickerAreaCanvas = parts.AreaCanvas;
+var ColorPickerSlider = parts.Slider;
+var ColorPickerSliderThumb = parts.SliderThumb;
+function ColorPickerInput({ render, ...props }) {
+  return usePart(
+    colorPicker,
+    "input",
+    {},
+    { ...props, render: startsAt(render) },
+    "input"
+  );
+}
+function ColorPickerChannelInput({
+  channel,
+  render,
+  ...props
+}) {
+  const id = React.useId();
+  return usePart(
+    colorPicker,
+    "channel-input",
+    { id, channel },
+    { ...props, render: startsAt(render) },
+    "input"
+  );
+}
+var ColorPickerSwatch = parts.Swatch;
+var ColorPickerEyeDropper = parts.EyeDropper;
+var ColorPickerSwatches = parts.Swatches;
+var ColorPickerSwatchItem = parts.SwatchItem;
+export {
+  ColorPicker,
+  ColorPickerArea,
+  ColorPickerAreaCanvas,
+  ColorPickerAreaThumb,
+  ColorPickerChannelInput,
+  ColorPickerEyeDropper,
+  ColorPickerInput,
+  ColorPickerSlider,
+  ColorPickerSliderThumb,
+  ColorPickerSwatch,
+  ColorPickerSwatchItem,
+  ColorPickerSwatches,
+  createColorPickerController
+};

package/dist/color.d.ts

@@ -0,0 +1,2 @@
+export { colorDistance, contrastRatio, convertColor, formatColor, isInGamut, mixColor, parseColor, toGamut, } from "@ui-sdk/core/color";
+export type { Color, ColorFormat, ColorFormatOptions, ColorGamut, ColorHueInterpolation, ColorMixOptions, ColorSpace, } from "@ui-sdk/core/color";

package/dist/color.js

@@ -0,0 +1,22 @@
+"use client";
+// src/color.ts
+import {
+  colorDistance,
+  contrastRatio,
+  convertColor,
+  formatColor,
+  isInGamut,
+  mixColor,
+  parseColor,
+  toGamut
+} from "@ui-sdk/core/color";
+export {
+  colorDistance,
+  contrastRatio,
+  convertColor,
+  formatColor,
+  isInGamut,
+  mixColor,
+  parseColor,
+  toGamut
+};