@elliemae/ds-controlled-form 2.3.0-next.13 → 2.3.0-next.17

package/types/controlled-date-time-picker/parts/Pickers/Calendar/Styleds.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledShadowWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isControllerOnly: boolean;
 }, never>;
 export declare const StyledCalendarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledHeader: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledHeaderButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledHeaderButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledBody: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDayBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledWeekDaysListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDayBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledWeekDaysListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledWeekDaysHeaderItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CalendarFooterMessage: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {}, never>;

package/types/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledCalendarWithTimeWheelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isControllerOnly: boolean;
 }, never>;

package/types/controlled-date-time-picker/parts/Pickers/TimeWheel/Styleds.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledWheelList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 interface StyledWheelListItemPropsT {
     isCurrentListItem?: boolean;
@@ -9,11 +9,11 @@ export declare const StyledTimePickerContainer: import("styled-components").Styl
     showShadow?: boolean | undefined;
     isControllerOnly: boolean;
 }, never>;
-export declare const StyledTimePickerHead: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTimePickerHead: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledTimePickerWheelsLegend: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledTimePickerWheelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledTimeBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTimeBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledWheelListItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledWheelListItemPropsT, never>;
-export declare const StyledWheelChangeTimeBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledWheelChangeTimeBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
 export declare const TimeWheelFooterMessage: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {}, never>;
 export {};

package/types/controlled-date-time-picker/parts/Styleds.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledColonSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledColonSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const Styled2DigitsInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledMin4DigitsInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledInputsWrapperGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledInputsWrapperGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledDateInputsWrapperGrid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledTimeInputsWrapperGrid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledPickersIconsWrapperGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+export declare const StyledPickersIconsWrapperGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     isControllerOnly: boolean;
 }, never>;
-export declare const StyledFocusWithIn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledClearButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledFocusWithIn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledClearButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;

package/types/controlled-mask-hook/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './usePhoneMask';

package/types/controlled-mask-hook/hooks/usePhoneMask.d.ts

@@ -0,0 +1,3 @@
+import { DSMaskT } from '../react-desc-prop-types';
+export declare const usePhoneMask: DSMaskT.Hook;
+export declare const UsePhoneMaskWithSchema: any;

package/types/controlled-mask-hook/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks';
+export type { DSMaskT } from './react-desc-prop-types';

package/types/controlled-mask-hook/react-desc-prop-types.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export declare namespace DSMaskT {
+    interface HookArgs {
+        valueSetter: React.Dispatch<React.SetStateAction<string>>;
+        onChange?: (e: React.ChangeEvent<HTMLInputElement>, mask?: string) => void;
+        onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+        onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    }
+    interface HookReturn {
+        onChange: React.ChangeEventHandler<HTMLInputElement>;
+        onKeyDown: React.KeyboardEventHandler<HTMLInputElement>;
+        onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    }
+    type Hook = (args: HookArgs) => HookReturn;
+}
+export declare const DSMaskHookDefaultProps: Partial<DSMaskT.HookArgs>;
+export declare const DSMaskHookPropsTypes: React.WeakValidationMap<unknown>;

package/types/controlled-mask-hook/tests/usePhoneMask.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/controlled-mask-hook/utils/addSpecialCharacters.d.ts

@@ -0,0 +1,9 @@
+/**
+ *
+ * @param {string[]} maskWithoutSpecialChars An array of characters with the unfinished mask
+ * @param {[string, number][]} specialCharsDescr An array of tuples. Each tuple contains a string and a position (What string to add in a particular position)
+ * @param {number} maskedPos Current masked position
+ * @param {string} lastKeyCode Last key code of the user
+ * @returns {[string, number]} A tuple containing the final mask and the final masked position
+ */
+export declare const addSpecialCharacters: (maskWithoutSpecialChars: string[], specialCharsDescr: [string, number][], maskedPos: number, lastKeyCode: string) => [string, number];

package/types/controlled-mask-hook/utils/getPartialMaskedPos.d.ts

@@ -0,0 +1 @@
+export declare const getPartialMaskedPos: (rawValue: string, maskWithoutSpecialChars: string[], cursorPos: number) => number;

package/types/controlled-mask-hook/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from './addSpecialCharacters';
+export * from './getPartialMaskedPos';
+export * from './setCursorPosition';

package/types/controlled-mask-hook/utils/setCursorPosition.d.ts

@@ -0,0 +1 @@
+export declare const setCursorPosition: (input: HTMLInputElement, position: number) => void;

package/types/controlled-text-input/DSInputText.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DSInputTextT } from './react-desc-prop-types';
+export declare const DSInputText: React.ComponentType<DSInputTextT.Props>;
+export declare const DSInputTextWithSchema: any;

package/types/controlled-text-input/config/useInputText.d.ts

@@ -0,0 +1,434 @@
+import React from 'react';
+import { DSInputTextT } from '../react-desc-prop-types';
+export declare const useInputText: (props: DSInputTextT.Props) => {
+    globalAttributes: import("@elliemae/ds-props-helpers").GlobalAttributesT<Element>;
+    hasFocus: boolean;
+    handlers: {
+        onChange: React.ChangeEventHandler<HTMLInputElement>;
+        onFocus: React.FocusEventHandler<HTMLInputElement>;
+        onBlur: React.FocusEventHandler<HTMLInputElement>;
+    };
+    propsWithDefault: {
+        value: string | number;
+        onValueChange: (nextValue: string | number, e: React.ChangeEvent<HTMLInputElement>) => void;
+        onClear: () => void;
+        placeholder: string;
+        innerRef: React.RefObject<HTMLInputElement> | ((_ref: HTMLInputElement) => void);
+        disabled: boolean;
+        readOnly: boolean;
+        hasError: boolean;
+        inputSize: "s" | "m";
+        clearable: boolean;
+        autoFocus: boolean;
+        onKeyDown: React.KeyboardEventHandler<HTMLInputElement>;
+        onChange: React.FormEventHandler<HTMLInputElement>;
+        media: string;
+        cite: string;
+        data: string;
+        form: string;
+        label: string;
+        slot: string;
+        span: number;
+        style: React.CSSProperties;
+        summary: string;
+        title: string;
+        pattern: string;
+        default: boolean;
+        type: string;
+        children: string | number | boolean | {} | React.ReactElement<any, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | React.ReactPortal | null;
+        name: string;
+        accept: string;
+        acceptCharset: string;
+        action: string;
+        allowFullScreen: boolean;
+        allowTransparency: boolean;
+        alt: string;
+        async: boolean;
+        autoComplete: string;
+        autoPlay: boolean;
+        capture: boolean | "user" | "environment";
+        cellPadding: string | number;
+        cellSpacing: string | number;
+        charSet: string;
+        challenge: string;
+        checked: boolean;
+        classID: string;
+        cols: number;
+        colSpan: number;
+        content: string;
+        controls: boolean;
+        coords: string;
+        crossOrigin: string;
+        dateTime: string;
+        defer: boolean;
+        download: any;
+        encType: string;
+        formAction: string;
+        formEncType: string;
+        formMethod: string;
+        formNoValidate: boolean;
+        formTarget: string;
+        frameBorder: string | number;
+        headers: string;
+        height: string | number;
+        high: number;
+        href: string;
+        hrefLang: string;
+        htmlFor: string;
+        httpEquiv: string;
+        integrity: string;
+        keyParams: string;
+        keyType: string;
+        kind: string;
+        list: string;
+        loop: boolean;
+        low: number;
+        manifest: string;
+        marginHeight: number;
+        marginWidth: number;
+        max: string | number;
+        maxLength: number;
+        mediaGroup: string;
+        method: string;
+        min: string | number;
+        minLength: number;
+        multiple: boolean;
+        muted: boolean;
+        nonce: string;
+        noValidate: boolean;
+        open: boolean;
+        optimum: number;
+        playsInline: boolean;
+        poster: string;
+        preload: string;
+        rel: string;
+        required: boolean;
+        reversed: boolean;
+        rows: number;
+        rowSpan: number;
+        sandbox: string;
+        scope: string;
+        scoped: boolean;
+        scrolling: string;
+        seamless: boolean;
+        selected: boolean;
+        shape: string;
+        size: number;
+        sizes: string;
+        src: string;
+        srcDoc: string;
+        srcLang: string;
+        srcSet: string;
+        start: number;
+        step: string | number;
+        target: string;
+        useMap: string;
+        width: string | number;
+        wmode: string;
+        wrap: string;
+        defaultChecked: boolean;
+        defaultValue: string | number | readonly string[];
+        suppressContentEditableWarning: boolean;
+        suppressHydrationWarning: boolean;
+        accessKey: string;
+        className: string;
+        contentEditable: boolean | "true" | "false" | "inherit";
+        contextMenu: string;
+        dir: string;
+        draggable: boolean | "true" | "false";
+        hidden: boolean;
+        id: string;
+        lang: string;
+        spellCheck: boolean | "true" | "false";
+        tabIndex: number;
+        translate: "yes" | "no";
+        radioGroup: string;
+        role: "article" | "button" | "dialog" | "figure" | "form" | "img" | "link" | "main" | "menu" | "menuitem" | "option" | "table" | "switch" | "search" | "separator" | "list" | "none" | "listbox" | "tree" | "grid" | "alert" | "alertdialog" | "application" | "banner" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "directory" | "document" | "feed" | "gridcell" | "group" | "heading" | "listitem" | "log" | "marquee" | "math" | "menubar" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "note" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "searchbox" | "slider" | "spinbutton" | "status" | "tab" | "tablist" | "tabpanel" | "term" | "textbox" | "timer" | "toolbar" | "tooltip" | "treegrid" | "treeitem" | (string & {});
+        about: string;
+        datatype: string;
+        inlist: any;
+        prefix: string;
+        property: string;
+        resource: string;
+        typeof: string;
+        vocab: string;
+        autoCapitalize: string;
+        autoCorrect: string;
+        autoSave: string;
+        color: string;
+        itemProp: string;
+        itemScope: boolean;
+        itemType: string;
+        itemID: string;
+        itemRef: string;
+        results: number;
+        security: string;
+        unselectable: "off" | "on";
+        inputMode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
+        is: string;
+        'aria-activedescendant': string;
+        'aria-atomic': boolean | "true" | "false";
+        'aria-autocomplete': "list" | "none" | "inline" | "both";
+        'aria-busy': boolean | "true" | "false";
+        'aria-checked': boolean | "true" | "false" | "mixed";
+        'aria-colcount': number;
+        'aria-colindex': number;
+        'aria-colspan': number;
+        'aria-controls': string;
+        'aria-current': boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date";
+        'aria-describedby': string;
+        'aria-details': string;
+        'aria-disabled': boolean | "true" | "false";
+        'aria-dropeffect': "link" | "none" | "copy" | "execute" | "move" | "popup";
+        'aria-errormessage': string;
+        'aria-expanded': boolean | "true" | "false";
+        'aria-flowto': string;
+        'aria-grabbed': boolean | "true" | "false";
+        'aria-haspopup': boolean | "dialog" | "menu" | "true" | "false" | "listbox" | "tree" | "grid";
+        'aria-hidden': boolean | "true" | "false";
+        'aria-invalid': boolean | "true" | "false" | "grammar" | "spelling";
+        'aria-keyshortcuts': string;
+        'aria-label': string;
+        'aria-labelledby': string;
+        'aria-level': number;
+        'aria-live': "off" | "assertive" | "polite";
+        'aria-modal': boolean | "true" | "false";
+        'aria-multiline': boolean | "true" | "false";
+        'aria-multiselectable': boolean | "true" | "false";
+        'aria-orientation': "horizontal" | "vertical";
+        'aria-owns': string;
+        'aria-placeholder': string;
+        'aria-posinset': number;
+        'aria-pressed': boolean | "true" | "false" | "mixed";
+        'aria-readonly': boolean | "true" | "false";
+        'aria-relevant': "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
+        'aria-required': boolean | "true" | "false";
+        'aria-roledescription': string;
+        'aria-rowcount': number;
+        'aria-rowindex': number;
+        'aria-rowspan': number;
+        'aria-selected': boolean | "true" | "false";
+        'aria-setsize': number;
+        'aria-sort': "none" | "ascending" | "descending" | "other";
+        'aria-valuemax': number;
+        'aria-valuemin': number;
+        'aria-valuenow': number;
+        'aria-valuetext': string;
+        dangerouslySetInnerHTML: {
+            __html: string;
+        };
+        onCopy: React.ClipboardEventHandler<HTMLInputElement>;
+        onCopyCapture: React.ClipboardEventHandler<HTMLInputElement>;
+        onCut: React.ClipboardEventHandler<HTMLInputElement>;
+        onCutCapture: React.ClipboardEventHandler<HTMLInputElement>;
+        onPaste: React.ClipboardEventHandler<HTMLInputElement>;
+        onPasteCapture: React.ClipboardEventHandler<HTMLInputElement>;
+        onCompositionEnd: React.CompositionEventHandler<HTMLInputElement>;
+        onCompositionEndCapture: React.CompositionEventHandler<HTMLInputElement>;
+        onCompositionStart: React.CompositionEventHandler<HTMLInputElement>;
+        onCompositionStartCapture: React.CompositionEventHandler<HTMLInputElement>;
+        onCompositionUpdate: React.CompositionEventHandler<HTMLInputElement>;
+        onCompositionUpdateCapture: React.CompositionEventHandler<HTMLInputElement>;
+        onFocus: React.FocusEventHandler<HTMLInputElement>;
+        onFocusCapture: React.FocusEventHandler<HTMLInputElement>;
+        onBlur: React.FocusEventHandler<HTMLInputElement>;
+        onBlurCapture: React.FocusEventHandler<HTMLInputElement>;
+        onChangeCapture: React.FormEventHandler<HTMLInputElement>;
+        onBeforeInput: React.FormEventHandler<HTMLInputElement>;
+        onBeforeInputCapture: React.FormEventHandler<HTMLInputElement>;
+        onInput: React.FormEventHandler<HTMLInputElement>;
+        onInputCapture: React.FormEventHandler<HTMLInputElement>;
+        onReset: React.FormEventHandler<HTMLInputElement>;
+        onResetCapture: React.FormEventHandler<HTMLInputElement>;
+        onSubmit: React.FormEventHandler<HTMLInputElement>;
+        onSubmitCapture: React.FormEventHandler<HTMLInputElement>;
+        onInvalid: React.FormEventHandler<HTMLInputElement>;
+        onInvalidCapture: React.FormEventHandler<HTMLInputElement>;
+        onLoad: React.ReactEventHandler<HTMLInputElement>;
+        onLoadCapture: React.ReactEventHandler<HTMLInputElement>;
+        onError: React.ReactEventHandler<HTMLInputElement>;
+        onErrorCapture: React.ReactEventHandler<HTMLInputElement>;
+        onKeyDownCapture: React.KeyboardEventHandler<HTMLInputElement>;
+        onKeyPress: React.KeyboardEventHandler<HTMLInputElement>;
+        onKeyPressCapture: React.KeyboardEventHandler<HTMLInputElement>;
+        onKeyUp: React.KeyboardEventHandler<HTMLInputElement>;
+        onKeyUpCapture: React.KeyboardEventHandler<HTMLInputElement>;
+        onAbort: React.ReactEventHandler<HTMLInputElement>;
+        onAbortCapture: React.ReactEventHandler<HTMLInputElement>;
+        onCanPlay: React.ReactEventHandler<HTMLInputElement>;
+        onCanPlayCapture: React.ReactEventHandler<HTMLInputElement>;
+        onCanPlayThrough: React.ReactEventHandler<HTMLInputElement>;
+        onCanPlayThroughCapture: React.ReactEventHandler<HTMLInputElement>;
+        onDurationChange: React.ReactEventHandler<HTMLInputElement>;
+        onDurationChangeCapture: React.ReactEventHandler<HTMLInputElement>;
+        onEmptied: React.ReactEventHandler<HTMLInputElement>;
+        onEmptiedCapture: React.ReactEventHandler<HTMLInputElement>;
+        onEncrypted: React.ReactEventHandler<HTMLInputElement>;
+        onEncryptedCapture: React.ReactEventHandler<HTMLInputElement>;
+        onEnded: React.ReactEventHandler<HTMLInputElement>;
+        onEndedCapture: React.ReactEventHandler<HTMLInputElement>;
+        onLoadedData: React.ReactEventHandler<HTMLInputElement>;
+        onLoadedDataCapture: React.ReactEventHandler<HTMLInputElement>;
+        onLoadedMetadata: React.ReactEventHandler<HTMLInputElement>;
+        onLoadedMetadataCapture: React.ReactEventHandler<HTMLInputElement>;
+        onLoadStart: React.ReactEventHandler<HTMLInputElement>;
+        onLoadStartCapture: React.ReactEventHandler<HTMLInputElement>;
+        onPause: React.ReactEventHandler<HTMLInputElement>;
+        onPauseCapture: React.ReactEventHandler<HTMLInputElement>;
+        onPlay: React.ReactEventHandler<HTMLInputElement>;
+        onPlayCapture: React.ReactEventHandler<HTMLInputElement>;
+        onPlaying: React.ReactEventHandler<HTMLInputElement>;
+        onPlayingCapture: React.ReactEventHandler<HTMLInputElement>;
+        onProgress: React.ReactEventHandler<HTMLInputElement>;
+        onProgressCapture: React.ReactEventHandler<HTMLInputElement>;
+        onRateChange: React.ReactEventHandler<HTMLInputElement>;
+        onRateChangeCapture: React.ReactEventHandler<HTMLInputElement>;
+        onSeeked: React.ReactEventHandler<HTMLInputElement>;
+        onSeekedCapture: React.ReactEventHandler<HTMLInputElement>;
+        onSeeking: React.ReactEventHandler<HTMLInputElement>;
+        onSeekingCapture: React.ReactEventHandler<HTMLInputElement>;
+        onStalled: React.ReactEventHandler<HTMLInputElement>;
+        onStalledCapture: React.ReactEventHandler<HTMLInputElement>;
+        onSuspend: React.ReactEventHandler<HTMLInputElement>;
+        onSuspendCapture: React.ReactEventHandler<HTMLInputElement>;
+        onTimeUpdate: React.ReactEventHandler<HTMLInputElement>;
+        onTimeUpdateCapture: React.ReactEventHandler<HTMLInputElement>;
+        onVolumeChange: React.ReactEventHandler<HTMLInputElement>;
+        onVolumeChangeCapture: React.ReactEventHandler<HTMLInputElement>;
+        onWaiting: React.ReactEventHandler<HTMLInputElement>;
+        onWaitingCapture: React.ReactEventHandler<HTMLInputElement>;
+        onAuxClick: React.MouseEventHandler<HTMLInputElement>;
+        onAuxClickCapture: React.MouseEventHandler<HTMLInputElement>;
+        onClick: React.MouseEventHandler<HTMLInputElement>;
+        onClickCapture: React.MouseEventHandler<HTMLInputElement>;
+        onContextMenu: React.MouseEventHandler<HTMLInputElement>;
+        onContextMenuCapture: React.MouseEventHandler<HTMLInputElement>;
+        onDoubleClick: React.MouseEventHandler<HTMLInputElement>;
+        onDoubleClickCapture: React.MouseEventHandler<HTMLInputElement>;
+        onDrag: React.DragEventHandler<HTMLInputElement>;
+        onDragCapture: React.DragEventHandler<HTMLInputElement>;
+        onDragEnd: React.DragEventHandler<HTMLInputElement>;
+        onDragEndCapture: React.DragEventHandler<HTMLInputElement>;
+        onDragEnter: React.DragEventHandler<HTMLInputElement>;
+        onDragEnterCapture: React.DragEventHandler<HTMLInputElement>;
+        onDragExit: React.DragEventHandler<HTMLInputElement>;
+        onDragExitCapture: React.DragEventHandler<HTMLInputElement>;
+        onDragLeave: React.DragEventHandler<HTMLInputElement>;
+        onDragLeaveCapture: React.DragEventHandler<HTMLInputElement>;
+        onDragOver: React.DragEventHandler<HTMLInputElement>;
+        onDragOverCapture: React.DragEventHandler<HTMLInputElement>;
+        onDragStart: React.DragEventHandler<HTMLInputElement>;
+        onDragStartCapture: React.DragEventHandler<HTMLInputElement>;
+        onDrop: React.DragEventHandler<HTMLInputElement>;
+        onDropCapture: React.DragEventHandler<HTMLInputElement>;
+        onMouseDown: React.MouseEventHandler<HTMLInputElement>;
+        onMouseDownCapture: React.MouseEventHandler<HTMLInputElement>;
+        onMouseEnter: React.MouseEventHandler<HTMLInputElement>;
+        onMouseLeave: React.MouseEventHandler<HTMLInputElement>;
+        onMouseMove: React.MouseEventHandler<HTMLInputElement>;
+        onMouseMoveCapture: React.MouseEventHandler<HTMLInputElement>;
+        onMouseOut: React.MouseEventHandler<HTMLInputElement>;
+        onMouseOutCapture: React.MouseEventHandler<HTMLInputElement>;
+        onMouseOver: React.MouseEventHandler<HTMLInputElement>;
+        onMouseOverCapture: React.MouseEventHandler<HTMLInputElement>;
+        onMouseUp: React.MouseEventHandler<HTMLInputElement>;
+        onMouseUpCapture: React.MouseEventHandler<HTMLInputElement>;
+        onSelect: React.ReactEventHandler<HTMLInputElement>;
+        onSelectCapture: React.ReactEventHandler<HTMLInputElement>;
+        onTouchCancel: React.TouchEventHandler<HTMLInputElement>;
+        onTouchCancelCapture: React.TouchEventHandler<HTMLInputElement>;
+        onTouchEnd: React.TouchEventHandler<HTMLInputElement>;
+        onTouchEndCapture: React.TouchEventHandler<HTMLInputElement>;
+        onTouchMove: React.TouchEventHandler<HTMLInputElement>;
+        onTouchMoveCapture: React.TouchEventHandler<HTMLInputElement>;
+        onTouchStart: React.TouchEventHandler<HTMLInputElement>;
+        onTouchStartCapture: React.TouchEventHandler<HTMLInputElement>;
+        onPointerDown: React.PointerEventHandler<HTMLInputElement>;
+        onPointerDownCapture: React.PointerEventHandler<HTMLInputElement>;
+        onPointerMove: React.PointerEventHandler<HTMLInputElement>;
+        onPointerMoveCapture: React.PointerEventHandler<HTMLInputElement>;
+        onPointerUp: React.PointerEventHandler<HTMLInputElement>;
+        onPointerUpCapture: React.PointerEventHandler<HTMLInputElement>;
+        onPointerCancel: React.PointerEventHandler<HTMLInputElement>;
+        onPointerCancelCapture: React.PointerEventHandler<HTMLInputElement>;
+        onPointerEnter: React.PointerEventHandler<HTMLInputElement>;
+        onPointerEnterCapture: React.PointerEventHandler<HTMLInputElement>;
+        onPointerLeave: React.PointerEventHandler<HTMLInputElement>;
+        onPointerLeaveCapture: React.PointerEventHandler<HTMLInputElement>;
+        onPointerOver: React.PointerEventHandler<HTMLInputElement>;
+        onPointerOverCapture: React.PointerEventHandler<HTMLInputElement>;
+        onPointerOut: React.PointerEventHandler<HTMLInputElement>;
+        onPointerOutCapture: React.PointerEventHandler<HTMLInputElement>;
+        onGotPointerCapture: React.PointerEventHandler<HTMLInputElement>;
+        onGotPointerCaptureCapture: React.PointerEventHandler<HTMLInputElement>;
+        onLostPointerCapture: React.PointerEventHandler<HTMLInputElement>;
+        onLostPointerCaptureCapture: React.PointerEventHandler<HTMLInputElement>;
+        onScroll: React.UIEventHandler<HTMLInputElement>;
+        onScrollCapture: React.UIEventHandler<HTMLInputElement>;
+        onWheel: React.WheelEventHandler<HTMLInputElement>;
+        onWheelCapture: React.WheelEventHandler<HTMLInputElement>;
+        onAnimationStart: React.AnimationEventHandler<HTMLInputElement>;
+        onAnimationStartCapture: React.AnimationEventHandler<HTMLInputElement>;
+        onAnimationEnd: React.AnimationEventHandler<HTMLInputElement>;
+        onAnimationEndCapture: React.AnimationEventHandler<HTMLInputElement>;
+        onAnimationIteration: React.AnimationEventHandler<HTMLInputElement>;
+        onAnimationIterationCapture: React.AnimationEventHandler<HTMLInputElement>;
+        onTransitionEnd: React.TransitionEventHandler<HTMLInputElement>;
+        onTransitionEndCapture: React.TransitionEventHandler<HTMLInputElement>;
+        margin: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        m: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        marginTop: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        mt: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        marginRight: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        mr: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        marginBottom: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        mb: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        marginLeft: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        ml: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        mx: string | 0 | (string & {}) | ("inherit" & {}) | ({} & "inherit") | ({} & "-moz-initial") | ({} & "initial") | ({} & "revert") | ({} & "unset") | ({} & "auto") | ("-moz-initial" & {}) | ("initial" & {}) | ("revert" & {}) | ("unset" & {}) | ("auto" & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}) | ("inherit" & {}) | ({} & "inherit") | ({} & "-moz-initial") | ({} & "initial") | ({} & "revert") | ({} & "unset") | ({} & "auto") | ("-moz-initial" & {}) | ("initial" & {}) | ("revert" & {}) | ("unset" & {}) | ("auto" & {}), import("@xstyled/system").Theme>;
+        my: string | 0 | (string & {}) | ("inherit" & {}) | ({} & "inherit") | ({} & "-moz-initial") | ({} & "initial") | ({} & "revert") | ({} & "unset") | ({} & "auto") | ("-moz-initial" & {}) | ("initial" & {}) | ("revert" & {}) | ("unset" & {}) | ("auto" & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}) | ("inherit" & {}) | ({} & "inherit") | ({} & "-moz-initial") | ({} & "initial") | ({} & "revert") | ({} & "unset") | ({} & "auto") | ("-moz-initial" & {}) | ("initial" & {}) | ("revert" & {}) | ("unset" & {}) | ("auto" & {}), import("@xstyled/system").Theme>;
+        padding: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        p: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        paddingTop: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        pt: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        paddingRight: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        pr: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        paddingBottom: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        pb: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        paddingLeft: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        pl: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        px: string | 0 | (string & {}) | ("inherit" & {}) | ({} & "inherit") | ({} & "-moz-initial") | ({} & "initial") | ({} & "revert") | ({} & "unset") | ("-moz-initial" & {}) | ("initial" & {}) | ("revert" & {}) | ("unset" & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}) | ("inherit" & {}) | ({} & "inherit") | ({} & "-moz-initial") | ({} & "initial") | ({} & "revert") | ({} & "unset") | ("-moz-initial" & {}) | ("initial" & {}) | ("revert" & {}) | ("unset" & {}), import("@xstyled/system").Theme>;
+        py: string | 0 | (string & {}) | ("inherit" & {}) | ({} & "inherit") | ({} & "-moz-initial") | ({} & "initial") | ({} & "revert") | ({} & "unset") | ("-moz-initial" & {}) | ("initial" & {}) | ("revert" & {}) | ("unset" & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}) | ("inherit" & {}) | ({} & "inherit") | ({} & "-moz-initial") | ({} & "initial") | ({} & "revert") | ({} & "unset") | ("-moz-initial" & {}) | ("initial" & {}) | ("revert" & {}) | ("unset" & {}), import("@xstyled/system").Theme>;
+        spaceX: string | import("@xstyled/system").ThemeProp<string, import("@xstyled/system").Theme>;
+        spaceY: string | import("@xstyled/system").ThemeProp<string, import("@xstyled/system").Theme>;
+        spaceXReverse: boolean | import("@xstyled/system").ThemeProp<boolean, import("@xstyled/system").Theme>;
+        spaceYReverse: boolean | import("@xstyled/system").ThemeProp<boolean, import("@xstyled/system").Theme>;
+        w: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        h: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        maxWidth: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        maxW: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        maxHeight: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        maxH: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        minWidth: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        minHeight: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        minH: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        maskSize: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        display: "ruby" | "table" | "none" | "inline" | "grid" | "inherit" | (string & {}) | "-moz-initial" | "initial" | "revert" | "unset" | "block" | "run-in" | "-ms-flexbox" | "-ms-grid" | "-webkit-flex" | "flex" | "flow" | "flow-root" | "ruby-base" | "ruby-base-container" | "ruby-text" | "ruby-text-container" | "table-caption" | "table-cell" | "table-column" | "table-column-group" | "table-footer-group" | "table-header-group" | "table-row" | "table-row-group" | "-ms-inline-flexbox" | "-ms-inline-grid" | "-webkit-inline-flex" | "inline-block" | "inline-flex" | "inline-grid" | "inline-list-item" | "inline-table" | "contents" | "list-item" | import("@xstyled/system").ThemeProp<import("csstype").Property.Display, import("@xstyled/system").Theme>;
+        float: "none" | "inherit" | "right" | "left" | "-moz-initial" | "initial" | "revert" | "unset" | "inline-end" | "inline-start" | import("@xstyled/system").ThemeProp<import("csstype").Property.Float, import("@xstyled/system").Theme>;
+        boxSizing: "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "border-box" | "content-box" | import("@xstyled/system").ThemeProp<import("csstype").Property.BoxSizing, import("@xstyled/system").Theme>;
+        container: boolean | import("@xstyled/system").ThemeProp<boolean, import("@xstyled/system").Theme>;
+        overflow: "hidden" | "inherit" | (string & {}) | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "-moz-hidden-unscrollable" | "clip" | "scroll" | "visible" | import("@xstyled/system").ThemeProp<import("csstype").Property.Overflow, import("@xstyled/system").Theme>;
+        overflowX: "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "-moz-hidden-unscrollable" | "clip" | "scroll" | "visible" | import("@xstyled/system").ThemeProp<import("csstype").Property.OverflowX, import("@xstyled/system").Theme>;
+        overflowY: "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "-moz-hidden-unscrollable" | "clip" | "scroll" | "visible" | import("@xstyled/system").ThemeProp<import("csstype").Property.OverflowY, import("@xstyled/system").Theme>;
+        position: "fixed" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "-webkit-sticky" | "absolute" | "relative" | "static" | "sticky" | import("@xstyled/system").ThemeProp<import("csstype").Property.Position, import("@xstyled/system").Theme>;
+        zIndex: string | (string & {}) | (number & {}) | import("@xstyled/system").ThemeProp<string | (string & {}) | (number & {}), import("@xstyled/system").Theme>;
+        top: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        right: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        bottom: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        left: string | 0 | (string & {}) | import("@xstyled/system").ThemeProp<string | 0 | (string & {}), import("@xstyled/system").Theme>;
+        visibility: "hidden" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "visible" | "collapse" | import("@xstyled/system").ThemeProp<import("csstype").Property.Visibility, import("@xstyled/system").Theme>;
+        overscrollBehavior: "none" | "inherit" | (string & {}) | "-moz-initial" | "initial" | "revert" | "unset" | "auto" | "contain" | import("@xstyled/system").ThemeProp<import("csstype").Property.OverscrollBehavior, import("@xstyled/system").Theme>;
+        objectFit: "none" | "inherit" | "-moz-initial" | "initial" | "revert" | "unset" | "contain" | "cover" | "fill" | "scale-down" | import("@xstyled/system").ThemeProp<import("csstype").Property.ObjectFit, import("@xstyled/system").Theme>;
+    };
+    xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
+};

package/types/controlled-text-input/exported-related/data-test-ids.d.ts

@@ -0,0 +1,4 @@
+export declare const DSInputTextDataTestIds: {
+    INPUT: string;
+    CLEAR_BUTTON: string;
+};

package/types/controlled-text-input/exported-related/index.d.ts

@@ -0,0 +1,2 @@
+export * from './data-test-ids';
+export * from './theming';

package/types/controlled-text-input/exported-related/theming.d.ts

@@ -0,0 +1,6 @@
+export declare const DSInputTextName = "ds-input-text";
+export declare const DSInputTextSlots: {
+    INPUT_WRAPPER: string;
+    INPUT: string;
+    CLEAR_BUTTON: string;
+};

package/types/controlled-text-input/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DSInputText';
+export * from './exported-related';