@vaneui/ui 1.4.0 → 1.4.1

package/dist/types/components/ui/field/Field.d.ts

@@ -1,8 +1,421 @@
-export declare const Field: import("react").ForwardRefExoticComponent<import("../props").BaseProps & import("../props").SizeProps & import("../props").HideProps & import("../props").ItemsProps & import("../props").JustifyProps & import("../props").PositionProps & import("../props").DisplayProps & import("../props").OverflowProps & import("../props").WrapProps & import("../props").FlexProps & import("../props").ShrinkProps & import("../props").GapProps & import("../props").FlexDirectionProps & import("../props").BreakpointProps & import("../props").AppearanceProps & import("../props").BorderProps & import("../props").ShadowProps & import("../props").RingProps & import("../props").FocusVisibleProps & import("../props").ShapeProps & import("../props").VariantProps & import("../props").TransparentProps & import("../props").ResponsiveProps & import("../props").TextAlignProps & import("../props").PaddingProps & import("../props").MarginProps & import("../props").WidthProps & import("../props").HeightProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "className" | "children"> & Partial<Omit<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, "className" | "children">> & {
-    href?: string;
-    tag?: React.ElementType;
-} & {
+type FieldElement = HTMLDivElement | HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+export declare const Field: import("react").ForwardRefExoticComponent<import("../props").BaseProps & {
+    gap?: boolean | undefined;
+    flex?: boolean | undefined;
+    padding?: boolean | undefined;
+    margin?: boolean | undefined;
+    border?: boolean | undefined;
+    shadow?: boolean | undefined;
+    focusVisible?: boolean | undefined;
+    transparent?: boolean | undefined;
+    responsiveSizing?: boolean | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined;
+    id?: string | undefined | undefined;
+    lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    slot?: string | undefined | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    style?: import("react").CSSProperties | undefined;
+    tabIndex?: number | undefined | undefined;
+    title?: string | undefined | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    radioGroup?: string | undefined | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    prefix?: string | undefined | undefined;
+    property?: string | undefined | undefined;
+    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;
+    color?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | 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-owns"?: string | 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-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | 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;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined | undefined;
+    onCopy?: (import("react").ClipboardEventHandler<HTMLDivElement> & import("react").ClipboardEventHandler<HTMLAnchorElement>) | undefined;
+    onCopyCapture?: (import("react").ClipboardEventHandler<HTMLDivElement> & import("react").ClipboardEventHandler<HTMLAnchorElement>) | undefined;
+    onCut?: (import("react").ClipboardEventHandler<HTMLDivElement> & import("react").ClipboardEventHandler<HTMLAnchorElement>) | undefined;
+    onCutCapture?: (import("react").ClipboardEventHandler<HTMLDivElement> & import("react").ClipboardEventHandler<HTMLAnchorElement>) | undefined;
+    onPaste?: (import("react").ClipboardEventHandler<HTMLDivElement> & import("react").ClipboardEventHandler<HTMLAnchorElement>) | undefined;
+    onPasteCapture?: (import("react").ClipboardEventHandler<HTMLDivElement> & import("react").ClipboardEventHandler<HTMLAnchorElement>) | undefined;
+    onCompositionEnd?: (import("react").CompositionEventHandler<HTMLDivElement> & import("react").CompositionEventHandler<HTMLAnchorElement>) | undefined;
+    onCompositionEndCapture?: (import("react").CompositionEventHandler<HTMLDivElement> & import("react").CompositionEventHandler<HTMLAnchorElement>) | undefined;
+    onCompositionStart?: (import("react").CompositionEventHandler<HTMLDivElement> & import("react").CompositionEventHandler<HTMLAnchorElement>) | undefined;
+    onCompositionStartCapture?: (import("react").CompositionEventHandler<HTMLDivElement> & import("react").CompositionEventHandler<HTMLAnchorElement>) | undefined;
+    onCompositionUpdate?: (import("react").CompositionEventHandler<HTMLDivElement> & import("react").CompositionEventHandler<HTMLAnchorElement>) | undefined;
+    onCompositionUpdateCapture?: (import("react").CompositionEventHandler<HTMLDivElement> & import("react").CompositionEventHandler<HTMLAnchorElement>) | undefined;
+    onFocusCapture?: (import("react").FocusEventHandler<HTMLDivElement> & import("react").FocusEventHandler<HTMLAnchorElement>) | undefined;
+    onBlurCapture?: (import("react").FocusEventHandler<HTMLDivElement> & import("react").FocusEventHandler<HTMLAnchorElement>) | undefined;
+    onChangeCapture?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onBeforeInput?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onBeforeInputCapture?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onInput?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onInputCapture?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onReset?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onResetCapture?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onSubmit?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onSubmitCapture?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onInvalid?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onInvalidCapture?: (import("react").FormEventHandler<HTMLDivElement> & import("react").FormEventHandler<HTMLAnchorElement>) | undefined;
+    onLoad?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onError?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onErrorCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onKeyDown?: (import("react").KeyboardEventHandler<HTMLDivElement> & import("react").KeyboardEventHandler<HTMLAnchorElement>) | undefined;
+    onKeyDownCapture?: (import("react").KeyboardEventHandler<HTMLDivElement> & import("react").KeyboardEventHandler<HTMLAnchorElement>) | undefined;
+    onKeyPress?: (import("react").KeyboardEventHandler<HTMLDivElement> & import("react").KeyboardEventHandler<HTMLAnchorElement>) | undefined;
+    onKeyPressCapture?: (import("react").KeyboardEventHandler<HTMLDivElement> & import("react").KeyboardEventHandler<HTMLAnchorElement>) | undefined;
+    onKeyUp?: (import("react").KeyboardEventHandler<HTMLDivElement> & import("react").KeyboardEventHandler<HTMLAnchorElement>) | undefined;
+    onKeyUpCapture?: (import("react").KeyboardEventHandler<HTMLDivElement> & import("react").KeyboardEventHandler<HTMLAnchorElement>) | undefined;
+    onAbort?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onAbortCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onCanPlay?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onCanPlayCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onCanPlayThrough?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onCanPlayThroughCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onDurationChange?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onDurationChangeCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onEmptied?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onEmptiedCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onEncrypted?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onEncryptedCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onEnded?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onEndedCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadedData?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadedDataCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadedMetadata?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadedMetadataCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadStart?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onLoadStartCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onPause?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onPauseCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onPlay?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onPlayCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onPlaying?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onPlayingCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onProgress?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onProgressCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onRateChange?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onRateChangeCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onResize?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onResizeCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSeeked?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSeekedCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSeeking?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSeekingCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onStalled?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onStalledCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSuspend?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSuspendCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onTimeUpdate?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onTimeUpdateCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onVolumeChange?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onVolumeChangeCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onWaiting?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onWaitingCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onAuxClick?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onAuxClickCapture?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onClick?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onClickCapture?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onContextMenu?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onContextMenuCapture?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onDoubleClick?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onDoubleClickCapture?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onDrag?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragCapture?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragEnd?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragEndCapture?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragEnter?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragEnterCapture?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragExit?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragExitCapture?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragLeave?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragLeaveCapture?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragOver?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragOverCapture?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragStart?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDragStartCapture?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDrop?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onDropCapture?: (import("react").DragEventHandler<HTMLDivElement> & import("react").DragEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseDown?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseDownCapture?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseEnter?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseLeave?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseMove?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseMoveCapture?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseOut?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseOutCapture?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseOver?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseOverCapture?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseUp?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onMouseUpCapture?: (import("react").MouseEventHandler<HTMLDivElement> & import("react").MouseEventHandler<HTMLAnchorElement>) | undefined;
+    onSelect?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onSelectCapture?: (import("react").ReactEventHandler<HTMLDivElement> & import("react").ReactEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchCancel?: (import("react").TouchEventHandler<HTMLDivElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchCancelCapture?: (import("react").TouchEventHandler<HTMLDivElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchEnd?: (import("react").TouchEventHandler<HTMLDivElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchEndCapture?: (import("react").TouchEventHandler<HTMLDivElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchMove?: (import("react").TouchEventHandler<HTMLDivElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchMoveCapture?: (import("react").TouchEventHandler<HTMLDivElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchStart?: (import("react").TouchEventHandler<HTMLDivElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onTouchStartCapture?: (import("react").TouchEventHandler<HTMLDivElement> & import("react").TouchEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerDown?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerDownCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerMove?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerMoveCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerUp?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerUpCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerCancel?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerCancelCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerEnter?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerLeave?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerOver?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerOverCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerOut?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onPointerOutCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onGotPointerCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onGotPointerCaptureCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onLostPointerCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onLostPointerCaptureCapture?: (import("react").PointerEventHandler<HTMLDivElement> & import("react").PointerEventHandler<HTMLAnchorElement>) | undefined;
+    onScroll?: (import("react").UIEventHandler<HTMLDivElement> & import("react").UIEventHandler<HTMLAnchorElement>) | undefined;
+    onScrollCapture?: (import("react").UIEventHandler<HTMLDivElement> & import("react").UIEventHandler<HTMLAnchorElement>) | undefined;
+    onScrollEnd?: (import("react").UIEventHandler<HTMLDivElement> & import("react").UIEventHandler<HTMLAnchorElement>) | undefined;
+    onScrollEndCapture?: (import("react").UIEventHandler<HTMLDivElement> & import("react").UIEventHandler<HTMLAnchorElement>) | undefined;
+    onWheel?: (import("react").WheelEventHandler<HTMLDivElement> & import("react").WheelEventHandler<HTMLAnchorElement>) | undefined;
+    onWheelCapture?: (import("react").WheelEventHandler<HTMLDivElement> & import("react").WheelEventHandler<HTMLAnchorElement>) | undefined;
+    onAnimationStart?: (import("react").AnimationEventHandler<HTMLDivElement> & import("react").AnimationEventHandler<HTMLAnchorElement>) | undefined;
+    onAnimationStartCapture?: (import("react").AnimationEventHandler<HTMLDivElement> & import("react").AnimationEventHandler<HTMLAnchorElement>) | undefined;
+    onAnimationEnd?: (import("react").AnimationEventHandler<HTMLDivElement> & import("react").AnimationEventHandler<HTMLAnchorElement>) | undefined;
+    onAnimationEndCapture?: (import("react").AnimationEventHandler<HTMLDivElement> & import("react").AnimationEventHandler<HTMLAnchorElement>) | undefined;
+    onAnimationIteration?: (import("react").AnimationEventHandler<HTMLDivElement> & import("react").AnimationEventHandler<HTMLAnchorElement>) | undefined;
+    onAnimationIterationCapture?: (import("react").AnimationEventHandler<HTMLDivElement> & import("react").AnimationEventHandler<HTMLAnchorElement>) | undefined;
+    onToggle?: (import("react").ToggleEventHandler<HTMLDivElement> & import("react").ToggleEventHandler<HTMLAnchorElement>) | undefined;
+    onBeforeToggle?: (import("react").ToggleEventHandler<HTMLDivElement> & import("react").ToggleEventHandler<HTMLAnchorElement>) | undefined;
+    onTransitionCancel?: (import("react").TransitionEventHandler<HTMLDivElement> & import("react").TransitionEventHandler<HTMLAnchorElement>) | undefined;
+    onTransitionCancelCapture?: (import("react").TransitionEventHandler<HTMLDivElement> & import("react").TransitionEventHandler<HTMLAnchorElement>) | undefined;
+    onTransitionEnd?: (import("react").TransitionEventHandler<HTMLDivElement> & import("react").TransitionEventHandler<HTMLAnchorElement>) | undefined;
+    onTransitionEndCapture?: (import("react").TransitionEventHandler<HTMLDivElement> & import("react").TransitionEventHandler<HTMLAnchorElement>) | undefined;
+    onTransitionRun?: (import("react").TransitionEventHandler<HTMLDivElement> & import("react").TransitionEventHandler<HTMLAnchorElement>) | undefined;
+    onTransitionRunCapture?: (import("react").TransitionEventHandler<HTMLDivElement> & import("react").TransitionEventHandler<HTMLAnchorElement>) | undefined;
+    onTransitionStart?: (import("react").TransitionEventHandler<HTMLDivElement> & import("react").TransitionEventHandler<HTMLAnchorElement>) | undefined;
+    onTransitionStartCapture?: (import("react").TransitionEventHandler<HTMLDivElement> & import("react").TransitionEventHandler<HTMLAnchorElement>) | undefined;
+    download?: any;
+    href?: string | undefined | undefined;
+    hrefLang?: string | undefined | undefined;
+    media?: string | undefined | undefined;
+    ping?: string | undefined | undefined;
+    target?: import("react").HTMLAttributeAnchorTarget | undefined;
+    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
+    table?: boolean | undefined;
+    primary?: boolean | undefined;
+    accent?: boolean | undefined;
+    secondary?: boolean | undefined;
+    tertiary?: boolean | undefined;
+    success?: boolean | undefined;
+    danger?: boolean | undefined;
+    warning?: boolean | undefined;
+    info?: boolean | undefined;
+    inheritAppearance?: boolean | undefined;
+    borderT?: boolean | undefined;
+    borderB?: boolean | undefined;
+    borderL?: boolean | undefined;
+    borderR?: boolean | undefined;
+    borderX?: boolean | undefined;
+    borderY?: boolean | undefined;
+    borderStart?: boolean | undefined;
+    borderEnd?: boolean | undefined;
+    noBorder?: boolean | undefined;
+    desktopStack?: boolean | undefined;
+    tabletStack?: boolean | undefined;
+    mobileStack?: boolean | undefined;
+    inline?: boolean | undefined;
+    block?: boolean | undefined;
+    inlineBlock?: boolean | undefined;
+    inlineFlex?: boolean | undefined;
+    grid?: boolean | undefined;
+    inlineGrid?: boolean | undefined;
+    contents?: boolean | undefined;
+    tableCell?: boolean | undefined;
+    row?: boolean | undefined;
+    column?: boolean | undefined;
+    rowReverse?: boolean | undefined;
+    columnReverse?: boolean | undefined;
+    noGap?: boolean | undefined;
+    desktopHide?: boolean | undefined;
+    tabletHide?: boolean | undefined;
+    mobileHide?: boolean | undefined;
+    itemsStart?: boolean | undefined;
+    itemsEnd?: boolean | undefined;
+    itemsCenter?: boolean | undefined;
+    itemsBaseline?: boolean | undefined;
+    itemsStretch?: boolean | undefined;
+    justifyStart?: boolean | undefined;
+    justifyEnd?: boolean | undefined;
+    justifyCenter?: boolean | undefined;
+    justifyBetween?: boolean | undefined;
+    justifyAround?: boolean | undefined;
+    justifyEvenly?: boolean | undefined;
+    justifyStretch?: boolean | undefined;
+    justifyBaseline?: boolean | undefined;
+    overflowAuto?: boolean | undefined;
+    overflowHidden?: boolean | undefined;
+    overflowClip?: boolean | undefined;
+    overflowVisible?: boolean | undefined;
+    overflowScroll?: boolean | undefined;
+    overflowXAuto?: boolean | undefined;
+    overflowYAuto?: boolean | undefined;
+    overflowXHidden?: boolean | undefined;
+    overflowYHidden?: boolean | undefined;
+    overflowXClip?: boolean | undefined;
+    overflowYClip?: boolean | undefined;
+    overflowXVisible?: boolean | undefined;
+    overflowYVisible?: boolean | undefined;
+    overflowXScroll?: boolean | undefined;
+    overflowYScroll?: boolean | undefined;
+    paddingX?: boolean | undefined;
+    paddingY?: boolean | undefined;
+    noPadding?: boolean | undefined;
+    marginX?: boolean | undefined;
+    marginY?: boolean | undefined;
+    marginT?: boolean | undefined;
+    marginB?: boolean | undefined;
+    noMargin?: boolean | undefined;
+    relative?: boolean | undefined;
+    absolute?: boolean | undefined;
+    fixed?: boolean | undefined;
+    sticky?: boolean | undefined;
+    static?: boolean | undefined;
+    insetRing?: boolean | undefined;
+    noInsetRing?: boolean | undefined;
+    noShadow?: boolean | undefined;
+    noFocusVisible?: boolean | undefined;
+    pill?: boolean | undefined;
+    sharp?: boolean | undefined;
+    rounded?: boolean | undefined;
+    xs?: boolean | undefined;
+    sm?: boolean | undefined;
+    md?: boolean | undefined;
+    lg?: boolean | undefined;
+    xl?: boolean | undefined;
+    textLeft?: boolean | undefined;
+    textCenter?: boolean | undefined;
+    textRight?: boolean | undefined;
+    textJustify?: boolean | undefined;
+    textStart?: boolean | undefined;
+    textEnd?: boolean | undefined;
+    filled?: boolean | undefined;
+    outline?: boolean | undefined;
+    ghost?: boolean | undefined;
+    flexWrap?: boolean | undefined;
+    flexNoWrap?: boolean | undefined;
+    flexWrapReverse?: boolean | undefined;
+    flex1?: boolean | undefined;
+    flexAuto?: boolean | undefined;
+    flexNone?: boolean | undefined;
+    noShrink?: boolean | undefined;
+    wFull?: boolean | undefined;
+    wFit?: boolean | undefined;
+    wAuto?: boolean | undefined;
+    wScreen?: boolean | undefined;
+    hFit?: boolean | undefined;
+    hFull?: boolean | undefined;
+    hAuto?: boolean | undefined;
+    hScreen?: boolean | undefined;
+    tag?: React.ElementType | undefined;
+} & import("../props").ControlProps & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "size" | "className" | "children" | "onFocus" | "onBlur" | "onChange" | "type"> & Pick<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "rows" | "cols"> & Pick<import("react").SelectHTMLAttributes<HTMLSelectElement>, "multiple"> & {
     label?: React.ReactNode;
     description?: React.ReactNode;
     error?: React.ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>>;
+    type?: import("./FieldProps").FieldControlType;
+    onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
+} & import("react").RefAttributes<FieldElement>>;
+export {};

package/dist/types/components/ui/field/FieldCategories.d.cts

@@ -1,3 +1,3 @@
 /** Field wraps a control in a column. Col's list minus `focusVisible`: Field is
  * always a div, never an anchor, so a focus ring would be a dead prop. */
-export declare const FIELD_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "flex", "shrink", "padding", "margin", "appearance", "border", "shadow", "ring", "shape", "variant", "breakpoint", "width", "height", "transparent", "responsiveSizing", "textAlign"];
+export declare const FIELD_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "flex", "shrink", "padding", "margin", "appearance", "border", "shadow", "ring", "shape", "variant", "breakpoint", "width", "height", "transparent", "responsiveSizing", "textAlign", "control"];

package/dist/types/components/ui/field/FieldCategories.d.mts

@@ -1,3 +1,3 @@
 /** Field wraps a control in a column. Col's list minus `focusVisible`: Field is
  * always a div, never an anchor, so a focus ring would be a dead prop. */
-export declare const FIELD_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "flex", "shrink", "padding", "margin", "appearance", "border", "shadow", "ring", "shape", "variant", "breakpoint", "width", "height", "transparent", "responsiveSizing", "textAlign"];
+export declare const FIELD_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "flex", "shrink", "padding", "margin", "appearance", "border", "shadow", "ring", "shape", "variant", "breakpoint", "width", "height", "transparent", "responsiveSizing", "textAlign", "control"];

package/dist/types/components/ui/field/FieldCategories.d.ts

@@ -1,3 +1,3 @@
 /** Field wraps a control in a column. Col's list minus `focusVisible`: Field is
  * always a div, never an anchor, so a focus ring would be a dead prop. */
-export declare const FIELD_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "flex", "shrink", "padding", "margin", "appearance", "border", "shadow", "ring", "shape", "variant", "breakpoint", "width", "height", "transparent", "responsiveSizing", "textAlign"];
+export declare const FIELD_CATEGORIES: readonly ["size", "hide", "items", "justify", "position", "display", "overflow", "wrap", "gap", "flexDirection", "flex", "shrink", "padding", "margin", "appearance", "border", "shadow", "ring", "shape", "variant", "breakpoint", "width", "height", "transparent", "responsiveSizing", "textAlign", "control"];

package/dist/types/components/ui/field/FieldProps.d.cts

@@ -1,11 +1,27 @@
 import type React from 'react';
 import type { ColProps } from "../col/ColProps.cjs";
+import type { BaseProps, ControlProps } from "../props/index.cjs";
+import type { CleanHTMLProps } from "../props/baseProps.cjs";
+/** Which control a Field renders: a control kind, or a native input type. */
+export type FieldControlType = 'select' | 'textarea' | 'checkbox' | 'switch' | 'radiogroup' | 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url' | 'date' | 'time' | 'datetime-local' | 'month' | 'week' | 'file' | 'range' | 'color';
+type ControlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'children' | 'type' | 'size' | 'onChange' | 'onBlur' | 'onFocus'> & Pick<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'rows' | 'cols'> & Pick<React.SelectHTMLAttributes<HTMLSelectElement>, 'multiple'>;
+type ControlElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+type CleanedColProps = CleanHTMLProps<ColProps, 'type' | 'onChange' | 'onBlur' | 'onFocus'>;
 /** Field component props */
-export type FieldProps = ColProps & {
+export type FieldProps = BaseProps & CleanedColProps & ControlProps & ControlAttributes & {
     /** Label text, associated with the control via htmlFor */
     label?: React.ReactNode;
     /** Help text below the control, linked with aria-describedby */
     description?: React.ReactNode;
     /** Error text below the control; its presence also marks the control invalid */
     error?: React.ReactNode;
+    /** Which control to render; omit to pass the control as a child */
+    type?: FieldControlType;
+    /** Change handler for the rendered control */
+    onChange?: React.ChangeEventHandler<ControlElement>;
+    /** Blur handler for the rendered control */
+    onBlur?: React.FocusEventHandler<ControlElement>;
+    /** Focus handler for the rendered control */
+    onFocus?: React.FocusEventHandler<ControlElement>;
 };
+export {};

package/dist/types/components/ui/field/FieldProps.d.mts

@@ -1,11 +1,27 @@
 import type React from 'react';
 import type { ColProps } from "../col/ColProps.mjs";
+import type { BaseProps, ControlProps } from "../props/index.mjs";
+import type { CleanHTMLProps } from "../props/baseProps.mjs";
+/** Which control a Field renders: a control kind, or a native input type. */
+export type FieldControlType = 'select' | 'textarea' | 'checkbox' | 'switch' | 'radiogroup' | 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url' | 'date' | 'time' | 'datetime-local' | 'month' | 'week' | 'file' | 'range' | 'color';
+type ControlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'children' | 'type' | 'size' | 'onChange' | 'onBlur' | 'onFocus'> & Pick<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'rows' | 'cols'> & Pick<React.SelectHTMLAttributes<HTMLSelectElement>, 'multiple'>;
+type ControlElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+type CleanedColProps = CleanHTMLProps<ColProps, 'type' | 'onChange' | 'onBlur' | 'onFocus'>;
 /** Field component props */
-export type FieldProps = ColProps & {
+export type FieldProps = BaseProps & CleanedColProps & ControlProps & ControlAttributes & {
     /** Label text, associated with the control via htmlFor */
     label?: React.ReactNode;
     /** Help text below the control, linked with aria-describedby */
     description?: React.ReactNode;
     /** Error text below the control; its presence also marks the control invalid */
     error?: React.ReactNode;
+    /** Which control to render; omit to pass the control as a child */
+    type?: FieldControlType;
+    /** Change handler for the rendered control */
+    onChange?: React.ChangeEventHandler<ControlElement>;
+    /** Blur handler for the rendered control */
+    onBlur?: React.FocusEventHandler<ControlElement>;
+    /** Focus handler for the rendered control */
+    onFocus?: React.FocusEventHandler<ControlElement>;
 };
+export {};

package/dist/types/components/ui/field/FieldProps.d.ts

@@ -1,11 +1,27 @@
 import type React from 'react';
 import type { ColProps } from "../col/ColProps";
+import type { BaseProps, ControlProps } from "../props";
+import type { CleanHTMLProps } from "../props/baseProps";
+/** Which control a Field renders: a control kind, or a native input type. */
+export type FieldControlType = 'select' | 'textarea' | 'checkbox' | 'switch' | 'radiogroup' | 'text' | 'password' | 'email' | 'number' | 'search' | 'tel' | 'url' | 'date' | 'time' | 'datetime-local' | 'month' | 'week' | 'file' | 'range' | 'color';
+type ControlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'children' | 'type' | 'size' | 'onChange' | 'onBlur' | 'onFocus'> & Pick<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'rows' | 'cols'> & Pick<React.SelectHTMLAttributes<HTMLSelectElement>, 'multiple'>;
+type ControlElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
+type CleanedColProps = CleanHTMLProps<ColProps, 'type' | 'onChange' | 'onBlur' | 'onFocus'>;
 /** Field component props */
-export type FieldProps = ColProps & {
+export type FieldProps = BaseProps & CleanedColProps & ControlProps & ControlAttributes & {
     /** Label text, associated with the control via htmlFor */
     label?: React.ReactNode;
     /** Help text below the control, linked with aria-describedby */
     description?: React.ReactNode;
     /** Error text below the control; its presence also marks the control invalid */
     error?: React.ReactNode;
+    /** Which control to render; omit to pass the control as a child */
+    type?: FieldControlType;
+    /** Change handler for the rendered control */
+    onChange?: React.ChangeEventHandler<ControlElement>;
+    /** Blur handler for the rendered control */
+    onBlur?: React.FocusEventHandler<ControlElement>;
+    /** Focus handler for the rendered control */
+    onFocus?: React.FocusEventHandler<ControlElement>;
 };
+export {};

package/dist/types/components/ui/field/defaultFieldControlRowTheme.d.cts

@@ -0,0 +1,4 @@
+import { ComponentTheme } from "../theme/common/index.cjs";
+import type { ColProps } from "../col/ColProps.cjs";
+/** Field's inline control row: Col's classes under Field's own base class and gap curve. */
+export declare const defaultFieldControlRowTheme: ComponentTheme<ColProps, import("../theme/index.cjs").FlexLayoutComponentTheme>;

package/dist/types/components/ui/field/defaultFieldControlRowTheme.d.mts

@@ -0,0 +1,4 @@
+import { ComponentTheme } from "../theme/common/index.mjs";
+import type { ColProps } from "../col/ColProps.mjs";
+/** Field's inline control row: Col's classes under Field's own base class and gap curve. */
+export declare const defaultFieldControlRowTheme: ComponentTheme<ColProps, import("../theme/index.mjs").FlexLayoutComponentTheme>;

package/dist/types/components/ui/field/defaultFieldControlRowTheme.d.ts

@@ -0,0 +1,4 @@
+import { ComponentTheme } from "../theme/common";
+import type { ColProps } from "../col/ColProps";
+/** Field's inline control row: Col's classes under Field's own base class and gap curve. */
+export declare const defaultFieldControlRowTheme: ComponentTheme<ColProps, import("../theme").FlexLayoutComponentTheme>;

package/dist/types/components/ui/field/fieldControlRowDefaults.d.cts

@@ -0,0 +1,3 @@
+import type { ColProps } from "../col/ColProps.cjs";
+/** itemsCenter not itemsStart; restates colDefaults since withDefaults replaces, not merges. */
+export declare const fieldControlRowDefaults: Partial<ColProps>;

package/dist/types/components/ui/field/fieldControlRowDefaults.d.mts

@@ -0,0 +1,3 @@
+import type { ColProps } from "../col/ColProps.mjs";
+/** itemsCenter not itemsStart; restates colDefaults since withDefaults replaces, not merges. */
+export declare const fieldControlRowDefaults: Partial<ColProps>;

package/dist/types/components/ui/field/fieldControlRowDefaults.d.ts

@@ -0,0 +1,3 @@
+import type { ColProps } from "../col/ColProps";
+/** itemsCenter not itemsStart; restates colDefaults since withDefaults replaces, not merges. */
+export declare const fieldControlRowDefaults: Partial<ColProps>;

package/dist/types/components/ui/field/fieldControls.d.cts

@@ -0,0 +1,14 @@
+import type React from 'react';
+import { ComponentKeys } from "../props/index.cjs";
+export type ControlKey = typeof ComponentKeys.control[number];
+export type FieldControlDescriptor = {
+    Component: React.ElementType;
+    layout: 'stacked' | 'inline';
+    inputType?: string;
+};
+export declare const FIELD_CONTROLS: Record<ControlKey, FieldControlDescriptor>;
+export declare function resolveControl(props: Record<string, unknown>, defaults: Record<string, unknown>): {
+    key: ControlKey;
+    descriptor: FieldControlDescriptor;
+    inputType?: string;
+} | undefined;