@zonos/amino 5.5.30 → 5.5.32

package/components/input/MultiInput.d.ts

@@ -0,0 +1,94 @@
+export type MultiInputProps = {
+    className?: string;
+    inputValue: string;
+    placeholder?: string;
+    setHasValidationError?: (hasValidationError: boolean) => void;
+    setInputValue: (input: string) => void;
+    setTags: (tags: string[]) => void;
+    style?: React.CSSProperties;
+    tagValidation?: (tag: string) => boolean;
+    tags: string[];
+};
+/**
+ * MultiInput component allows users to input multiple values (tags) in a single field.
+ * It supports keyboard navigation, tag validation, and clipboard paste operations.
+ *
+ * @example Basic usage
+ * const [tags, setTags] = useState<string[]>([]);
+ * const [inputValue, setInputValue] = useState('');
+ *
+ * <MultiInput
+ *   inputValue={inputValue}
+ *   setInputValue={setInputValue}
+ *   tags={tags}
+ *   setTags={setTags}
+ *   placeholder="Add tags..."
+ * />
+ *
+ * @example With tag validation
+ * const [tags, setTags] = useState<string[]>([]);
+ * const [inputValue, setInputValue] = useState('');
+ * const [hasError, setHasError] = useState(false);
+ *
+ * const validateTag = (tag: string) => {
+ *   return tag.length >= 3 && tag.length <= 20;
+ * };
+ *
+ * <MultiInput
+ *   inputValue={inputValue}
+ *   setInputValue={setInputValue}
+ *   tags={tags}
+ *   setTags={setTags}
+ *   tagValidation={validateTag}
+ *   setHasValidationError={setHasError}
+ *   placeholder="Enter tags (3-20 characters)"
+ * />
+ * {hasError && <Text color="danger">One or more tags are invalid</Text>}
+ *
+ * @example With initial tags
+ * const [tags, setTags] = useState<string[]>(["react", "typescript", "amino"]);
+ * const [inputValue, setInputValue] = useState('');
+ *
+ * <MultiInput
+ *   inputValue={inputValue}
+ *   setInputValue={setInputValue}
+ *   tags={tags}
+ *   setTags={setTags}
+ *   placeholder="Add more tags..."
+ * />
+ *
+ * @example With email validation
+ * const [emails, setEmails] = useState<string[]>([]);
+ * const [inputValue, setInputValue] = useState('');
+ * const [hasError, setHasError] = useState(false);
+ *
+ * const validateEmail = (email: string) => {
+ *   const regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+ *   return regex.test(email);
+ * };
+ *
+ * <MultiInput
+ *   inputValue={inputValue}
+ *   setInputValue={setInputValue}
+ *   tags={emails}
+ *   setTags={setEmails}
+ *   tagValidation={validateEmail}
+ *   setHasValidationError={setHasError}
+ *   placeholder="Add email addresses..."
+ * />
+ *
+ * @example With custom styling
+ * const [tags, setTags] = useState<string[]>([]);
+ * const [inputValue, setInputValue] = useState('');
+ *
+ * <MultiInput
+ *   inputValue={inputValue}
+ *   setInputValue={setInputValue}
+ *   tags={tags}
+ *   setTags={setTags}
+ *   className="custom-multi-input"
+ *   style={{ maxWidth: '500px' }}
+ *   placeholder="Add tags..."
+ * />
+ */
+export declare const MultiInput: ({ className, inputValue, placeholder, setHasValidationError, setInputValue, setTags, style, tags, tagValidation, }: MultiInputProps) => import("react").JSX.Element;

package/components/input/MultiInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-8c21e256.js"),t=require("react"),r=require("clsx"),n=require("../flex/Flex.js"),a=require("../tag/Tag.js"),u=require("../../utils/multiinput/parseStringIntoTags.js"),l=require("../../style-inject.es-d4ddeae4.js");function i(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-77a6284f.js"),require("../../icons/RemoveIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var o=i(r),s="Amino_MultiInput-module__tagInputWrapper--FTdAL",c="Amino_MultiInput-module__tagInput--cBsz8";l.styleInject(".Amino_MultiInput-module__tagInputWrapper--FTdAL.Amino_MultiInput-module__tagInputWrapper--FTdAL{border:var(--amino-border);border-radius:var(--amino-radius-10);overflow-x:auto;padding:6px}.Amino_MultiInput-module__tagInputWrapper--FTdAL.Amino_MultiInput-module__tagInputWrapper--FTdAL .Amino_MultiInput-module__tagInput--cBsz8{background-color:initial;border:none;flex:1 1 auto;flex-grow:1;font-size:var(--amino-font-size-base);font-weight:500;min-width:100px;min-width:50px;outline:none;padding:6px}");var p=e.__spreadArray(e.__spreadArray([],e.__read(u.symbolDelimiters),!1),[" ","Enter"],!1);exports.MultiInput=function(r){var l=r.className,i=r.inputValue,d=r.placeholder,_=void 0===d?"":d,g=r.setHasValidationError,m=r.setInputValue,f=r.setTags,I=r.style,v=r.tags,A=r.tagValidation,h=t.useRef(null),y=e.__read(t.useState(null),2),x=y[0],b=y[1];t.useEffect((function(){if(g&&A){var e=v.some((function(e){return!A(e)}));g(e)}}),[v,A,g]);var j=function(e){f(v.filter((function(t,r){return r!==e})))};return React.createElement(n.Flex,{alignItems:"center",className:o.default([l,s]),flexWrap:"wrap",gap:4,style:I},v.map((function(e,t){var r=!(!A||A(e)),u=x===t,l=r?"error":"default";return React.createElement(n.Flex,{key:e+t,alignItems:"center",gap:0},React.createElement(a.Tag,{highlighted:u,intent:l,onClick:function(){return b(t)},onClose:function(){return j(t)},size:"lg"},e))})),React.createElement("input",{ref:h,className:c,onChange:function(e){m(e.target.value)},onFocus:function(){h.current&&(h.current.selectionStart=h.current.value.length,h.current.selectionEnd=h.current.value.length)},onKeyDown:function(t){var r;p.includes(t.key)&&i?(t.preventDefault(),(r=i.trim())&&(f(e.__spreadArray(e.__spreadArray([],e.__read(v),!1),[r],!1)),m(""))):"Backspace"===t.key?""===i&&v.length>0&&(null===x?b(v.length-1):(j(x),b(null))):"ArrowLeft"===t.key?null===x&&v.length>0?b(v.length-1):null!==x&&x>0&&b(x-1):"ArrowRight"===t.key&&null!==x&&x<v.length-1?b(x+1):b(null)},onPaste:function(t){t.preventDefault();var r=t.clipboardData.getData("text"),n=u.parseStringIntoTags(r);f(e.__spreadArray(e.__spreadArray([],e.__read(v),!1),e.__read(n),!1)),m("")},placeholder:v.length?"":_,value:i}))};
+"use strict";var e=require("../../tslib.es6-8c21e256.js"),r=require("react"),t=require("clsx"),n=require("../flex/Flex.js"),a=require("../tag/Tag.js"),u=require("../../utils/multiinput/parseStringIntoTags.js"),l=require("../../style-inject.es-d4ddeae4.js"),i=require("react/jsx-runtime");function o(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-697f213c.js"),require("../../icons/RemoveIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../styles/constants/theme.js");var s=o(t),p="Amino_MultiInput-module__tagInputWrapper--FTdAL",c="Amino_MultiInput-module__tagInput--cBsz8";l.styleInject(".Amino_MultiInput-module__tagInputWrapper--FTdAL.Amino_MultiInput-module__tagInputWrapper--FTdAL{border:var(--amino-border);border-radius:var(--amino-radius-10);overflow-x:auto;padding:6px}.Amino_MultiInput-module__tagInputWrapper--FTdAL.Amino_MultiInput-module__tagInputWrapper--FTdAL .Amino_MultiInput-module__tagInput--cBsz8{background-color:initial;border:none;flex:1 1 auto;flex-grow:1;font-size:var(--amino-font-size-base);font-weight:500;min-width:100px;min-width:50px;outline:none;padding:6px}");var d=e.__spreadArray(e.__spreadArray([],e.__read(u.symbolDelimiters),!1),[" ","Enter"],!1);exports.MultiInput=function(t){var l=t.className,o=t.inputValue,_=t.placeholder,g=void 0===_?"":_,f=t.setHasValidationError,m=t.setInputValue,I=t.setTags,h=t.style,v=t.tags,x=t.tagValidation,A=r.useRef(null),y=e.__read(r.useState(null),2),j=y[0],q=y[1];r.useEffect((function(){if(f&&x){var e=v.some((function(e){return!x(e)}));f(e)}}),[v,x,f]);var b=function(e){I(v.filter((function(r,t){return t!==e})))};return i.jsxs(n.Flex,{alignItems:"center",className:s.default([l,p]),flexWrap:"wrap",gap:4,style:h,children:[v.map((function(e,r){var t=!(!x||x(e)),u=j===r,l=t?"error":"default";return i.jsx(n.Flex,{alignItems:"center",gap:0,children:i.jsx(a.Tag,{highlighted:u,intent:l,onClick:function(){return q(r)},onClose:function(){return b(r)},size:"lg",children:e})},e+r)})),i.jsx("input",{ref:A,className:c,onChange:function(e){m(e.target.value)},onFocus:function(){A.current&&(A.current.selectionStart=A.current.value.length,A.current.selectionEnd=A.current.value.length)},onKeyDown:function(r){var t;d.includes(r.key)&&o?(r.preventDefault(),(t=o.trim())&&(I(e.__spreadArray(e.__spreadArray([],e.__read(v),!1),[t],!1)),m(""))):"Backspace"===r.key?""===o&&v.length>0&&(null===j?q(v.length-1):(b(j),q(null))):"ArrowLeft"===r.key?null===j&&v.length>0?q(v.length-1):null!==j&&j>0&&q(j-1):"ArrowRight"===r.key&&null!==j&&j<v.length-1?q(j+1):q(null)},onPaste:function(r){r.preventDefault();var t=r.clipboardData.getData("text"),n=u.parseStringIntoTags(t);I(e.__spreadArray(e.__spreadArray([],e.__read(v),!1),e.__read(n),!1)),m("")},placeholder:v.length?"":g,value:o})]})};

package/components/input/input-simple/InputSimple.d.ts

@@ -0,0 +1,130 @@
+import type { ChangeEventHandler, InputHTMLAttributes, MutableRefObject } from 'react';
+import { type HelpTextProps } from "../../help-text/HelpText";
+import { type InputBaseProps } from './input-type/_InputBase';
+type InputType = {
+    /** Need to pass the ref here to preserve generics, as forwardRef doesn't allow it
+     * @link https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
+     */
+    inputRef?: MutableRefObject<HTMLInputElement | null>;
+    /**
+     * @default false
+     */
+    noBorder?: boolean;
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    /** A value (in px) that will determine how wide the input is. If nothing is passed, it defaults to 100% */
+    width?: number;
+} & Omit<InputBaseProps, 'onChange'> & HelpTextProps;
+export type InputProps = InputType & Omit<InputHTMLAttributes<HTMLInputElement>, keyof InputType>;
+/**
+ * InputSimple is a streamlined version of the Input component without floating labels.
+ * It supports various input types and states, with a simpler design compared to the standard Input.
+ *
+ * @example Basic text input
+ * <InputSimple
+ *   label="Username"
+ *   placeholder="Enter username"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example Password input
+ * <InputSimple
+ *   type="password"
+ *   label="Password"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example Number input
+ * <InputSimple
+ *   type="number"
+ *   label="Quantity"
+ *   onChange={e => setValue(e.target.valueAsNumber)}
+ *   value={value}
+ * />
+ *
+ * @example Date input
+ * <InputSimple
+ *   type="date"
+ *   label="Event Date"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With help text
+ * <InputSimple
+ *   label="Email"
+ *   helpText="We'll never share your email"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With error state
+ * <InputSimple
+ *   label="Username"
+ *   error={true}
+ *   helpText="Username is required"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With prefix icon
+ * <InputSimple
+ *   label="Search"
+ *   prefix={<SearchIcon />}
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With suffix
+ * <InputSimple
+ *   label="Weight"
+ *   suffix="kg"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With different sizes
+ * <InputSimple
+ *   size="sm"
+ *   label="Small Input"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ * <InputSimple
+ *   size="md"
+ *   label="Medium Input"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ * <InputSimple
+ *   size="lg"
+ *   label="Large Input"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ * <InputSimple
+ *   size="xl"
+ *   label="Extra Large Input"
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example Disabled state
+ * <InputSimple
+ *   label="Username"
+ *   disabled
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ *
+ * @example With custom width
+ * <InputSimple
+ *   label="Username"
+ *   width={300}
+ *   onChange={e => setValue(e.target.value)}
+ *   value={value}
+ * />
+ */
+export declare const InputSimple: ({ autoFocus, className, disabled, error, helpText, inputMode, inputRef, label, noBorder, onChange, onKeyDown, pattern, placeholder, prefix, readOnly, required, size, style, suffix, tabIndex, type, value, valuePrefix, width, ...props }: InputProps) => import("react").JSX.Element;
+export {};

package/components/input/input-simple/InputSimple.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_rollupPluginBabelHelpers-77a6284f.js"),r=require("../../../tslib.es6-8c21e256.js"),t=require("clsx"),n=require("../../help-text/HelpText.js"),i=require("./input-type/_DateInput.js"),a=require("./input-type/_NumberInput.js"),u=require("./input-type/_PasswordInput.js"),o=require("./input-type/_TimeInput.js"),s=require("../../../styles/constants/theme.js"),l=require("./input-type/_InputBase.js"),p=require("../../../style-inject.es-d4ddeae4.js");function d(e){return e&&e.__esModule?e:{default:e}}require("../../text/Text.js"),require("react"),require("@floating-ui/react"),require("../../../icons/CalendarIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../../icons/ClockIcon.js");var c=d(t),f="Amino_InputSimple-module__aminoInputWrapper--lOCBj";p.styleInject(".Amino_InputSimple-module__aminoInputWrapper--lOCBj{position:relative;width:var(--amino-input-width)}.Amino_InputSimple-module__aminoInputWrapper--lOCBj.disabled{opacity:var(--amino-opacity-disabled)}");exports.InputSimple=function(t){var p=t.autoFocus,d=t.className,m=t.disabled,x=t.error,q=t.helpText,b=t.inputMode,y=t.inputRef,I=t.label,h=t.noBorder,j=void 0!==h&&h,_=t.onChange,v=t.onKeyDown,w=t.pattern,B=t.placeholder,C=t.prefix,g=t.readOnly,R=t.required,O=t.size,D=void 0===O?"md":O,P=t.style,E=t.suffix,T=t.tabIndex,M=t.type,z=t.value,F=t.valuePrefix,K=t.width,N=r.__rest(t,["autoFocus","className","disabled","error","helpText","inputMode","inputRef","label","noBorder","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","style","suffix","tabIndex","type","value","valuePrefix","width"]);return React.createElement("div",{className:c.default(d,"amino-input-wrapper",m&&"disabled",f),style:r.__assign({"--amino-input-border-radius":function(){switch(D){case"sm":return"".concat(s.theme.radius6);case"lg":return"".concat(s.theme.radius10);case"xl":return"".concat(s.theme.radius12);default:return"".concat(s.theme.radius8)}}(),"--amino-input-width":K?"".concat(K,"px"):"100%"},P)},function(){switch(M){case"password":return React.createElement(u.PasswordInput,e._extends({ref:y,autoFocus:p,disabled:m,error:x,inputMode:b,label:I,noBorder:j,onChange:_,onKeyDown:v,pattern:w,placeholder:B,prefix:C,readOnly:g,required:R,size:D,suffix:E,tabIndex:T,value:z||"",valuePrefix:F},N));case"date":case"datetime-local":return React.createElement(i.DateInput,e._extends({ref:y,autoFocus:p,disabled:m,error:x,inputMode:b,label:I,noBorder:j,onChange:_,onKeyDown:v,pattern:w,placeholder:B,prefix:C,readOnly:g,required:R,size:D,suffix:E,tabIndex:T,type:M,value:z||"",valuePrefix:F},N));case"number":return React.createElement(a.NumberInput,e._extends({ref:y,autoFocus:p,disabled:m,error:x,inputMode:b,label:I,noBorder:j,onChange:_,onKeyDown:v,pattern:w,placeholder:B,prefix:C,readOnly:g,required:R,size:D,suffix:E,tabIndex:T,value:z||"",valuePrefix:F},N));case"time":return React.createElement(o.TimeInput,e._extends({ref:y,autoFocus:p,disabled:m,error:x,inputMode:b,label:I,noBorder:j,onChange:_,onKeyDown:v,pattern:w,placeholder:B,prefix:C,readOnly:g,required:R,size:D,suffix:E,tabIndex:T,value:z||"",valuePrefix:F},N));default:return React.createElement(l.InputBase,e._extends({ref:y,autoFocus:p,className:d,disabled:m,error:x,inputMode:b,label:I,noBorder:j,onChange:_,onKeyDown:v,pattern:w,placeholder:B,prefix:C,readOnly:g,required:R,size:D,suffix:E,tabIndex:T,type:M,value:z||"",valuePrefix:F},N))}}(),React.createElement(n.HelpText,{error:x,helpText:q}))};
+"use strict";var e=require("../../../_rollupPluginBabelHelpers-697f213c.js"),r=require("../../../tslib.es6-8c21e256.js"),t=require("clsx"),n=require("../../help-text/HelpText.js"),i=require("./input-type/_DateInput.js"),u=require("./input-type/_NumberInput.js"),a=require("./input-type/_PasswordInput.js"),o=require("./input-type/_TimeInput.js"),s=require("../../../styles/constants/theme.js"),l=require("./input-type/_InputBase.js"),p=require("../../../style-inject.es-d4ddeae4.js"),d=require("react/jsx-runtime");function c(e){return e&&e.__esModule?e:{default:e}}require("../../text/Text.js"),require("react"),require("@floating-ui/react"),require("../../../icons/CalendarIcon.js"),require("../../../icons/icon-base/_IconBase.js"),require("../../../icons/CaretDownIcon.js"),require("../../../icons/CaretUpIcon.js"),require("../../button/Button.js"),require("../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../button/_Ripple.js"),require("../../../utils/getAminoColor.js"),require("../../button/useRipple.js"),require("../../spinner/Spinner.js"),require("../../../utils/getTestId.js"),require("../../../icons/EyeIcon.js"),require("../../../icons/EyeOffIcon.js"),require("../../../icons/ClockIcon.js");var x=c(t),f="Amino_InputSimple-module__aminoInputWrapper--lOCBj";p.styleInject(".Amino_InputSimple-module__aminoInputWrapper--lOCBj{position:relative;width:var(--amino-input-width)}.Amino_InputSimple-module__aminoInputWrapper--lOCBj.disabled{opacity:var(--amino-opacity-disabled)}");exports.InputSimple=function(t){var p=t.autoFocus,c=t.className,j=t.disabled,b=t.error,m=t.helpText,q=t.inputMode,y=t.inputRef,I=t.label,h=t.noBorder,_=void 0!==h&&h,v=t.onChange,w=t.onKeyDown,B=t.pattern,C=t.placeholder,g=t.prefix,O=t.readOnly,D=t.required,P=t.size,S=void 0===P?"md":P,T=t.style,M=t.suffix,z=t.tabIndex,F=t.type,K=t.value,N=t.valuePrefix,R=t.width,A=r.__rest(t,["autoFocus","className","disabled","error","helpText","inputMode","inputRef","label","noBorder","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","style","suffix","tabIndex","type","value","valuePrefix","width"]);return d.jsxs("div",{className:x.default(c,"amino-input-wrapper",j&&"disabled",f),style:r.__assign({"--amino-input-border-radius":function(){switch(S){case"sm":return"".concat(s.theme.radius6);case"lg":return"".concat(s.theme.radius10);case"xl":return"".concat(s.theme.radius12);default:return"".concat(s.theme.radius8)}}(),"--amino-input-width":R?"".concat(R,"px"):"100%"},T),children:[function(){switch(F){case"password":return d.jsx(a.PasswordInput,e._objectSpread2({ref:y,autoFocus:p,disabled:j,error:b,inputMode:q,label:I,noBorder:_,onChange:v,onKeyDown:w,pattern:B,placeholder:C,prefix:g,readOnly:O,required:D,size:S,suffix:M,tabIndex:z,value:K||"",valuePrefix:N},A));case"date":case"datetime-local":return d.jsx(i.DateInput,e._objectSpread2({ref:y,autoFocus:p,disabled:j,error:b,inputMode:q,label:I,noBorder:_,onChange:v,onKeyDown:w,pattern:B,placeholder:C,prefix:g,readOnly:O,required:D,size:S,suffix:M,tabIndex:z,type:F,value:K||"",valuePrefix:N},A));case"number":return d.jsx(u.NumberInput,e._objectSpread2({ref:y,autoFocus:p,disabled:j,error:b,inputMode:q,label:I,noBorder:_,onChange:v,onKeyDown:w,pattern:B,placeholder:C,prefix:g,readOnly:O,required:D,size:S,suffix:M,tabIndex:z,value:K||"",valuePrefix:N},A));case"time":return d.jsx(o.TimeInput,e._objectSpread2({ref:y,autoFocus:p,disabled:j,error:b,inputMode:q,label:I,noBorder:_,onChange:v,onKeyDown:w,pattern:B,placeholder:C,prefix:g,readOnly:O,required:D,size:S,suffix:M,tabIndex:z,value:K||"",valuePrefix:N},A));default:return d.jsx(l.InputBase,e._objectSpread2({ref:y,autoFocus:p,className:c,disabled:j,error:b,inputMode:q,label:I,noBorder:_,onChange:v,onKeyDown:w,pattern:B,placeholder:C,prefix:g,readOnly:O,required:D,size:S,suffix:M,tabIndex:z,type:F,value:K||"",valuePrefix:N},A))}}(),d.jsx(n.HelpText,{error:b,helpText:m})]})};

package/components/input/input-simple/input-type/_DateInput.d.ts

@@ -0,0 +1,20 @@
+export declare const DateInput: import("react").ForwardRefExoticComponent<import("../../../../types/BaseProps").BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: import("./_InputBase").InputMode;
+    label?: string;
+    noBorder?: boolean;
+    onChange: import("react").ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    placeholder?: string;
+    prefix?: import("react").ReactNode;
+    readOnly?: boolean;
+    required?: boolean;
+    size?: import("../../../../types/Size").Size;
+    suffix?: import("react").ReactNode;
+    tabIndex?: number;
+    type?: import("react").HTMLInputTypeAttribute;
+    value: string | null;
+    valuePrefix?: import("react").ReactNode;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-simple/input-type/_DateInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../../../_rollupPluginBabelHelpers-77a6284f.js"),t=require("../../../../tslib.es6-8c21e256.js"),n=require("react"),a=require("@floating-ui/react"),r=require("clsx"),i=require("./_InputBase.js"),o=require("../../../../icons/CalendarIcon.js"),l=require("../../../../style-inject.es-d4ddeae4.js");function u(e){return e&&e.__esModule?e:{default:e}}require("../../../../icons/icon-base/_IconBase.js"),require("../../../../styles/constants/theme.js");var d=u(r),s="Amino__DateInput-module__styledWrapper--QZDF0",c="Amino__DateInput-module__styledActionWrapper--q19Pm",p="Amino__DateInput-module__styledButtonAction--NE2T-";l.styleInject(".Amino__DateInput-module__styledWrapper--QZDF0{position:relative;width:100%}.Amino__DateInput-module__styledWrapper--QZDF0 input[type=date]::-webkit-calendar-picker-indicator,.Amino__DateInput-module__styledWrapper--QZDF0 input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.Amino__DateInput-module__styledActionWrapper--q19Pm{display:flex;flex-direction:column;justify-content:center}.Amino__DateInput-module__styledButtonAction--NE2T-{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__DateInput-module__styledButtonAction--NE2T-:hover{background:#0000000a}.Amino__DateInput-module__styledButtonAction--NE2T-:active{background:#0000001a}.Amino__DateInput-module__styledButtonAction--NE2T-:focus{outline:none}.Amino__DateInput-module__input--OwY3P{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__DateInput-module__input--OwY3P::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}");var _=n.forwardRef((function(r,l){var u=r.autoFocus,_=r.className,m=r.disabled,y=r.error,b=r.inputMode,f=r.label,I=r.onChange,D=r.onKeyDown,A=r.pattern,v=r.placeholder,x=r.prefix,q=r.readOnly,w=r.required,k=r.suffix,h=r.tabIndex,E=r.value,g=t.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),j=n.useRef(null),N=a.useMergeRefs([l,j]);return React.createElement("div",{className:d.default(s,_)},React.createElement(i.InputBase,e._extends({ref:N,"aria-label":f,autoFocus:u,disabled:m,error:y,inputMode:b,label:f,onChange:I,onKeyDown:D,pattern:A,placeholder:v,prefix:x,readOnly:q,required:w,suffix:k||React.createElement("div",{className:c},React.createElement("button",{className:p,onClick:function(){var e,t;null===(e=j.current)||void 0===e||e.showPicker(),null===(t=j.current)||void 0===t||t.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button"},React.createElement(o.CalendarIcon,{size:24}))),tabIndex:h,type:"date",value:E},g)))}));exports.DateInput=_;
+"use strict";var e=require("../../../../_rollupPluginBabelHelpers-697f213c.js"),t=require("../../../../tslib.es6-8c21e256.js"),n=require("react"),a=require("@floating-ui/react"),r=require("clsx"),i=require("./_InputBase.js"),o=require("../../../../icons/CalendarIcon.js"),u=require("../../../../style-inject.es-d4ddeae4.js"),l=require("react/jsx-runtime");function d(e){return e&&e.__esModule?e:{default:e}}require("../../../../icons/icon-base/_IconBase.js"),require("../../../../styles/constants/theme.js");var s=d(r),p="Amino__DateInput-module__styledWrapper--QZDF0",c="Amino__DateInput-module__styledActionWrapper--q19Pm",_="Amino__DateInput-module__styledButtonAction--NE2T-";u.styleInject(".Amino__DateInput-module__styledWrapper--QZDF0{position:relative;width:100%}.Amino__DateInput-module__styledWrapper--QZDF0 input[type=date]::-webkit-calendar-picker-indicator,.Amino__DateInput-module__styledWrapper--QZDF0 input[type=datetime-local]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.Amino__DateInput-module__styledActionWrapper--q19Pm{display:flex;flex-direction:column;justify-content:center}.Amino__DateInput-module__styledButtonAction--NE2T-{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__DateInput-module__styledButtonAction--NE2T-:hover{background:#0000000a}.Amino__DateInput-module__styledButtonAction--NE2T-:active{background:#0000001a}.Amino__DateInput-module__styledButtonAction--NE2T-:focus{outline:none}.Amino__DateInput-module__input--OwY3P{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__DateInput-module__input--OwY3P::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}");var m=n.forwardRef((function(r,u){var d=r.autoFocus,m=r.className,b=r.disabled,y=r.error,f=r.inputMode,I=r.label,x=r.onChange,D=r.onKeyDown,A=r.pattern,v=r.placeholder,j=r.prefix,q=r.readOnly,h=r.required,w=r.suffix,k=r.tabIndex,g=r.value,N=t.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),B=n.useRef(null),E=a.useMergeRefs([u,B]);return l.jsx("div",{className:s.default(p,m),children:l.jsx(i.InputBase,e._objectSpread2({ref:E,"aria-label":I,autoFocus:d,disabled:b,error:y,inputMode:f,label:I,onChange:x,onKeyDown:D,pattern:A,placeholder:v,prefix:j,readOnly:q,required:h,suffix:w||l.jsx("div",{className:c,children:l.jsx("button",{className:_,onClick:function(){var e,t;null===(e=B.current)||void 0===e||e.showPicker(),null===(t=B.current)||void 0===t||t.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:l.jsx(o.CalendarIcon,{size:24})})}),tabIndex:k,type:"date",value:g},N))})}));exports.DateInput=m;

package/components/input/input-simple/input-type/_InputBase.d.ts

@@ -0,0 +1,125 @@
+import { type ChangeEventHandler, type HTMLInputTypeAttribute, type InputHTMLAttributes, type KeyboardEventHandler, type ReactNode } from 'react';
+import type { HelpTextProps } from "../../../help-text/HelpText";
+import type { BaseProps } from "../../../../types/BaseProps";
+import type { Size } from "../../../../types/Size";
+export type InputMode = 'decimal' | 'email' | 'none' | 'numeric' | 'search' | 'tel' | 'text' | 'url';
+type InputBaseType = BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: InputMode;
+    /** A label that will be displayed above the input */
+    label?: string;
+    /**
+     * @default false
+     */
+    noBorder?: boolean;
+    /** Input on changed. Required since all inputs must be fully controlled */
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    /** Placeholder text to be displayed in the input */
+    placeholder?: string;
+    /** A short string displayed at the beginning of the input */
+    prefix?: ReactNode;
+    /** Determines if the input is editable or not */
+    readOnly?: boolean;
+    /** Determines if the input is required for form validation */
+    required?: boolean;
+    /**
+     * @default 'md'
+     */
+    size?: Size;
+    /** A short string displayed at the end of the input */
+    suffix?: ReactNode;
+    tabIndex?: number;
+    /** Determines input type (email, password, etc.) */
+    type?: HTMLInputTypeAttribute;
+    /** Input value. Required since all inputs must be fully controlled */
+    value: string | null;
+    /** An additional value that appears next to the input but cannot be changed by the input */
+    valuePrefix?: ReactNode;
+} & Pick<HelpTextProps, 'error'>;
+export type InputBaseProps = InputBaseType & Omit<InputHTMLAttributes<HTMLInputElement>, keyof InputBaseType>;
+/**
+ * An internal base input component used primarily by InputSimple.
+ * Provides the core functionality for input rendering with label, prefix, suffix, and value prefix.
+ *
+ * This component serves as the foundation for most specialized input types.
+ *
+ * @example Basic usage
+ * <InputBase
+ *   label="Name"
+ *   onChange={handleChange}
+ *   value={value}
+ * />
+ *
+ * @example With prefix and suffix
+ * <InputBase
+ *   label="Username"
+ *   prefix={<UserIcon />}
+ *   suffix="@example.com"
+ *   onChange={handleChange}
+ *   value={value}
+ * />
+ *
+ * @example With error state
+ * <InputBase
+ *   label="Email"
+ *   error={true}
+ *   onChange={handleChange}
+ *   value={value}
+ * />
+ *
+ * @example With value prefix
+ * <InputBase
+ *   label="Phone"
+ *   valuePrefix="+1"
+ *   onChange={handleChange}
+ *   value={value}
+ * />
+ *
+ * @example With different sizes
+ * <InputBase
+ *   size="sm"
+ *   label="Small Input"
+ *   onChange={handleChange}
+ *   value={value}
+ * />
+ */
+export declare const InputBase: import("react").ForwardRefExoticComponent<BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: InputMode;
+    /** A label that will be displayed above the input */
+    label?: string;
+    /**
+     * @default false
+     */
+    noBorder?: boolean;
+    /** Input on changed. Required since all inputs must be fully controlled */
+    onChange: ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    /** Placeholder text to be displayed in the input */
+    placeholder?: string;
+    /** A short string displayed at the beginning of the input */
+    prefix?: ReactNode;
+    /** Determines if the input is editable or not */
+    readOnly?: boolean;
+    /** Determines if the input is required for form validation */
+    required?: boolean;
+    /**
+     * @default 'md'
+     */
+    size?: Size;
+    /** A short string displayed at the end of the input */
+    suffix?: ReactNode;
+    tabIndex?: number;
+    /** Determines input type (email, password, etc.) */
+    type?: HTMLInputTypeAttribute;
+    /** Input value. Required since all inputs must be fully controlled */
+    value: string | null;
+    /** An additional value that appears next to the input but cannot be changed by the input */
+    valuePrefix?: ReactNode;
+} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/components/input/input-simple/input-type/_InputBase.js

@@ -1 +1 @@
-"use strict";var e=require("../../../../_rollupPluginBabelHelpers-77a6284f.js"),a=require("../../../../tslib.es6-8c21e256.js"),n=require("react"),o=require("clsx"),r=require("../../../../style-inject.es-d4ddeae4.js"),i={inputWrapper:"Amino__InputBase-module__inputWrapper--ANalq",input:"Amino__InputBase-module__input--yNi7o",prefix:"Amino__InputBase-module__prefix--znKpY",suffix:"Amino__InputBase-module__suffix--DjhH-",valuePrefix:"Amino__InputBase-module__valuePrefix--fYEtK",sm:"Amino__InputBase-module__sm--G0vKx",md:"Amino__InputBase-module__md--PCMsD",lg:"Amino__InputBase-module__lg--BV607",xl:"Amino__InputBase-module__xl--jDL65",label:"Amino__InputBase-module__label--DPOLd",textInputWrapper:"Amino__InputBase-module__textInputWrapper--w8z5u"};r.styleInject(".Amino__InputBase-module__inputWrapper--ANalq{align-items:center;background:#0000;border-radius:var(--amino-input-border-radius);box-shadow:var(--amino-shadow-input-base);display:flex;flex:none;width:100%}.Amino__InputBase-module__inputWrapper--ANalq:has(.Amino__InputBase-module__input--yNi7o:focus){box-shadow:var(--amino-shadow-input-focus)}.Amino__InputBase-module__inputWrapper--ANalq.has-error{box-shadow:var(--amino-shadow-input-error)}.Amino__InputBase-module__inputWrapper--ANalq.has-error:has(.Amino__InputBase-module__input--yNi7o:focus){box-shadow:var(--amino-shadow-input-error-focus)}.Amino__InputBase-module__inputWrapper--ANalq .Amino__InputBase-module__input--yNi7o{background:var(--amino-input-background);background:#0000;border:none;border-radius:inherit;font-weight:500;height:inherit;outline:none;padding:0 var(--amino-space-16);width:100%}.Amino__InputBase-module__inputWrapper--ANalq .Amino__InputBase-module__input--yNi7o::placeholder{color:var(--amino-gray-500);font-weight:400}.Amino__InputBase-module__inputWrapper--ANalq .Amino__InputBase-module__prefix--znKpY,.Amino__InputBase-module__inputWrapper--ANalq .Amino__InputBase-module__suffix--DjhH-{align-items:center;display:flex;font-weight:500;padding:0 var(--amino-space-8)}.Amino__InputBase-module__inputWrapper--ANalq .Amino__InputBase-module__prefix--znKpY{margin-right:-8px;padding-right:0}.Amino__InputBase-module__inputWrapper--ANalq .Amino__InputBase-module__valuePrefix--fYEtK{color:var(--amino-gray-800);padding-left:var(--amino-space-12);white-space:nowrap}.Amino__InputBase-module__inputWrapper--ANalq.Amino__InputBase-module__sm--G0vKx{height:32px}.Amino__InputBase-module__inputWrapper--ANalq.Amino__InputBase-module__md--PCMsD{height:40px}.Amino__InputBase-module__inputWrapper--ANalq.Amino__InputBase-module__lg--BV607{height:48px}.Amino__InputBase-module__inputWrapper--ANalq.Amino__InputBase-module__xl--jDL65{height:56px}.Amino__InputBase-module__label--DPOLd{color:var(--amino-text-color-secondary);display:block;flex:none;margin-bottom:var(--amino-space-8)}.Amino__InputBase-module__label--DPOLd.has-error{color:var(--amino-red-600)}.Amino__InputBase-module__textInputWrapper--w8z5u{display:flex;flex-direction:column;width:100%}");var _=n.forwardRef((function(n,r){var _=n.className,u=n.disabled,p=n.error,t=n.label;n.noBorder;var l=n.placeholder,s=n.prefix,m=n.size,d=n.suffix,c=n.value,A=n.valuePrefix,x=a.__rest(n,["className","disabled","error","label","noBorder","placeholder","prefix","size","suffix","value","valuePrefix"]);return React.createElement("div",{className:i.textInputWrapper},t&&React.createElement("label",{className:o.clsx(i.label,p&&"has-error")},t),React.createElement("div",{className:o.clsx(i.inputWrapper,m&&i["".concat(m)],p&&"has-error",_)},s&&React.createElement("div",{className:i.prefix},s),A&&React.createElement("div",{className:i.valuePrefix},A),React.createElement("input",e._extends({ref:r,className:i.input,disabled:u,placeholder:l,value:c||""},x)),d&&React.createElement("div",{className:i.suffix},d)))}));exports.InputBase=_;
+"use strict";var e=require("../../../../_rollupPluginBabelHelpers-697f213c.js"),a=require("../../../../tslib.es6-8c21e256.js"),n=require("react"),i=require("clsx"),r=require("../../../../style-inject.es-d4ddeae4.js"),o=require("react/jsx-runtime"),_={inputWrapper:"Amino__InputBase-module__inputWrapper--ANalq",input:"Amino__InputBase-module__input--yNi7o",prefix:"Amino__InputBase-module__prefix--znKpY",suffix:"Amino__InputBase-module__suffix--DjhH-",valuePrefix:"Amino__InputBase-module__valuePrefix--fYEtK",sm:"Amino__InputBase-module__sm--G0vKx",md:"Amino__InputBase-module__md--PCMsD",lg:"Amino__InputBase-module__lg--BV607",xl:"Amino__InputBase-module__xl--jDL65",label:"Amino__InputBase-module__label--DPOLd",textInputWrapper:"Amino__InputBase-module__textInputWrapper--w8z5u"};r.styleInject(".Amino__InputBase-module__inputWrapper--ANalq{align-items:center;background:#0000;border-radius:var(--amino-input-border-radius);box-shadow:var(--amino-shadow-input-base);display:flex;flex:none;width:100%}.Amino__InputBase-module__inputWrapper--ANalq:has(.Amino__InputBase-module__input--yNi7o:focus){box-shadow:var(--amino-shadow-input-focus)}.Amino__InputBase-module__inputWrapper--ANalq.has-error{box-shadow:var(--amino-shadow-input-error)}.Amino__InputBase-module__inputWrapper--ANalq.has-error:has(.Amino__InputBase-module__input--yNi7o:focus){box-shadow:var(--amino-shadow-input-error-focus)}.Amino__InputBase-module__inputWrapper--ANalq .Amino__InputBase-module__input--yNi7o{background:var(--amino-input-background);background:#0000;border:none;border-radius:inherit;font-weight:500;height:inherit;outline:none;padding:0 var(--amino-space-16);width:100%}.Amino__InputBase-module__inputWrapper--ANalq .Amino__InputBase-module__input--yNi7o::placeholder{color:var(--amino-gray-500);font-weight:400}.Amino__InputBase-module__inputWrapper--ANalq .Amino__InputBase-module__prefix--znKpY,.Amino__InputBase-module__inputWrapper--ANalq .Amino__InputBase-module__suffix--DjhH-{align-items:center;display:flex;font-weight:500;padding:0 var(--amino-space-8)}.Amino__InputBase-module__inputWrapper--ANalq .Amino__InputBase-module__prefix--znKpY{margin-right:-8px;padding-right:0}.Amino__InputBase-module__inputWrapper--ANalq .Amino__InputBase-module__valuePrefix--fYEtK{color:var(--amino-gray-800);padding-left:var(--amino-space-12);white-space:nowrap}.Amino__InputBase-module__inputWrapper--ANalq.Amino__InputBase-module__sm--G0vKx{height:32px}.Amino__InputBase-module__inputWrapper--ANalq.Amino__InputBase-module__md--PCMsD{height:40px}.Amino__InputBase-module__inputWrapper--ANalq.Amino__InputBase-module__lg--BV607{height:48px}.Amino__InputBase-module__inputWrapper--ANalq.Amino__InputBase-module__xl--jDL65{height:56px}.Amino__InputBase-module__label--DPOLd{color:var(--amino-text-color-secondary);display:block;flex:none;margin-bottom:var(--amino-space-8)}.Amino__InputBase-module__label--DPOLd.has-error{color:var(--amino-red-600)}.Amino__InputBase-module__textInputWrapper--w8z5u{display:flex;flex-direction:column;width:100%}");var u=n.forwardRef((function(n,r){var u=n.className,p=n.disabled,l=n.error,s=n.label;n.noBorder;var t=n.placeholder,m=n.prefix,d=n.size,x=n.suffix,c=n.value,A=n.valuePrefix,h=a.__rest(n,["className","disabled","error","label","noBorder","placeholder","prefix","size","suffix","value","valuePrefix"]);return o.jsxs("div",{className:_.textInputWrapper,children:[s&&o.jsx("label",{className:i.clsx(_.label,l&&"has-error"),children:s}),o.jsxs("div",{className:i.clsx(_.inputWrapper,d&&_["".concat(d)],l&&"has-error",u),children:[m&&o.jsx("div",{className:_.prefix,children:m}),A&&o.jsx("div",{className:_.valuePrefix,children:A}),o.jsx("input",e._objectSpread2({ref:r,className:_.input,disabled:p,placeholder:t,value:c||""},h)),x&&o.jsx("div",{className:_.suffix,children:x})]})]})}));exports.InputBase=u;

package/components/input/input-simple/input-type/_NumberInput.d.ts

@@ -0,0 +1,21 @@
+import type { Size } from "../../../../types/Size";
+export declare const NumberInput: import("react").ForwardRefExoticComponent<import("../../../../types/BaseProps").BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: import("./_InputBase").InputMode;
+    label?: string;
+    noBorder?: boolean;
+    onChange: import("react").ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    placeholder?: string;
+    prefix?: import("react").ReactNode;
+    readOnly?: boolean;
+    required?: boolean;
+    size?: Size;
+    suffix?: import("react").ReactNode;
+    tabIndex?: number;
+    type?: import("react").HTMLInputTypeAttribute;
+    value: string | null;
+    valuePrefix?: import("react").ReactNode;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-simple/input-type/_NumberInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../../../_rollupPluginBabelHelpers-77a6284f.js"),t=require("../../../../tslib.es6-8c21e256.js"),n=require("react"),u=require("@floating-ui/react"),r=require("clsx"),i=require("./_InputBase.js"),a=require("../../../../icons/CaretDownIcon.js"),o=require("../../../../icons/CaretUpIcon.js"),l=require("../../../../style-inject.es-d4ddeae4.js");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../../icons/icon-base/_IconBase.js"),require("../../../../styles/constants/theme.js");var c=s(r),m="Amino__NumberInput-module__styledWrapper--yAFEF",p="Amino__NumberInput-module__styledActionWrapper--2JHOk",_="Amino__NumberInput-module__styledButtonAction--luzvX",d="Amino__NumberInput-module__aminoInput--j8RdJ";l.styleInject(".Amino__NumberInput-module__styledWrapper--yAFEF{position:relative;width:100%}.Amino__NumberInput-module__styledActionWrapper--2JHOk{display:flex;flex-direction:column;height:var(--amino-number-input-height);justify-content:center}.Amino__NumberInput-module__styledButtonAction--luzvX{border-radius:var(--amino-radius-4);padding:var(--amino-space-0) var(--amino-space-4);transition:var(--amino-transition)}.Amino__NumberInput-module__styledButtonAction--luzvX:hover{background:#0000000a}.Amino__NumberInput-module__styledButtonAction--luzvX:active{background:#0000001a}.Amino__NumberInput-module__styledButtonAction--luzvX:focus{outline:none}.Amino__NumberInput-module__aminoInput--j8RdJ input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__NumberInput-module__aminoInput--j8RdJ input::-webkit-calendar-picker-indicator,.Amino__NumberInput-module__aminoInput--j8RdJ input::-webkit-inner-spin-button{-webkit-appearance:none}");var b=function(e){switch(e){case"sm":return 14;case"md":return 16;case"lg":return 18;default:return 20}},v=n.forwardRef((function(r,l){var s=r.className,v=r.label,f=r.size,I=void 0===f?"xl":f,A=r.suffix,N=t.__rest(r,["className","label","size","suffix"]),y=n.useRef(null),j=u.useMergeRefs([l,y]);return React.createElement("div",{className:c.default(m,s),style:{"--amino-number-input-height":"calc(var(--amino-size-".concat(I,") - 2px)")}},React.createElement(i.InputBase,e._extends({},N,{ref:j,"aria-label":v,className:d,label:v,size:I,suffix:null===A?null:A||React.createElement("div",{className:p},React.createElement("button",{className:_,onClick:function(){var e,t;null===(e=y.current)||void 0===e||e.stepUp(),null===(t=y.current)||void 0===t||t.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button"},React.createElement(o.CaretUpIcon,{size:b(I)})),React.createElement("button",{className:_,onClick:function(){var e,t;null===(e=y.current)||void 0===e||e.stepDown(),null===(t=y.current)||void 0===t||t.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button"},React.createElement(a.CaretDownIcon,{size:b(I)}))),type:"number"})))}));exports.NumberInput=v;
+"use strict";var e=require("../../../../_rollupPluginBabelHelpers-697f213c.js"),n=require("../../../../tslib.es6-8c21e256.js"),t=require("react"),u=require("@floating-ui/react"),i=require("clsx"),r=require("./_InputBase.js"),a=require("../../../../icons/CaretDownIcon.js"),o=require("../../../../icons/CaretUpIcon.js"),s=require("../../../../style-inject.es-d4ddeae4.js"),l=require("react/jsx-runtime");function c(e){return e&&e.__esModule?e:{default:e}}require("../../../../icons/icon-base/_IconBase.js"),require("../../../../styles/constants/theme.js");var m=c(i),p="Amino__NumberInput-module__styledWrapper--yAFEF",d="Amino__NumberInput-module__styledActionWrapper--2JHOk",_="Amino__NumberInput-module__styledButtonAction--luzvX",b="Amino__NumberInput-module__aminoInput--j8RdJ";s.styleInject(".Amino__NumberInput-module__styledWrapper--yAFEF{position:relative;width:100%}.Amino__NumberInput-module__styledActionWrapper--2JHOk{display:flex;flex-direction:column;height:var(--amino-number-input-height);justify-content:center}.Amino__NumberInput-module__styledButtonAction--luzvX{border-radius:var(--amino-radius-4);padding:var(--amino-space-0) var(--amino-space-4);transition:var(--amino-transition)}.Amino__NumberInput-module__styledButtonAction--luzvX:hover{background:#0000000a}.Amino__NumberInput-module__styledButtonAction--luzvX:active{background:#0000001a}.Amino__NumberInput-module__styledButtonAction--luzvX:focus{outline:none}.Amino__NumberInput-module__aminoInput--j8RdJ input{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__NumberInput-module__aminoInput--j8RdJ input::-webkit-calendar-picker-indicator,.Amino__NumberInput-module__aminoInput--j8RdJ input::-webkit-inner-spin-button{-webkit-appearance:none}");var v=function(e){switch(e){case"sm":return 14;case"md":return 16;case"lg":return 18;default:return 20}},f=t.forwardRef((function(i,s){var c=i.className,f=i.label,I=i.size,j=void 0===I?"xl":I,A=i.suffix,N=n.__rest(i,["className","label","size","suffix"]),y=t.useRef(null),x=u.useMergeRefs([s,y]);return l.jsx("div",{className:m.default(p,c),style:{"--amino-number-input-height":"calc(var(--amino-size-".concat(j,") - 2px)")},children:l.jsx(r.InputBase,e._objectSpread2(e._objectSpread2({},N),{},{ref:x,"aria-label":f,className:b,label:f,size:j,suffix:null===A?null:A||l.jsxs("div",{className:d,children:[l.jsx("button",{className:_,onClick:function(){var e,n;null===(e=y.current)||void 0===e||e.stepUp(),null===(n=y.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:l.jsx(o.CaretUpIcon,{size:v(j)})}),l.jsx("button",{className:_,onClick:function(){var e,n;null===(e=y.current)||void 0===e||e.stepDown(),null===(n=y.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:l.jsx(a.CaretDownIcon,{size:v(j)})})]}),type:"number"}))})}));exports.NumberInput=f;

package/components/input/input-simple/input-type/_PasswordInput.d.ts

@@ -0,0 +1,20 @@
+export declare const PasswordInput: import("react").ForwardRefExoticComponent<import("../../../../types/BaseProps").BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: import("./_InputBase").InputMode;
+    label?: string;
+    noBorder?: boolean;
+    onChange: import("react").ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    placeholder?: string;
+    prefix?: import("react").ReactNode;
+    readOnly?: boolean;
+    required?: boolean;
+    size?: import("../../../../types/Size").Size;
+    suffix?: import("react").ReactNode;
+    tabIndex?: number;
+    type?: import("react").HTMLInputTypeAttribute;
+    value: string | null;
+    valuePrefix?: import("react").ReactNode;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-simple/input-type/_PasswordInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../../../_rollupPluginBabelHelpers-77a6284f.js"),r=require("../../../../tslib.es6-8c21e256.js"),t=require("react"),n=require("clsx"),o=require("../../../button/Button.js"),s=require("./_InputBase.js"),a=require("../../../../icons/EyeIcon.js"),i=require("../../../../icons/EyeOffIcon.js"),u=require("../../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../../button/_Ripple.js"),require("../../../../utils/getAminoColor.js"),require("../../../../styles/constants/theme.js"),require("../../../button/useRipple.js"),require("../../../spinner/Spinner.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/icon-base/_IconBase.js");var d=l(n),p="Amino__PasswordInput-module__styledWrapper---PwBY",c="Amino__PasswordInput-module__styledButtonAction--V3Z-0",_="Amino__PasswordInput-module__aminoInput--X4LED";u.styleInject(".Amino__PasswordInput-module__styledWrapper---PwBY{position:relative;width:100%}.Amino__PasswordInput-module__styledButtonAction--V3Z-0.Amino__PasswordInput-module__styledButtonAction--V3Z-0{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__PasswordInput-module__styledButtonAction--V3Z-0.Amino__PasswordInput-module__styledButtonAction--V3Z-0:hover{background:var(--amino-hover-color)}.Amino__PasswordInput-module__aminoInput--X4LED input{padding-right:var(--amino-space-40)}");var m=t.forwardRef((function(n,u){var l=n.autoFocus,m=n.className,I=n.disabled,f=n.error,q=n.inputMode,w=n.label,y=n.onChange,b=n.onKeyDown,j=n.pattern,v=n.placeholder,A=n.prefix,x=n.readOnly,B=n.required,P=n.suffix,h=n.tabIndex,E=n.value,g=r.__rest(n,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),R=r.__read(t.useState("password"),2),C=R[0],D=R[1];return React.createElement("div",{className:d.default(p,m)},React.createElement(s.InputBase,e._extends({ref:u,"aria-label":w,autoFocus:l,className:_,disabled:I,error:f,inputMode:q,label:w,onChange:y,onKeyDown:b,pattern:j,placeholder:v,prefix:A,readOnly:x,required:B,suffix:P||React.createElement(o.Button,{className:c,icon:"password"===C?React.createElement(a.EyeIcon,{size:24}):React.createElement(i.EyeOffIcon,{size:24}),onClick:function(){return D("password"===C?"text":"password")},variant:"subtle"}),tabIndex:h,type:C,value:E},g)))}));exports.PasswordInput=m;
+"use strict";var e=require("../../../../_rollupPluginBabelHelpers-697f213c.js"),r=require("../../../../tslib.es6-8c21e256.js"),o=require("react"),s=require("clsx"),n=require("../../../button/Button.js"),t=require("./_InputBase.js"),i=require("../../../../icons/EyeIcon.js"),u=require("../../../../icons/EyeOffIcon.js"),a=require("../../../../style-inject.es-d4ddeae4.js"),d=require("react/jsx-runtime");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../../../button/_Ripple.js"),require("../../../../utils/getAminoColor.js"),require("../../../../styles/constants/theme.js"),require("../../../button/useRipple.js"),require("../../../spinner/Spinner.js"),require("../../../../utils/getTestId.js"),require("../../../../icons/icon-base/_IconBase.js");var p=l(s),_="Amino__PasswordInput-module__styledWrapper---PwBY",c="Amino__PasswordInput-module__styledButtonAction--V3Z-0",m="Amino__PasswordInput-module__aminoInput--X4LED";a.styleInject(".Amino__PasswordInput-module__styledWrapper---PwBY{position:relative;width:100%}.Amino__PasswordInput-module__styledButtonAction--V3Z-0.Amino__PasswordInput-module__styledButtonAction--V3Z-0{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__PasswordInput-module__styledButtonAction--V3Z-0.Amino__PasswordInput-module__styledButtonAction--V3Z-0:hover{background:var(--amino-hover-color)}.Amino__PasswordInput-module__aminoInput--X4LED input{padding-right:var(--amino-space-40)}");var j=o.forwardRef((function(s,a){var l=s.autoFocus,j=s.className,I=s.disabled,q=s.error,f=s.inputMode,b=s.label,w=s.onChange,y=s.onKeyDown,x=s.pattern,v=s.placeholder,A=s.prefix,B=s.readOnly,P=s.required,h=s.suffix,g=s.tabIndex,E=s.value,C=r.__rest(s,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),D=r.__read(o.useState("password"),2),N=D[0],O=D[1];return d.jsx("div",{className:p.default(_,j),children:d.jsx(t.InputBase,e._objectSpread2({ref:a,"aria-label":b,autoFocus:l,className:m,disabled:I,error:q,inputMode:f,label:b,onChange:w,onKeyDown:y,pattern:x,placeholder:v,prefix:A,readOnly:B,required:P,suffix:h||d.jsx(n.Button,{className:c,icon:"password"===N?d.jsx(i.EyeIcon,{size:24}):d.jsx(u.EyeOffIcon,{size:24}),onClick:function(){return O("password"===N?"text":"password")},variant:"subtle"}),tabIndex:g,type:N,value:E},C))})}));exports.PasswordInput=j;

package/components/input/input-simple/input-type/_TimeInput.d.ts

@@ -0,0 +1,20 @@
+export declare const TimeInput: import("react").ForwardRefExoticComponent<import("../../../../types/BaseProps").BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: import("./_InputBase").InputMode;
+    label?: string;
+    noBorder?: boolean;
+    onChange: import("react").ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    placeholder?: string;
+    prefix?: import("react").ReactNode;
+    readOnly?: boolean;
+    required?: boolean;
+    size?: import("../../../../types/Size").Size;
+    suffix?: import("react").ReactNode;
+    tabIndex?: number;
+    type?: import("react").HTMLInputTypeAttribute;
+    value: string | null;
+    valuePrefix?: import("react").ReactNode;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/input/input-simple/input-type/_TimeInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../../../_rollupPluginBabelHelpers-77a6284f.js"),n=require("../../../../tslib.es6-8c21e256.js"),t=require("react"),i=require("@floating-ui/react"),r=require("clsx"),a=require("./_InputBase.js"),o=require("../../../../icons/ClockIcon.js"),u=require("../../../../style-inject.es-d4ddeae4.js");function l(e){return e&&e.__esModule?e:{default:e}}require("../../../../icons/icon-base/_IconBase.js"),require("../../../../styles/constants/theme.js");var s=l(r),d="Amino__TimeInput-module__styledWrapper--nabC5",c="Amino__TimeInput-module__styledActionWrapper--dEr24",p="Amino__TimeInput-module__styledButtonAction--LTYuN";u.styleInject(".Amino__TimeInput-module__styledWrapper--nabC5{position:relative;width:100%}.Amino__TimeInput-module__styledWrapper--nabC5 input[type=time]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.Amino__TimeInput-module__styledActionWrapper--dEr24{display:flex;flex-direction:column;justify-content:center}.Amino__TimeInput-module__styledButtonAction--LTYuN{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__TimeInput-module__styledButtonAction--LTYuN:hover{background:var(--amino-hover-color)}.Amino__TimeInput-module__styledButtonAction--LTYuN:active{background:var(--amino-gray-100)}.Amino__TimeInput-module__styledButtonAction--LTYuN:focus{outline:none}.Amino__TimeInput-module__input--eZQFI{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__TimeInput-module__input--eZQFI::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}");var _=t.forwardRef((function(r,u){var l=r.autoFocus,_=r.className,m=r.disabled,b=r.error,y=r.inputMode,f=r.label,I=r.onChange,v=r.onKeyDown,A=r.pattern,T=r.placeholder,x=r.prefix,h=r.readOnly,k=r.required,q=r.suffix,g=r.tabIndex,w=r.value,j=n.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),N=t.useRef(null),B=i.useMergeRefs([u,N]);return React.createElement("div",{className:s.default(d,_)},React.createElement(a.InputBase,e._extends({ref:B,"aria-label":f,autoFocus:l,disabled:m,error:b,inputMode:y,label:f,onChange:I,onKeyDown:v,pattern:A,placeholder:T,prefix:x,readOnly:h,required:k,suffix:q||React.createElement("div",{className:c},React.createElement("button",{className:p,onClick:function(){var e,n;null===(e=N.current)||void 0===e||e.showPicker(),null===(n=N.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button"},React.createElement(o.ClockIcon,{size:24}))),tabIndex:g,type:"time",value:w},j)))}));exports.TimeInput=_;
+"use strict";var e=require("../../../../_rollupPluginBabelHelpers-697f213c.js"),n=require("../../../../tslib.es6-8c21e256.js"),t=require("react"),i=require("@floating-ui/react"),r=require("clsx"),o=require("./_InputBase.js"),a=require("../../../../icons/ClockIcon.js"),u=require("../../../../style-inject.es-d4ddeae4.js"),l=require("react/jsx-runtime");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../../icons/icon-base/_IconBase.js"),require("../../../../styles/constants/theme.js");var d=s(r),p="Amino__TimeInput-module__styledWrapper--nabC5",c="Amino__TimeInput-module__styledActionWrapper--dEr24",_="Amino__TimeInput-module__styledButtonAction--LTYuN";u.styleInject(".Amino__TimeInput-module__styledWrapper--nabC5{position:relative;width:100%}.Amino__TimeInput-module__styledWrapper--nabC5 input[type=time]::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}.Amino__TimeInput-module__styledActionWrapper--dEr24{display:flex;flex-direction:column;justify-content:center}.Amino__TimeInput-module__styledButtonAction--LTYuN{border-radius:50%;padding:6px;transition:var(--amino-transition)}.Amino__TimeInput-module__styledButtonAction--LTYuN:hover{background:var(--amino-hover-color)}.Amino__TimeInput-module__styledButtonAction--LTYuN:active{background:var(--amino-gray-100)}.Amino__TimeInput-module__styledButtonAction--LTYuN:focus{outline:none}.Amino__TimeInput-module__input--eZQFI{-webkit-appearance:textfield;appearance:textfield;padding-right:var(--amino-space-40)}.Amino__TimeInput-module__input--eZQFI::-webkit-calendar-picker-indicator{-webkit-appearance:none;display:none}");var m=t.forwardRef((function(r,u){var s=r.autoFocus,m=r.className,b=r.disabled,y=r.error,f=r.inputMode,I=r.label,v=r.onChange,x=r.onKeyDown,A=r.pattern,T=r.placeholder,j=r.prefix,h=r.readOnly,q=r.required,k=r.suffix,g=r.tabIndex,w=r.value,N=n.__rest(r,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),B=t.useRef(null),C=i.useMergeRefs([u,B]);return l.jsx("div",{className:d.default(p,m),children:l.jsx(o.InputBase,e._objectSpread2({ref:C,"aria-label":I,autoFocus:s,disabled:b,error:y,inputMode:f,label:I,onChange:v,onKeyDown:x,pattern:A,placeholder:T,prefix:j,readOnly:h,required:q,suffix:k||l.jsx("div",{className:c,children:l.jsx("button",{className:_,onClick:function(){var e,n;null===(e=B.current)||void 0===e||e.showPicker(),null===(n=B.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:l.jsx(a.ClockIcon,{size:24})})}),tabIndex:g,type:"time",value:w},N))})}));exports.TimeInput=m;

package/components/input/input-type/_DateInput.d.ts

@@ -0,0 +1,20 @@
+export declare const DateInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    inputMode?: import("./_FloatLabelInput").InputMode;
+    label?: string;
+    noBorder?: boolean;
+    onChange: import("react").ChangeEventHandler<HTMLInputElement>;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement>;
+    pattern?: string;
+    placeholder?: string;
+    prefix?: import("react").ReactNode;
+    readOnly?: boolean;
+    required?: boolean;
+    size?: import("../../../types/Size").Size;
+    suffix?: import("react").ReactNode;
+    tabIndex?: number;
+    type?: import("react").HTMLInputTypeAttribute;
+    value: string | null;
+    valuePrefix?: import("react").ReactNode;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "error" | "size" | "label" | "pattern" | "disabled" | "type" | "autoFocus" | "placeholder" | "tabIndex" | "prefix" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;