@metamask-previews/design-system-react 0.23.1-preview.620b9f3 → 0.24.0-preview.a0fe3894

package/dist/components/TextField/TextField.d.mts

@@ -0,0 +1,324 @@
+import React from "react";
+import { TextFieldSize, TextFieldType } from "./TextField.types.mjs";
+export declare const TextField: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onFocus" | "onBlur" | "onChange" | "onClick"> & Omit<import("@metamask-previews/design-system-shared").InputPropsShared, "isStateStylesDisabled" | "textVariant"> & {
+    isError?: boolean | undefined;
+    startAccessory?: React.ReactNode;
+    endAccessory?: React.ReactNode;
+    inputElement?: React.ReactNode;
+} & {
+    size?: TextFieldSize | undefined;
+    type?: TextFieldType | undefined;
+    truncate?: boolean | undefined;
+    maxLength?: number | undefined;
+    name?: string | undefined;
+    id?: string | undefined;
+    required?: boolean | undefined;
+    inputProps?: {
+        max?: string | number | undefined;
+        key?: React.Key | null | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        min?: string | number | undefined;
+        color?: string | undefined;
+        content?: string | undefined;
+        translate?: "yes" | "no" | undefined;
+        hidden?: boolean | undefined;
+        form?: string | undefined;
+        slot?: string | undefined;
+        style?: React.CSSProperties | undefined;
+        title?: string | undefined;
+        dir?: string | undefined;
+        pattern?: string | undefined;
+        rel?: string | undefined;
+        accessKey?: string | undefined;
+        draggable?: (boolean | "false" | "true") | undefined;
+        inert?: boolean | undefined;
+        lang?: string | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined;
+        className?: string | undefined;
+        part?: string | undefined;
+        prefix?: string | undefined;
+        role?: React.AriaRole | undefined;
+        children?: React.ReactNode;
+        contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+        enterKeyHint?: "search" | "next" | "done" | "enter" | "go" | "previous" | "send" | undefined;
+        inputMode?: "search" | "numeric" | "none" | "url" | "text" | "email" | "tel" | "decimal" | undefined;
+        nonce?: string | undefined;
+        tabIndex?: number | undefined;
+        multiple?: boolean | undefined;
+        size?: number | undefined;
+        accept?: string | undefined;
+        alt?: string | undefined;
+        autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
+        capture?: boolean | "environment" | "user" | undefined;
+        checked?: boolean | undefined;
+        formAction?: string | ((formData: FormData) => void | Promise<void>) | undefined;
+        formEncType?: string | undefined;
+        formMethod?: string | undefined;
+        formNoValidate?: boolean | undefined;
+        formTarget?: string | undefined;
+        list?: string | undefined;
+        minLength?: number | undefined;
+        src?: string | undefined;
+        step?: string | number | undefined;
+        defaultChecked?: boolean | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        suppressHydrationWarning?: boolean | undefined;
+        autoCapitalize?: "none" | "off" | "on" | (string & {}) | "words" | "sentences" | "characters" | undefined;
+        contextMenu?: string | undefined;
+        spellCheck?: (boolean | "false" | "true") | undefined;
+        radioGroup?: string | undefined;
+        about?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        property?: string | undefined;
+        resource?: string | undefined;
+        rev?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "off" | "on" | undefined;
+        popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
+        popoverTarget?: string | undefined;
+        is?: string | undefined;
+        exportparts?: string | undefined;
+        "aria-activedescendant"?: string | undefined;
+        "aria-atomic"?: (boolean | "false" | "true") | undefined;
+        "aria-autocomplete"?: "inline" | "both" | "none" | "list" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
+        "aria-busy"?: (boolean | "false" | "true") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-colcount"?: number | undefined;
+        "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
+        "aria-colspan"?: number | undefined;
+        "aria-controls"?: string | undefined;
+        "aria-current"?: boolean | "false" | "time" | "location" | "page" | "true" | "step" | "date" | undefined;
+        "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
+        "aria-details"?: string | undefined;
+        "aria-disabled"?: (boolean | "false" | "true") | undefined;
+        "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+        "aria-errormessage"?: string | undefined;
+        "aria-expanded"?: (boolean | "false" | "true") | undefined;
+        "aria-flowto"?: string | undefined;
+        "aria-grabbed"?: (boolean | "false" | "true") | undefined;
+        "aria-haspopup"?: boolean | "false" | "grid" | "dialog" | "menu" | "listbox" | "true" | "tree" | undefined;
+        "aria-hidden"?: (boolean | "false" | "true") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
+        "aria-keyshortcuts"?: string | undefined;
+        "aria-label"?: string | undefined;
+        "aria-labelledby"?: string | undefined;
+        "aria-level"?: number | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined;
+        "aria-modal"?: (boolean | "false" | "true") | undefined;
+        "aria-multiline"?: (boolean | "false" | "true") | undefined;
+        "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined;
+        "aria-owns"?: string | undefined;
+        "aria-placeholder"?: string | undefined;
+        "aria-posinset"?: number | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
+        "aria-readonly"?: (boolean | "false" | "true") | undefined;
+        "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+        "aria-required"?: (boolean | "false" | "true") | undefined;
+        "aria-roledescription"?: string | undefined;
+        "aria-rowcount"?: number | undefined;
+        "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
+        "aria-rowspan"?: number | undefined;
+        "aria-selected"?: (boolean | "false" | "true") | undefined;
+        "aria-setsize"?: number | undefined;
+        "aria-sort"?: "none" | "other" | "ascending" | "descending" | undefined;
+        "aria-valuemax"?: number | undefined;
+        "aria-valuemin"?: number | undefined;
+        "aria-valuenow"?: number | undefined;
+        "aria-valuetext"?: string | undefined;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined;
+        onCopy?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
+        onCopyCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
+        onCut?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
+        onCutCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
+        onPaste?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
+        onPasteCapture?: React.ClipboardEventHandler<HTMLInputElement> | undefined;
+        onCompositionEnd?: React.CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionEndCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionStart?: React.CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionStartCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionUpdate?: React.CompositionEventHandler<HTMLInputElement> | undefined;
+        onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLInputElement> | undefined;
+        onFocusCapture?: React.FocusEventHandler<HTMLInputElement> | undefined;
+        onBlurCapture?: React.FocusEventHandler<HTMLInputElement> | undefined;
+        onChangeCapture?: React.ChangeEventHandler<HTMLInputElement, Element> | undefined;
+        onBeforeInput?: React.InputEventHandler<HTMLInputElement> | undefined;
+        onBeforeInputCapture?: React.InputEventHandler<HTMLInputElement> | undefined;
+        onInput?: React.InputEventHandler<HTMLInputElement> | undefined;
+        onInputCapture?: React.InputEventHandler<HTMLInputElement> | undefined;
+        onReset?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onResetCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onSubmit?: React.SubmitEventHandler<HTMLInputElement> | undefined;
+        onSubmitCapture?: React.SubmitEventHandler<HTMLInputElement> | undefined;
+        onInvalid?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onInvalidCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onLoad?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onError?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onErrorCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onKeyDown?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyDownCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyPress?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyPressCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyUp?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+        onKeyUpCapture?: React.KeyboardEventHandler<HTMLInputElement> | undefined;
+        onAbort?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onAbortCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlay?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlayCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlayThrough?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onCanPlayThroughCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onDurationChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onDurationChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onEmptied?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onEmptiedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onEncrypted?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onEncryptedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onEnded?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onEndedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedData?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedDataCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedMetadata?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadedMetadataCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadStart?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onLoadStartCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onPause?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onPauseCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onPlay?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onPlayCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onPlaying?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onPlayingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onProgress?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onProgressCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onRateChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onRateChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onSeeked?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onSeekedCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onSeeking?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onSeekingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onStalled?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onStalledCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onSuspend?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onSuspendCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onTimeUpdate?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onTimeUpdateCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onVolumeChange?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onVolumeChangeCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onWaiting?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onWaitingCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onAuxClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onAuxClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onContextMenu?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onContextMenuCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onDoubleClick?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onDoubleClickCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onDrag?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragEnd?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragEndCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragEnter?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragEnterCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragExit?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragExitCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragLeave?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragLeaveCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragOver?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragOverCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragStart?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDragStartCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDrop?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onDropCapture?: React.DragEventHandler<HTMLInputElement> | undefined;
+        onMouseDown?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseDownCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseEnter?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseLeave?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseMove?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseMoveCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOut?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOutCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOver?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseOverCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseUp?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onMouseUpCapture?: React.MouseEventHandler<HTMLInputElement> | undefined;
+        onSelect?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onSelectCapture?: React.ReactEventHandler<HTMLInputElement> | undefined;
+        onTouchCancel?: React.TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchCancelCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchEnd?: React.TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchEndCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchMove?: React.TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchMoveCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchStart?: React.TouchEventHandler<HTMLInputElement> | undefined;
+        onTouchStartCapture?: React.TouchEventHandler<HTMLInputElement> | undefined;
+        onPointerDown?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerDownCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerMove?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerMoveCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerUp?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerUpCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerCancel?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerCancelCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerEnter?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerLeave?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOver?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOverCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOut?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onPointerOutCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onGotPointerCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onLostPointerCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLInputElement> | undefined;
+        onScroll?: React.UIEventHandler<HTMLInputElement> | undefined;
+        onScrollCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
+        onScrollEnd?: React.UIEventHandler<HTMLInputElement> | undefined;
+        onScrollEndCapture?: React.UIEventHandler<HTMLInputElement> | undefined;
+        onWheel?: React.WheelEventHandler<HTMLInputElement> | undefined;
+        onWheelCapture?: React.WheelEventHandler<HTMLInputElement> | undefined;
+        onAnimationStart?: React.AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationStartCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationEnd?: React.AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationEndCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationIteration?: React.AnimationEventHandler<HTMLInputElement> | undefined;
+        onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
+        onToggle?: React.ToggleEventHandler<HTMLInputElement> | undefined;
+        onBeforeToggle?: React.ToggleEventHandler<HTMLInputElement> | undefined;
+        onTransitionCancel?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionCancelCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionRun?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionRunCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionStart?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+        onTransitionStartCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
+        textVariant?: import("@metamask-previews/design-system-shared").TextVariant | undefined;
+    } | undefined;
+    inputRef?: React.Ref<HTMLInputElement> | undefined;
+    onChange?: ((event: React.ChangeEvent<HTMLInputElement, Element>) => void) | undefined;
+    onFocus?: ((event: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onBlur?: ((event: React.FocusEvent<HTMLInputElement, Element>) => void) | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TextField.d.mts.map

package/dist/components/TextField/TextField.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.mts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,cAAc;AAKf,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,8BAA0B;AASjE,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA2IrB,CAAC"}

package/dist/components/TextField/TextField.mjs

@@ -0,0 +1,58 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React, { forwardRef, useCallback, useEffect, useRef, useState } from "react";
+const React = $importDefault($React);
+import { twMerge } from "../../utils/tw-merge.mjs";
+import { Input } from "../Input/index.mjs";
+import { TextFieldSize, TextFieldType } from "./TextField.types.mjs";
+const SIZE_CLASS = {
+    [TextFieldSize.Sm]: 'h-8',
+    [TextFieldSize.Md]: 'h-10',
+    [TextFieldSize.Lg]: 'h-12',
+};
+export const TextField = forwardRef(({ autoFocus = false, className, id, inputElement, inputProps, inputRef, isDisabled = false, isError = false, isReadOnly = false, maxLength, name, onBlur, onChange, onClick, onFocus, placeholder, required, size = TextFieldSize.Md, startAccessory, endAccessory, style, truncate = true, type = TextFieldType.Text, value, ...rest }, ref) => {
+    const internalInputRef = useRef(null);
+    const [isFocused, setIsFocused] = useState(autoFocus);
+    useEffect(() => {
+        if (isDisabled) {
+            setIsFocused(false);
+        }
+    }, [isDisabled]);
+    const handleClick = useCallback((event) => {
+        if (isDisabled) {
+            return;
+        }
+        internalInputRef.current?.focus();
+        onClick?.(event);
+    }, [isDisabled, onClick]);
+    const handleFocus = useCallback((event) => {
+        setIsFocused(true);
+        onFocus?.(event);
+    }, [onFocus]);
+    const handleBlur = useCallback((event) => {
+        setIsFocused(false);
+        onBlur?.(event);
+    }, [onBlur]);
+    const handleInputRef = useCallback((node) => {
+        internalInputRef.current = node;
+        if (typeof inputRef === 'function') {
+            inputRef(node);
+        }
+        else if (inputRef && 'current' in inputRef) {
+            inputRef.current = node;
+        }
+    }, [inputRef]);
+    const { className: inputClassNameFromProps, ...inputRest } = inputProps ?? {};
+    const containerClassName = twMerge('inline-flex items-center rounded-lg border bg-default transition-colors', SIZE_CLASS[size], startAccessory ? 'pl-4' : 'pl-0', endAccessory ? 'pr-4' : 'pr-0', isDisabled && 'cursor-not-allowed border-muted opacity-50', !isDisabled && isError && 'border-error-default', !isDisabled && !isError && isFocused && 'border-default', !isDisabled && !isError && !isFocused && 'border-muted', className);
+    const innerInputClassName = twMerge('m-0 h-full min-w-0 flex-1 border-0 bg-transparent p-0', startAccessory ? 'pl-2' : 'pl-4', endAccessory ? 'pr-2' : 'pr-4', truncate && 'truncate', inputClassNameFromProps);
+    return (React.createElement("div", { ref: ref, className: containerClassName, style: style, onClick: handleClick, ...rest },
+        startAccessory,
+        inputElement ?? (React.createElement(Input, { ...inputRest, ref: handleInputRef, id: id, name: name, type: type, value: value, placeholder: placeholder, autoFocus: autoFocus, isDisabled: isDisabled, isReadOnly: isReadOnly, isStateStylesDisabled: true, maxLength: maxLength, required: required, "aria-invalid": isError || undefined, onChange: onChange, onFocus: handleFocus, onBlur: handleBlur, className: innerInputClassName })),
+        endAccessory));
+});
+TextField.displayName = 'TextField';
+//# sourceMappingURL=TextField.mjs.map

package/dist/components/TextField/TextField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.mjs","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { Input } from '../Input';\n\nimport { TextFieldSize, TextFieldType } from './TextField.types';\nimport type { TextFieldProps } from './TextField.types';\n\nconst SIZE_CLASS: Record<TextFieldSize, string> = {\n  [TextFieldSize.Sm]: 'h-8',\n  [TextFieldSize.Md]: 'h-10',\n  [TextFieldSize.Lg]: 'h-12',\n};\n\nexport const TextField = forwardRef<HTMLDivElement, TextFieldProps>(\n  (\n    {\n      autoFocus = false,\n      className,\n      id,\n      inputElement,\n      inputProps,\n      inputRef,\n      isDisabled = false,\n      isError = false,\n      isReadOnly = false,\n      maxLength,\n      name,\n      onBlur,\n      onChange,\n      onClick,\n      onFocus,\n      placeholder,\n      required,\n      size = TextFieldSize.Md,\n      startAccessory,\n      endAccessory,\n      style,\n      truncate = true,\n      type = TextFieldType.Text,\n      value,\n      ...rest\n    },\n    ref,\n  ) => {\n    const internalInputRef = useRef<HTMLInputElement | null>(null);\n    const [isFocused, setIsFocused] = useState(autoFocus);\n\n    useEffect(() => {\n      if (isDisabled) {\n        setIsFocused(false);\n      }\n    }, [isDisabled]);\n\n    const handleClick = useCallback(\n      (event: React.MouseEvent<HTMLDivElement>) => {\n        if (isDisabled) {\n          return;\n        }\n        internalInputRef.current?.focus();\n        onClick?.(event);\n      },\n      [isDisabled, onClick],\n    );\n\n    const handleFocus = useCallback(\n      (event: React.FocusEvent<HTMLInputElement>) => {\n        setIsFocused(true);\n        onFocus?.(event);\n      },\n      [onFocus],\n    );\n\n    const handleBlur = useCallback(\n      (event: React.FocusEvent<HTMLInputElement>) => {\n        setIsFocused(false);\n        onBlur?.(event);\n      },\n      [onBlur],\n    );\n\n    const handleInputRef = useCallback(\n      (node: HTMLInputElement | null) => {\n        internalInputRef.current = node;\n        if (typeof inputRef === 'function') {\n          inputRef(node);\n        } else if (inputRef && 'current' in inputRef) {\n          (\n            inputRef as React.MutableRefObject<HTMLInputElement | null>\n          ).current = node;\n        }\n      },\n      [inputRef],\n    );\n\n    const { className: inputClassNameFromProps, ...inputRest } =\n      inputProps ?? {};\n\n    const containerClassName = twMerge(\n      'inline-flex items-center rounded-lg border bg-default transition-colors',\n      SIZE_CLASS[size],\n      startAccessory ? 'pl-4' : 'pl-0',\n      endAccessory ? 'pr-4' : 'pr-0',\n      isDisabled && 'cursor-not-allowed border-muted opacity-50',\n      !isDisabled && isError && 'border-error-default',\n      !isDisabled && !isError && isFocused && 'border-default',\n      !isDisabled && !isError && !isFocused && 'border-muted',\n      className,\n    );\n\n    const innerInputClassName = twMerge(\n      'm-0 h-full min-w-0 flex-1 border-0 bg-transparent p-0',\n      startAccessory ? 'pl-2' : 'pl-4',\n      endAccessory ? 'pr-2' : 'pr-4',\n      truncate && 'truncate',\n      inputClassNameFromProps,\n    );\n\n    return (\n      <div\n        ref={ref}\n        className={containerClassName}\n        style={style}\n        onClick={handleClick}\n        {...rest}\n      >\n        {startAccessory}\n        {inputElement ?? (\n          <Input\n            {...inputRest}\n            ref={handleInputRef}\n            id={id}\n            name={name}\n            type={type}\n            value={value}\n            placeholder={placeholder}\n            autoFocus={autoFocus}\n            isDisabled={isDisabled}\n            isReadOnly={isReadOnly}\n            isStateStylesDisabled\n            maxLength={maxLength}\n            required={required}\n            aria-invalid={isError || undefined}\n            onChange={onChange}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            className={innerInputClassName}\n          />\n        )}\n        {endAccessory}\n      </div>\n    );\n  },\n);\n\nTextField.displayName = 'TextField';\n"]}

package/dist/components/TextField/TextField.types.cjs

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextFieldType = exports.TextFieldSize = void 0;
+/**
+ * TextField size variants (web-only, ADR-0003).
+ *
+ * The React Native `TextField` ships a fixed height and intentionally does not
+ * expose a size prop, so this const object lives in the web package only.
+ */
+exports.TextFieldSize = {
+    Sm: 'sm',
+    Md: 'md',
+    Lg: 'lg',
+};
+/**
+ * Native input `type` attribute values supported by the web TextField
+ * (ADR-0003). React Native consumers use `inputProps.keyboardType` /
+ * `inputProps.secureTextEntry` instead, so this is web-only.
+ */
+exports.TextFieldType = {
+    Text: 'text',
+    Number: 'number',
+    Password: 'password',
+    Search: 'search',
+};
+//# sourceMappingURL=TextField.types.cjs.map

package/dist/components/TextField/TextField.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.types.cjs","sourceRoot":"","sources":["../../../src/components/TextField/TextField.types.ts"],"names":[],"mappings":";;;AAKA;;;;;GAKG;AACU,QAAA,aAAa,GAAG;IAC3B,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;CACA,CAAC;AAGX;;;;GAIG;AACU,QAAA,aAAa,GAAG;IAC3B,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,MAAM,EAAE,QAAQ;CACR,CAAC","sourcesContent":["import type { TextFieldPropsShared } from '@metamask-previews/design-system-shared';\nimport type { ComponentPropsWithoutRef, Ref } from 'react';\n\nimport type { InputProps } from '../Input/Input.types';\n\n/**\n * TextField size variants (web-only, ADR-0003).\n *\n * The React Native `TextField` ships a fixed height and intentionally does not\n * expose a size prop, so this const object lives in the web package only.\n */\nexport const TextFieldSize = {\n  Sm: 'sm',\n  Md: 'md',\n  Lg: 'lg',\n} as const;\nexport type TextFieldSize = (typeof TextFieldSize)[keyof typeof TextFieldSize];\n\n/**\n * Native input `type` attribute values supported by the web TextField\n * (ADR-0003). React Native consumers use `inputProps.keyboardType` /\n * `inputProps.secureTextEntry` instead, so this is web-only.\n */\nexport const TextFieldType = {\n  Text: 'text',\n  Number: 'number',\n  Password: 'password',\n  Search: 'search',\n} as const;\nexport type TextFieldType = (typeof TextFieldType)[keyof typeof TextFieldType];\n\ntype TextFieldInputProps = Omit<\n  InputProps,\n  | 'autoFocus'\n  | 'id'\n  | 'isDisabled'\n  | 'isReadOnly'\n  | 'isStateStylesDisabled'\n  | 'maxLength'\n  | 'name'\n  | 'onBlur'\n  | 'onChange'\n  | 'onFocus'\n  | 'placeholder'\n  | 'required'\n  | 'type'\n  | 'value'\n>;\n\nexport type TextFieldProps = Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'onBlur' | 'onChange' | 'onFocus' | 'onClick'\n> &\n  TextFieldPropsShared & {\n    /**\n     * The size of the text field. Controls the height.\n     *\n     * @default TextFieldSize.Md\n     */\n    size?: TextFieldSize;\n    /**\n     * The native input `type` attribute.\n     *\n     * @default TextFieldType.Text\n     */\n    type?: TextFieldType;\n    /**\n     * If true, truncates overflowing input text with an ellipsis.\n     *\n     * @default true\n     */\n    truncate?: boolean;\n    /**\n     * Max number of characters to allow.\n     */\n    maxLength?: number;\n    /**\n     * Name attribute of the inner `input` element.\n     */\n    name?: string;\n    /**\n     * `id` of the inner `input` element.\n     */\n    id?: string;\n    /**\n     * If true, the inner input is marked as required.\n     */\n    required?: boolean;\n    /**\n     * Additional props for the inner `Input`. Do not pass `value`,\n     * `placeholder`, `isDisabled`, `isReadOnly`, `onFocus`, `onBlur`,\n     * `onChange`, `id`, `name`, `type`, `maxLength`, or `required` here;\n     * use the TextField-level props above.\n     */\n    inputProps?: TextFieldInputProps;\n    /**\n     * Ref to the inner `input` element. The component `ref` targets the\n     * root `div`.\n     */\n    inputRef?: Ref<HTMLInputElement>;\n    /**\n     * Called when the inner input value changes.\n     */\n    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n    /**\n     * Called when the inner input receives focus.\n     */\n    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n    /**\n     * Called when the inner input loses focus.\n     */\n    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n    /**\n     * Called when the root container is clicked. Focuses the inner input.\n     */\n    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n    /**\n     * Optional additional CSS classes for the root container.\n     */\n    className?: string;\n    /**\n     * Optional inline styles for the root container.\n     */\n    style?: React.CSSProperties;\n  };\n"]}

package/dist/components/TextField/TextField.types.d.cts

@@ -0,0 +1,102 @@
+import type { TextFieldPropsShared } from "@metamask-previews/design-system-shared";
+import type { ComponentPropsWithoutRef, Ref } from "react";
+import type { InputProps } from "../Input/Input.types.cjs";
+/**
+ * TextField size variants (web-only, ADR-0003).
+ *
+ * The React Native `TextField` ships a fixed height and intentionally does not
+ * expose a size prop, so this const object lives in the web package only.
+ */
+export declare const TextFieldSize: {
+    readonly Sm: "sm";
+    readonly Md: "md";
+    readonly Lg: "lg";
+};
+export type TextFieldSize = (typeof TextFieldSize)[keyof typeof TextFieldSize];
+/**
+ * Native input `type` attribute values supported by the web TextField
+ * (ADR-0003). React Native consumers use `inputProps.keyboardType` /
+ * `inputProps.secureTextEntry` instead, so this is web-only.
+ */
+export declare const TextFieldType: {
+    readonly Text: "text";
+    readonly Number: "number";
+    readonly Password: "password";
+    readonly Search: "search";
+};
+export type TextFieldType = (typeof TextFieldType)[keyof typeof TextFieldType];
+type TextFieldInputProps = Omit<InputProps, 'autoFocus' | 'id' | 'isDisabled' | 'isReadOnly' | 'isStateStylesDisabled' | 'maxLength' | 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'placeholder' | 'required' | 'type' | 'value'>;
+export type TextFieldProps = Omit<ComponentPropsWithoutRef<'div'>, 'onBlur' | 'onChange' | 'onFocus' | 'onClick'> & TextFieldPropsShared & {
+    /**
+     * The size of the text field. Controls the height.
+     *
+     * @default TextFieldSize.Md
+     */
+    size?: TextFieldSize;
+    /**
+     * The native input `type` attribute.
+     *
+     * @default TextFieldType.Text
+     */
+    type?: TextFieldType;
+    /**
+     * If true, truncates overflowing input text with an ellipsis.
+     *
+     * @default true
+     */
+    truncate?: boolean;
+    /**
+     * Max number of characters to allow.
+     */
+    maxLength?: number;
+    /**
+     * Name attribute of the inner `input` element.
+     */
+    name?: string;
+    /**
+     * `id` of the inner `input` element.
+     */
+    id?: string;
+    /**
+     * If true, the inner input is marked as required.
+     */
+    required?: boolean;
+    /**
+     * Additional props for the inner `Input`. Do not pass `value`,
+     * `placeholder`, `isDisabled`, `isReadOnly`, `onFocus`, `onBlur`,
+     * `onChange`, `id`, `name`, `type`, `maxLength`, or `required` here;
+     * use the TextField-level props above.
+     */
+    inputProps?: TextFieldInputProps;
+    /**
+     * Ref to the inner `input` element. The component `ref` targets the
+     * root `div`.
+     */
+    inputRef?: Ref<HTMLInputElement>;
+    /**
+     * Called when the inner input value changes.
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * Called when the inner input receives focus.
+     */
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Called when the inner input loses focus.
+     */
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * Called when the root container is clicked. Focuses the inner input.
+     */
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Optional additional CSS classes for the root container.
+     */
+    className?: string;
+    /**
+     * Optional inline styles for the root container.
+     */
+    style?: React.CSSProperties;
+};
+export {};
+//# sourceMappingURL=TextField.types.d.cts.map

package/dist/components/TextField/TextField.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.types.d.cts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,gDAAgD;AACpF,OAAO,KAAK,EAAE,wBAAwB,EAAE,GAAG,EAAE,cAAc;AAE3D,OAAO,KAAK,EAAE,UAAU,EAAE,iCAA6B;AAEvD;;;;;GAKG;AACH,eAAO,MAAM,aAAa;;;;CAIhB,CAAC;AACX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E;;;;GAIG;AACH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AACX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E,KAAK,mBAAmB,GAAG,IAAI,CAC7B,UAAU,EACR,WAAW,GACX,IAAI,GACJ,YAAY,GACZ,YAAY,GACZ,uBAAuB,GACvB,WAAW,GACX,MAAM,GACN,QAAQ,GACR,UAAU,GACV,SAAS,GACT,aAAa,GACb,UAAU,GACV,MAAM,GACN,OAAO,CACV,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,wBAAwB,CAAC,KAAK,CAAC,EAC/B,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAC9C,GACC,oBAAoB,GAAG;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAChE;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC9D;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC7D;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}