@zonos/amino 6.1.3 → 6.2.1

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

@@ -1 +1 @@
-"use strict";var e=require("../../../tslib.es6-cdc5f922.js"),r=require("../../help-text/HelpText.js"),t=require("./input-type/_DateInput.js"),i=require("./input-type/_NumberInput.js"),n=require("./input-type/_PasswordInput.js"),u=require("./input-type/_TimeInput.js"),a=require("../../../styles/constants/theme.js"),s=require("../../../utils/cn.js"),o=require("./input-type/_InputBase.js"),l=require("react/jsx-runtime");require("../../text/Text.js"),require("clsx"),require("tailwind-merge"),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("class-variance-authority"),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");exports.InputSimple=function(d){var p=d.autoFocus,c=d.className,x=d.disabled,f=d.error,q=d.helpText,b=d.inputMode,j=d.inputRef,h=d.label,y=d.noBorder,m=void 0!==y&&y,I=d.onChange,v=d.onKeyDown,w=d.pattern,g=d.placeholder,C=d.prefix,B=d.readOnly,_=d.required,D=d.size,P=void 0===D?"md":D,T=d.style,O=d.suffix,z=d.tabIndex,F=d.type,K=d.value,M=d.valuePrefix,N=d.width,R=e.__rest(d,["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 l.jsxs("div",{className:s.cn("amino-input-wrapper relative w-(--amino-input-width)",x&&["disabled","opacity-disabled"],c),style:e.__assign({"--amino-input-border-radius":function(){switch(P){case"sm":return"".concat(a.theme.radius6);case"lg":return"".concat(a.theme.radius10);case"xl":return"".concat(a.theme.radius12);default:return"".concat(a.theme.radius8)}}(),"--amino-input-width":N?"".concat(N,"px"):"100%"},T),children:[function(){switch(F){case"password":return l.jsx(n.PasswordInput,{ref:j,autoFocus:p,disabled:x,error:f,inputMode:b,label:h,noBorder:m,onChange:I,onKeyDown:v,pattern:w,placeholder:g,prefix:C,readOnly:B,required:_,size:P,suffix:O,tabIndex:z,value:K||"",valuePrefix:M,...R});case"date":case"datetime-local":return l.jsx(t.DateInput,{ref:j,autoFocus:p,disabled:x,error:f,inputMode:b,label:h,noBorder:m,onChange:I,onKeyDown:v,pattern:w,placeholder:g,prefix:C,readOnly:B,required:_,size:P,suffix:O,tabIndex:z,type:F,value:K||"",valuePrefix:M,...R});case"number":return l.jsx(i.NumberInput,{ref:j,autoFocus:p,disabled:x,error:f,inputMode:b,label:h,noBorder:m,onChange:I,onKeyDown:v,pattern:w,placeholder:g,prefix:C,readOnly:B,required:_,size:P,suffix:O,tabIndex:z,value:K||"",valuePrefix:M,...R});case"time":return l.jsx(u.TimeInput,{ref:j,autoFocus:p,disabled:x,error:f,inputMode:b,label:h,noBorder:m,onChange:I,onKeyDown:v,pattern:w,placeholder:g,prefix:C,readOnly:B,required:_,size:P,suffix:O,tabIndex:z,value:K||"",valuePrefix:M,...R});default:return l.jsx(o.InputBase,{ref:j,autoFocus:p,className:c,disabled:x,error:f,inputMode:b,label:h,noBorder:m,onChange:I,onKeyDown:v,pattern:w,placeholder:g,prefix:C,readOnly:B,required:_,size:P,suffix:O,tabIndex:z,type:F,value:K||"",valuePrefix:M,...R})}}(),l.jsx(r.HelpText,{error:f,helpText:q})]})};
+"use strict";var e=require("../../help-text/HelpText.js"),r=require("./input-type/_DateInput.js"),i=require("./input-type/_NumberInput.js"),t=require("./input-type/_PasswordInput.js"),u=require("./input-type/_TimeInput.js"),n=require("../../../styles/constants/theme.js"),a=require("../../../utils/cn.js"),s=require("./input-type/_InputBase.js"),o=require("react/jsx-runtime");require("../../text/Text.js"),require("clsx"),require("tailwind-merge"),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("class-variance-authority"),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");exports.InputSimple=({autoFocus:l,className:d,disabled:p,error:c,helpText:x,inputMode:q,inputRef:f,label:j,noBorder:b=!1,onChange:h,onKeyDown:m,pattern:y,placeholder:I,prefix:w,readOnly:v,required:g,size:C="md",style:B,suffix:D,tabIndex:P,type:T,value:O,valuePrefix:_,width:z,...F})=>o.jsxs("div",{className:a.cn("amino-input-wrapper relative w-(--amino-input-width)",p&&["disabled","opacity-disabled"],d),style:{"--amino-input-border-radius":(()=>{switch(C){case"sm":return`${n.theme.radius6}`;case"lg":return`${n.theme.radius10}`;case"xl":return`${n.theme.radius12}`;default:return`${n.theme.radius8}`}})(),"--amino-input-width":z?`${z}px`:"100%",...B},children:[(()=>{switch(T){case"password":return o.jsx(t.PasswordInput,{ref:f,autoFocus:l,disabled:p,error:c,inputMode:q,label:j,noBorder:b,onChange:h,onKeyDown:m,pattern:y,placeholder:I,prefix:w,readOnly:v,required:g,size:C,suffix:D,tabIndex:P,value:O||"",valuePrefix:_,...F});case"date":case"datetime-local":return o.jsx(r.DateInput,{ref:f,autoFocus:l,disabled:p,error:c,inputMode:q,label:j,noBorder:b,onChange:h,onKeyDown:m,pattern:y,placeholder:I,prefix:w,readOnly:v,required:g,size:C,suffix:D,tabIndex:P,type:T,value:O||"",valuePrefix:_,...F});case"number":return o.jsx(i.NumberInput,{ref:f,autoFocus:l,disabled:p,error:c,inputMode:q,label:j,noBorder:b,onChange:h,onKeyDown:m,pattern:y,placeholder:I,prefix:w,readOnly:v,required:g,size:C,suffix:D,tabIndex:P,value:O||"",valuePrefix:_,...F});case"time":return o.jsx(u.TimeInput,{ref:f,autoFocus:l,disabled:p,error:c,inputMode:q,label:j,noBorder:b,onChange:h,onKeyDown:m,pattern:y,placeholder:I,prefix:w,readOnly:v,required:g,size:C,suffix:D,tabIndex:P,value:O||"",valuePrefix:_,...F});default:return o.jsx(s.InputBase,{ref:f,autoFocus:l,className:d,disabled:p,error:c,inputMode:q,label:j,noBorder:b,onChange:h,onKeyDown:m,pattern:y,placeholder:I,prefix:w,readOnly:v,required:g,size:C,suffix:D,tabIndex:P,type:T,value:O||"",valuePrefix:_,...F})}})(),o.jsx(e.HelpText,{error:c,helpText:x})]});

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

@@ -1,7 +1,7 @@
 export declare const DateInput: import("react").ForwardRefExoticComponent<import("../../../../types/BaseProps").BaseProps & {
     autoFocus?: boolean;
     disabled?: boolean;
-    inputMode?: import("./_InputBase").InputMode;
+    inputMode?: import("../../../../components/input/input-simple/input-type/_InputBase").InputMode;
     label?: import("react").ReactNode;
     noBorder?: boolean;
     onChange: import("react").ChangeEventHandler<HTMLInputElement>;
@@ -17,4 +17,4 @@ export declare const DateInput: import("react").ForwardRefExoticComponent<import
     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" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "disabled" | "error" | "inputMode" | "label" | "noBorder" | "onChange" | "onKeyDown" | "pattern" | "placeholder" | "prefix" | "readOnly" | "required" | "size" | "suffix" | "tabIndex" | "type" | "value" | "valuePrefix" | keyof import("../../../../types/BaseProps").BaseProps> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1 +1 @@
-"use strict";var e=require("../../../../tslib.es6-cdc5f922.js"),r=require("react"),n=require("@floating-ui/react"),i=require("./_InputBase.js"),a=require("../../../../icons/CalendarIcon.js"),t=require("../../../../utils/cn.js"),l=require("react/jsx-runtime");require("../../../../styles/constants/theme.js"),require("../../../../icons/icon-base/_IconBase.js"),require("clsx"),require("tailwind-merge");var s=r.forwardRef(function(s,u){var o=s.autoFocus,c=s.className,d=s.disabled,p=s.error,f=s.inputMode,b=s.label,x=s.onChange,h=s.onKeyDown,v=s.pattern,q=s.placeholder,j=s.prefix,w=s.readOnly,y=s.required,m=s.suffix,k=s.tabIndex,I=s.value,g=e.__rest(s,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),_=r.useRef(null),C=n.useMergeRefs([u,_]);return l.jsx("div",{className:t.cn("relative w-full","[&_input[type=datetime-local]::-webkit-calendar-picker-indicator]:hidden","[&_input[type=date]::-webkit-calendar-picker-indicator]:hidden",!I&&"[&:not(:focus-within)_input::-webkit-datetime-edit-fields-wrapper]:opacity-0",c),children:l.jsx(i.InputBase,{ref:C,autoFocus:o,disabled:d,error:p,inputMode:f,label:b,onChange:x,onKeyDown:h,pattern:v,placeholder:q,prefix:j,readOnly:w,required:y,suffix:m||l.jsx("div",{className:"flex flex-col justify-center",children:l.jsx("button",{className:"rounded-full p-1.5 transition-all duration-300 ease-in-out hover:bg-black/[0.04] focus:outline-none active:bg-black/10",onClick:function(){var e,r;null===(e=_.current)||void 0===e||e.showPicker(),null===(r=_.current)||void 0===r||r.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:l.jsx(a.CalendarIcon,{size:24})})}),tabIndex:k,type:"date",value:I,...g})})});exports.DateInput=s;
+"use strict";var e=require("react"),r=require("@floating-ui/react"),t=require("./_InputBase.js"),n=require("../../../../icons/CalendarIcon.js"),i=require("../../../../utils/cn.js"),a=require("react/jsx-runtime");require("../../../../styles/constants/theme.js"),require("../../../../icons/icon-base/_IconBase.js"),require("clsx"),require("tailwind-merge");const s=e.forwardRef(({autoFocus:s,className:u,disabled:l,error:c,inputMode:o,label:d,onChange:p,onKeyDown:f,pattern:b,placeholder:x,prefix:h,readOnly:j,required:q,suffix:w,tabIndex:y,value:v,...k},m)=>{const I=e.useRef(null),g=r.useMergeRefs([m,I]);return a.jsx("div",{className:i.cn("relative w-full","[&_input[type=datetime-local]::-webkit-calendar-picker-indicator]:hidden","[&_input[type=date]::-webkit-calendar-picker-indicator]:hidden",!v&&"[&:not(:focus-within)_input::-webkit-datetime-edit-fields-wrapper]:opacity-0",u),children:a.jsx(t.InputBase,{ref:g,autoFocus:s,disabled:l,error:c,inputMode:o,label:d,onChange:p,onKeyDown:f,pattern:b,placeholder:x,prefix:h,readOnly:j,required:q,suffix:w||a.jsx("div",{className:"flex flex-col justify-center",children:a.jsx("button",{className:"rounded-full p-1.5 transition-all duration-300 ease-in-out hover:bg-black/[0.04] focus:outline-none active:bg-black/10",onClick:()=>{I.current?.showPicker(),I.current?.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:a.jsx(n.CalendarIcon,{size:24})})}),tabIndex:y,type:"date",value:v,...k})})});exports.DateInput=s;

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

@@ -1,7 +1,7 @@
 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";
+import type { HelpTextProps } from '../../../../components/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;
@@ -121,5 +121,5 @@ export declare const InputBase: import("react").ForwardRefExoticComponent<BasePr
     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" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "disabled" | "error" | "inputMode" | "label" | "noBorder" | "onChange" | "onKeyDown" | "pattern" | "placeholder" | "prefix" | "readOnly" | "required" | "size" | "suffix" | "tabIndex" | "type" | "value" | "valuePrefix" | keyof BaseProps> & import("react").RefAttributes<HTMLInputElement>>;
 export {};

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

@@ -1 +1 @@
-"use strict";var e=require("../../../../tslib.es6-cdc5f922.js"),r=require("react"),a=require("../../../../styles/constants/theme.js"),s=require("../../../../utils/cn.js"),i=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");var o=r.forwardRef(function(o,n){var l=o.className,t=o.disabled,d=o.error,c=o.id,u=o.label;o.noBorder;var m=o.placeholder,h=o.prefix,x=o.size,f=void 0===x?"md":x,p=o.suffix,v=o.value,w=o.valuePrefix,b=e.__rest(o,["className","disabled","error","id","label","noBorder","placeholder","prefix","size","suffix","value","valuePrefix"]),j=r.useId(),N=c||j;return i.jsxs("div",{className:"flex w-full flex-col",children:[u&&i.jsx("label",{className:s.cn("mb-2 block flex-none",d&&"text-red-600"),htmlFor:N,style:d?void 0:{color:a.theme.textColorSecondary},children:u}),i.jsxs("div",{className:s.cn("flex w-full flex-none items-center\n            rounded-[var(--amino-input-border-radius)] bg-transparent","shadow-[var(--amino-input-shadow)]","focus-within:shadow-[var(--amino-input-focus-shadow)]",d&&"shadow-[var(--amino-input-error-shadow)]\n              focus-within:shadow-[var(--amino-input-error-focus-shadow)]",{lg:"h-12",md:"h-10",sm:"h-8",xl:"h-14"}[f],l),style:{"--amino-input-error-focus-shadow":"inset 0 0 0 2px ".concat(a.theme.red500),"--amino-input-error-shadow":"inset 0 0 0 1px ".concat(a.theme.red500),"--amino-input-focus-shadow":"inset 0 0 0 2px ".concat(d?a.theme.red500:a.theme.blue500),"--amino-input-shadow":"inset 0 0 0 1px ".concat(a.theme.borderColor)},children:[h&&i.jsx("div",{className:"-mr-2 flex items-center px-2 pr-0 font-medium",children:h}),w&&i.jsx("div",{className:"pl-3 whitespace-nowrap text-gray-800",children:w}),i.jsx("input",{ref:n,className:"bg-amino-input h-full w-full rounded-[inherit] border-0 bg-transparent px-4 font-medium outline-none placeholder:font-normal placeholder:text-gray-500",disabled:t,id:N,placeholder:m,value:v||"",...b}),p&&i.jsx("div",{className:"flex items-center px-2 font-medium",children:p})]})]})});exports.InputBase=o;
+"use strict";var e=require("react"),r=require("../../../../styles/constants/theme.js"),s=require("../../../../utils/cn.js"),a=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");const i=e.forwardRef(({className:i,disabled:n,error:o,id:t,label:l,noBorder:d,placeholder:u,prefix:m,size:c="md",suffix:h,value:x,valuePrefix:p,...f},w)=>{const v=e.useId(),b=t||v;return a.jsxs("div",{className:"flex w-full flex-col",children:[l&&a.jsx("label",{className:s.cn("mb-2 block flex-none",o&&"text-red-600"),htmlFor:b,style:o?void 0:{color:r.theme.textColorSecondary},children:l}),a.jsxs("div",{className:s.cn("flex w-full flex-none items-center\n            rounded-[var(--amino-input-border-radius)] bg-transparent","shadow-[var(--amino-input-shadow)]","focus-within:shadow-[var(--amino-input-focus-shadow)]",o&&"shadow-[var(--amino-input-error-shadow)]\n              focus-within:shadow-[var(--amino-input-error-focus-shadow)]",{lg:"h-12",md:"h-10",sm:"h-8",xl:"h-14"}[c],i),style:{"--amino-input-error-focus-shadow":`inset 0 0 0 2px ${r.theme.red500}`,"--amino-input-error-shadow":`inset 0 0 0 1px ${r.theme.red500}`,"--amino-input-focus-shadow":`inset 0 0 0 2px ${o?r.theme.red500:r.theme.blue500}`,"--amino-input-shadow":`inset 0 0 0 1px ${r.theme.borderColor}`},children:[m&&a.jsx("div",{className:"-mr-2 flex items-center px-2 pr-0 font-medium",children:m}),p&&a.jsx("div",{className:"pl-3 whitespace-nowrap text-gray-800",children:p}),a.jsx("input",{ref:w,className:"bg-amino-input h-full w-full rounded-[inherit] border-0 bg-transparent px-4 font-medium outline-none placeholder:font-normal placeholder:text-gray-500",disabled:n,id:b,placeholder:u,value:x||"",...f}),h&&a.jsx("div",{className:"flex items-center px-2 font-medium",children:h})]})]})});exports.InputBase=i;

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

@@ -1,8 +1,8 @@
-import type { Size } from "../../../../types/Size";
+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;
+    inputMode?: import("../../../../components/input/input-simple/input-type/_InputBase").InputMode;
     label?: import("react").ReactNode;
     noBorder?: boolean;
     onChange: import("react").ChangeEventHandler<HTMLInputElement>;
@@ -18,4 +18,4 @@ export declare const NumberInput: import("react").ForwardRefExoticComponent<impo
     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" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "disabled" | "error" | "inputMode" | "label" | "noBorder" | "onChange" | "onKeyDown" | "pattern" | "placeholder" | "prefix" | "readOnly" | "required" | "size" | "suffix" | "tabIndex" | "type" | "value" | "valuePrefix" | keyof import("../../../../types/BaseProps").BaseProps> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1 +1 @@
-"use strict";var e=require("../../../../tslib.es6-cdc5f922.js"),n=require("react"),t=require("@floating-ui/react"),i=require("./_InputBase.js"),r=require("../../../../icons/CaretDownIcon.js"),s=require("../../../../icons/CaretUpIcon.js"),u=require("../../../../styles/constants/theme.js"),a=require("../../../../utils/cn.js"),l=require("react/jsx-runtime");require("../../../../icons/icon-base/_IconBase.js"),require("clsx"),require("tailwind-merge");var c={lg:u.theme.sizeLg,md:u.theme.sizeMd,sm:u.theme.sizeSm,xl:u.theme.sizeXl},o=function(e){switch(e){case"sm":return 14;case"md":return 16;case"lg":return 18;default:return 20}},p=n.forwardRef(function(u,p){var b=u.className,d=u.label,m=u.size,f=void 0===m?"xl":m,v=u.suffix,x=e.__rest(u,["className","label","size","suffix"]),h=n.useRef(null),j=t.useMergeRefs([p,h]);return l.jsx("div",{className:a.cn("relative w-full",b),style:{"--amino-number-input-height":"calc(".concat(c[f]," - 2px)")},children:l.jsx(i.InputBase,{...x,ref:j,className:"[&_input]:appearance-none [&_input]:pr-10 [&_input]:[-moz-appearance:textfield] [&_input::-webkit-calendar-picker-indicator]:hidden [&_input::-webkit-inner-spin-button]:appearance-none [&_input::-webkit-outer-spin-button]:appearance-none",label:d,size:f,suffix:null===v?null:v||l.jsxs("div",{className:"flex h-[var(--amino-number-input-height)] flex-col justify-center",children:[l.jsx("button",{className:"rounded p-0 px-1 transition-all duration-300 ease-in-out hover:bg-black/[0.04] focus:outline-none active:bg-black/10",onClick:function(){var e,n;null===(e=h.current)||void 0===e||e.stepUp(),null===(n=h.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:l.jsx(s.CaretUpIcon,{size:o(f)})}),l.jsx("button",{className:"rounded p-0 px-1 transition-all duration-300 ease-in-out hover:bg-black/[0.04] focus:outline-none active:bg-black/10",onClick:function(){var e,n;null===(e=h.current)||void 0===e||e.stepDown(),null===(n=h.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:l.jsx(r.CaretDownIcon,{size:o(f)})})]}),type:"number"})})});exports.NumberInput=p;
+"use strict";var e=require("react"),n=require("@floating-ui/react"),t=require("./_InputBase.js"),r=require("../../../../icons/CaretDownIcon.js"),i=require("../../../../icons/CaretUpIcon.js"),s=require("../../../../styles/constants/theme.js"),a=require("../../../../utils/cn.js"),u=require("react/jsx-runtime");require("../../../../icons/icon-base/_IconBase.js"),require("clsx"),require("tailwind-merge");const c={lg:s.theme.sizeLg,md:s.theme.sizeMd,sm:s.theme.sizeSm,xl:s.theme.sizeXl},l=e=>{switch(e){case"sm":return 14;case"md":return 16;case"lg":return 18;default:return 20}},o=e.forwardRef(({className:s,label:o,size:p="xl",suffix:b,...d},m)=>{const h=e.useRef(null),x=n.useMergeRefs([m,h]);return u.jsx("div",{className:a.cn("relative w-full",s),style:{"--amino-number-input-height":`calc(${c[p]} - 2px)`},children:u.jsx(t.InputBase,{...d,ref:x,className:"[&_input]:appearance-none [&_input]:pr-10 [&_input]:[-moz-appearance:textfield] [&_input::-webkit-calendar-picker-indicator]:hidden [&_input::-webkit-inner-spin-button]:appearance-none [&_input::-webkit-outer-spin-button]:appearance-none",label:o,size:p,suffix:null===b?null:b||u.jsxs("div",{className:"flex h-[var(--amino-number-input-height)] flex-col justify-center",children:[u.jsx("button",{className:"rounded p-0 px-1 transition-all duration-300 ease-in-out hover:bg-black/[0.04] focus:outline-none active:bg-black/10",onClick:()=>{h.current?.stepUp(),h.current?.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:u.jsx(i.CaretUpIcon,{size:l(p)})}),u.jsx("button",{className:"rounded p-0 px-1 transition-all duration-300 ease-in-out hover:bg-black/[0.04] focus:outline-none active:bg-black/10",onClick:()=>{h.current?.stepDown(),h.current?.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:u.jsx(r.CaretDownIcon,{size:l(p)})})]}),type:"number"})})});exports.NumberInput=o;

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

@@ -1,7 +1,7 @@
 export declare const PasswordInput: import("react").ForwardRefExoticComponent<import("../../../../types/BaseProps").BaseProps & {
     autoFocus?: boolean;
     disabled?: boolean;
-    inputMode?: import("./_InputBase").InputMode;
+    inputMode?: import("../../../../components/input/input-simple/input-type/_InputBase").InputMode;
     label?: import("react").ReactNode;
     noBorder?: boolean;
     onChange: import("react").ChangeEventHandler<HTMLInputElement>;
@@ -17,4 +17,4 @@ export declare const PasswordInput: import("react").ForwardRefExoticComponent<im
     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" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "disabled" | "error" | "inputMode" | "label" | "noBorder" | "onChange" | "onKeyDown" | "pattern" | "placeholder" | "prefix" | "readOnly" | "required" | "size" | "suffix" | "tabIndex" | "type" | "value" | "valuePrefix" | keyof import("../../../../types/BaseProps").BaseProps> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1 +1 @@
-"use strict";var e=require("../../../../tslib.es6-cdc5f922.js"),r=require("react"),s=require("../../../button/Button.js"),i=require("./_InputBase.js"),n=require("../../../../icons/EyeIcon.js"),u=require("../../../../icons/EyeOffIcon.js"),t=require("../../../../utils/cn.js"),a=require("react/jsx-runtime");require("class-variance-authority"),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("clsx"),require("tailwind-merge"),require("../../../../utils/getTestId.js"),require("../../../../icons/icon-base/_IconBase.js");var o=r.forwardRef(function(o,l){var d=o.autoFocus,c=o.className,p=o.disabled,q=o.error,f=o.inputMode,j=o.label,x=o.onChange,b=o.onKeyDown,y=o.pattern,v=o.placeholder,I=o.prefix,h=o.readOnly,m=o.required,w=o.suffix,_=o.tabIndex,g=o.value,B=e.__rest(o,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),C=e.__read(r.useState("password"),2),N=C[0],O=C[1];return a.jsx("div",{className:t.cn("relative w-full",c),children:a.jsx(i.InputBase,{ref:l,autoFocus:d,className:"[&_input]:pr-10",disabled:p,error:q,inputMode:f,label:j,onChange:x,onKeyDown:b,pattern:y,placeholder:v,prefix:I,readOnly:h,required:m,suffix:w||a.jsx(s.Button,{className:"hover:bg-hover rounded-full p-1.5 transition-all duration-300 ease-in-out",icon:"password"===N?a.jsx(n.EyeIcon,{size:24}):a.jsx(u.EyeOffIcon,{size:24}),onClick:function(){return O("password"===N?"text":"password")},variant:"subtle"}),tabIndex:_,type:N,value:g,...B})})});exports.PasswordInput=o;
+"use strict";var e=require("react"),r=require("../../../button/Button.js"),s=require("./_InputBase.js"),i=require("../../../../icons/EyeIcon.js"),t=require("../../../../icons/EyeOffIcon.js"),n=require("../../../../utils/cn.js"),u=require("react/jsx-runtime");require("class-variance-authority"),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("clsx"),require("tailwind-merge"),require("../../../../utils/getTestId.js"),require("../../../../icons/icon-base/_IconBase.js");const o=e.forwardRef(({autoFocus:o,className:a,disabled:l,error:c,inputMode:p,label:d,onChange:q,onKeyDown:j,pattern:f,placeholder:x,prefix:b,readOnly:y,required:I,suffix:m,tabIndex:w,value:h,...v},g)=>{const[B,C]=e.useState("password");return u.jsx("div",{className:n.cn("relative w-full",a),children:u.jsx(s.InputBase,{ref:g,autoFocus:o,className:"[&_input]:pr-10",disabled:l,error:c,inputMode:p,label:d,onChange:q,onKeyDown:j,pattern:f,placeholder:x,prefix:b,readOnly:y,required:I,suffix:m||u.jsx(r.Button,{className:"hover:bg-hover rounded-full p-1.5 transition-all duration-300 ease-in-out",icon:"password"===B?u.jsx(i.EyeIcon,{size:24}):u.jsx(t.EyeOffIcon,{size:24}),onClick:()=>C("password"===B?"text":"password"),variant:"subtle"}),tabIndex:w,type:B,value:h,...v})})});exports.PasswordInput=o;

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

@@ -1,7 +1,7 @@
 export declare const TimeInput: import("react").ForwardRefExoticComponent<import("../../../../types/BaseProps").BaseProps & {
     autoFocus?: boolean;
     disabled?: boolean;
-    inputMode?: import("./_InputBase").InputMode;
+    inputMode?: import("../../../../components/input/input-simple/input-type/_InputBase").InputMode;
     label?: import("react").ReactNode;
     noBorder?: boolean;
     onChange: import("react").ChangeEventHandler<HTMLInputElement>;
@@ -17,4 +17,4 @@ export declare const TimeInput: import("react").ForwardRefExoticComponent<import
     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" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../../types/BaseProps").BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "disabled" | "error" | "inputMode" | "label" | "noBorder" | "onChange" | "onKeyDown" | "pattern" | "placeholder" | "prefix" | "readOnly" | "required" | "size" | "suffix" | "tabIndex" | "type" | "value" | "valuePrefix" | keyof import("../../../../types/BaseProps").BaseProps> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1 +1 @@
-"use strict";var e=require("../../../../tslib.es6-cdc5f922.js"),r=require("react"),n=require("@floating-ui/react"),i=require("./_InputBase.js"),t=require("../../../../icons/ClockIcon.js"),a=require("../../../../utils/cn.js"),s=require("react/jsx-runtime");require("../../../../styles/constants/theme.js"),require("../../../../icons/icon-base/_IconBase.js"),require("clsx"),require("tailwind-merge");var u=r.forwardRef(function(u,l){var o=u.autoFocus,c=u.className,d=u.disabled,p=u.error,f=u.inputMode,b=u.label,x=u.onChange,v=u.onKeyDown,h=u.pattern,q=u.placeholder,j=u.prefix,y=u.readOnly,m=u.required,g=u.suffix,w=u.tabIndex,I=u.value,k=e.__rest(u,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),C=r.useRef(null),N=n.useMergeRefs([l,C]);return s.jsx("div",{className:a.cn("relative w-full\n          [&_input[type=time]::-webkit-calendar-picker-indicator]:hidden",c),children:s.jsx(i.InputBase,{ref:N,autoFocus:o,disabled:d,error:p,inputMode:f,label:b,onChange:x,onKeyDown:v,pattern:h,placeholder:q,prefix:j,readOnly:y,required:m,suffix:g||s.jsx("div",{className:"flex flex-col justify-center",children:s.jsx("button",{className:"hover:bg-hover rounded-full p-1.5 transition-all duration-300 ease-in-out focus:outline-none active:bg-gray-100",onClick:function(){var e,r;null===(e=C.current)||void 0===e||e.showPicker(),null===(r=C.current)||void 0===r||r.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:s.jsx(t.ClockIcon,{size:24})})}),tabIndex:w,type:"time",value:I,...k})})});exports.TimeInput=u;
+"use strict";var e=require("react"),r=require("@floating-ui/react"),n=require("./_InputBase.js"),i=require("../../../../icons/ClockIcon.js"),t=require("../../../../utils/cn.js"),s=require("react/jsx-runtime");require("../../../../styles/constants/theme.js"),require("../../../../icons/icon-base/_IconBase.js"),require("clsx"),require("tailwind-merge");const a=e.forwardRef(({autoFocus:a,className:u,disabled:o,error:l,inputMode:c,label:d,onChange:p,onKeyDown:f,pattern:x,placeholder:b,prefix:h,readOnly:j,required:q,suffix:v,tabIndex:m,value:y,...g},w)=>{const I=e.useRef(null),k=r.useMergeRefs([w,I]);return s.jsx("div",{className:t.cn("relative w-full\n          [&_input[type=time]::-webkit-calendar-picker-indicator]:hidden",u),children:s.jsx(n.InputBase,{ref:k,autoFocus:a,disabled:o,error:l,inputMode:c,label:d,onChange:p,onKeyDown:f,pattern:x,placeholder:b,prefix:h,readOnly:j,required:q,suffix:v||s.jsx("div",{className:"flex flex-col justify-center",children:s.jsx("button",{className:"hover:bg-hover rounded-full p-1.5 transition-all duration-300 ease-in-out focus:outline-none active:bg-gray-100",onClick:()=>{I.current?.showPicker(),I.current?.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:s.jsx(i.ClockIcon,{size:24})})}),tabIndex:m,type:"time",value:y,...g})})});exports.TimeInput=a;

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

@@ -1,7 +1,7 @@
 export declare const DateInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
     autoFocus?: boolean;
     disabled?: boolean;
-    inputMode?: import("./_FloatLabelInput").InputMode;
+    inputMode?: import("../../../components/input/input-type/_FloatLabelInput").InputMode;
     label?: import("react").ReactNode;
     noBorder?: boolean;
     onChange: import("react").ChangeEventHandler<HTMLInputElement>;
@@ -17,4 +17,4 @@ export declare const DateInput: import("react").ForwardRefExoticComponent<import
     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" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "disabled" | "error" | "inputMode" | "label" | "noBorder" | "onChange" | "onKeyDown" | "pattern" | "placeholder" | "prefix" | "readOnly" | "required" | "size" | "suffix" | "tabIndex" | "type" | "value" | "valuePrefix" | keyof import("../../../types/BaseProps").BaseProps> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1 +1 @@
-"use strict";var e=require("../../../tslib.es6-cdc5f922.js"),r=require("react"),i=require("@floating-ui/react"),t=require("./_FloatLabelInput.js"),a=require("../../../icons/CalendarIcon.js"),n=require("../../../utils/cn.js"),l=require("react/jsx-runtime");require("../../../styles/constants/theme.js"),require("../../../utils/getNodeText.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js"),require("clsx"),require("tailwind-merge");var u=r.forwardRef(function(u,s){var o=u.autoFocus,d=u.className,c=u.disabled,p=u.error,f=u.inputMode,b=u.label,x=u.onChange,v=u.onKeyDown,h=u.pattern,q=u.placeholder,j=u.prefix,w=u.readOnly,y=u.required,g=u.suffix,m=u.tabIndex,I=u.value,k=u.valuePrefix,_=e.__rest(u,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value","valuePrefix"]),C=r.useRef(null),N=i.useMergeRefs([s,C]);return l.jsx("div",{className:n.cn("relative w-full","[&_input[type=datetime-local]::-webkit-calendar-picker-indicator]:hidden","[&_input[type=date]::-webkit-calendar-picker-indicator]:hidden",!I&&!k&&"[&:not(:focus-within)_input::-webkit-datetime-edit-fields-wrapper]:opacity-0",d),children:l.jsx(t.FloatLabelInput,{ref:N,autoFocus:o,disabled:c,error:p,inputMode:f,label:b,onChange:x,onKeyDown:v,pattern:h,placeholder:q,prefix:j,readOnly:w,required:y,suffix:g||l.jsx("div",{className:"flex flex-col justify-center",children:l.jsx("button",{className:"rounded-full p-1.5 transition-all duration-300 ease-in-out hover:bg-black/[0.04] focus:outline-none active:bg-black/10",onClick:function(){var e,r;null===(e=C.current)||void 0===e||e.showPicker(),null===(r=C.current)||void 0===r||r.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:l.jsx(a.CalendarIcon,{size:24})})}),tabIndex:m,type:"date",value:I,valuePrefix:k,..._})})});exports.DateInput=u;
+"use strict";var e=require("react"),r=require("@floating-ui/react"),t=require("./_FloatLabelInput.js"),i=require("../../../icons/CalendarIcon.js"),n=require("../../../utils/cn.js"),a=require("react/jsx-runtime");require("../../../styles/constants/theme.js"),require("../../../utils/getNodeText.js"),require("../../../utils/getTestId.js"),require("../../../icons/icon-base/_IconBase.js"),require("clsx"),require("tailwind-merge");const l=e.forwardRef(({autoFocus:l,className:s,disabled:u,error:o,inputMode:c,label:d,onChange:p,onKeyDown:f,pattern:b,placeholder:x,prefix:h,readOnly:j,required:q,suffix:v,tabIndex:w,value:y,valuePrefix:g,...k},m)=>{const I=e.useRef(null),C=r.useMergeRefs([m,I]);return a.jsx("div",{className:n.cn("relative w-full","[&_input[type=datetime-local]::-webkit-calendar-picker-indicator]:hidden","[&_input[type=date]::-webkit-calendar-picker-indicator]:hidden",!y&&!g&&"[&:not(:focus-within)_input::-webkit-datetime-edit-fields-wrapper]:opacity-0",s),children:a.jsx(t.FloatLabelInput,{ref:C,autoFocus:l,disabled:u,error:o,inputMode:c,label:d,onChange:p,onKeyDown:f,pattern:b,placeholder:x,prefix:h,readOnly:j,required:q,suffix:v||a.jsx("div",{className:"flex flex-col justify-center",children:a.jsx("button",{className:"rounded-full p-1.5 transition-all duration-300 ease-in-out hover:bg-black/[0.04] focus:outline-none active:bg-black/10",onClick:()=>{I.current?.showPicker(),I.current?.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:a.jsx(i.CalendarIcon,{size:24})})}),tabIndex:w,type:"date",value:y,valuePrefix:g,...k})})});exports.DateInput=l;

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

@@ -1,7 +1,7 @@
 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";
+import type { HelpTextProps } from '../../../components/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';
 export declare const getFloatLabelRadius: (size: Size) => string;
 type FloatLabelInputType = BaseProps & {
@@ -123,5 +123,5 @@ export declare const FloatLabelInput: import("react").ForwardRefExoticComponent<
     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" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<HelpTextProps, "error"> & Omit<InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "disabled" | "error" | "inputMode" | "label" | "noBorder" | "onChange" | "onKeyDown" | "pattern" | "placeholder" | "prefix" | "readOnly" | "required" | "size" | "suffix" | "tabIndex" | "type" | "value" | "valuePrefix" | keyof BaseProps> & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/components/input/input-type/_FloatLabelInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../../tslib.es6-cdc5f922.js"),a=require("react"),t=require("../../../styles/constants/theme.js"),r=require("../../../utils/cn.js"),o=require("../../../utils/getNodeText.js"),l=require("../../../utils/getTestId.js"),i=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");var n=function(e){switch(e){case"sm":return"".concat(t.theme.radius6);case"lg":return"".concat(t.theme.radius10);case"xl":return"".concat(t.theme.radius12);default:return"".concat(t.theme.radius8)}},s=a.forwardRef(function(s,p){var u=s.autoFocus,d=s.className,c=s.disabled,x=s.error,b=s.id,f=s.inputMode,m=s.label,h=s.noBorder,g=void 0!==h&&h,v=s.onChange,w=s.onKeyDown,y=s.pattern,j=s.placeholder,T=s.prefix,_=s.readOnly,N=s.required,q=s.size,P=void 0===q?"xl":q,z=s.suffix,F=s.tabIndex,I=s.type,k=s.value,M=s.valuePrefix,C=e.__rest(s,["autoFocus","className","disabled","error","id","inputMode","label","noBorder","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","size","suffix","tabIndex","type","value","valuePrefix"]),D=a.useId(),K=a.useMemo(function(){return l.getTestId({componentName:"input",name:o.getNodeText(m)})},[m]),O=!!k||!!M,B=b||D,L={lg:{input:m?"pt-5 pb-2 pr-1 pl-4":"px-4",labelTop:"top-[6px]",labelTopFocus:"group-focus-within:top-[6px]",valuePrefixPadding:"pb-2.5",wrapper:"h-[calc(var(--amino-size-lg)_-_2px)]"},md:{input:m?"pt-5 pb-2 pr-1 pl-4":"px-4",labelTop:"top-[6px]",labelTopFocus:"group-focus-within:top-[6px]",valuePrefixPadding:"pb-1",wrapper:"h-[calc(var(--amino-size-md)_-_2px)]"},sm:{input:m?"pt-[13px] pb-0 px-4":"px-4",labelTop:"top-[2px]",labelTopFocus:"group-focus-within:top-[2px]",valuePrefixPadding:"pb-0 mb-[-1px]",wrapper:"h-[calc(var(--amino-size-sm)_-_2px)]"},xl:{input:m?"pt-4 pb-[2px] pr-1 pl-4":"px-4",labelTop:"top-[11px]",labelTopFocus:"group-focus-within:top-[11px]",valuePrefixPadding:"pb-[11px]",wrapper:"h-[calc(var(--amino-size-xl)_-_2px)]"}}[P];return i.jsxs("label",{className:r.cn("group bg-amino-input relative flex w-full flex-row items-center\n          rounded-[var(--amino-float-label-input-border-radius)]",!g&&(x?"shadow-glow-error focus-within:shadow-glow-error":"focus-within:shadow-glow-blue"),O&&"has-content",m&&"has-label",d),htmlFor:B,style:{"--amino-float-label-input-border-radius":n(P)},children:[T&&i.jsx("div",{className:"text-amino-s flex basis-[50px] items-center justify-center rounded-l-[6px] bg-transparent px-1.5 leading-(--amino-font-size-s) font-bold",children:T}),M&&i.jsx("div",{className:r.cn("order-2 flex items-center pl-2 whitespace-nowrap",m&&["items-end",L.valuePrefixPadding]),style:{color:t.theme.gray800},children:M}),i.jsx("input",{ref:p,"aria-label":"string"==typeof m?m:void 0,autoFocus:u,className:r.cn("bg-amino-input relative order-2 box-border w-full\n            rounded-[var(--amino-float-label-input-border-radius)] border-0\n            font-medium transition-all duration-300 ease-in-out outline-none",L.wrapper,m?L.input:"px-4",T&&m&&"pl-0",M&&m&&"pl-2",!m&&"placeholder:opacity-disabled","[&:-internal-autofill-selected]:rounded-l-[6px]\n            [&:-internal-autofill-selected+label+div]:bg-[#e8f0fe]","[&:-webkit-autofill]:bg-amino-input\n            [&:-webkit-autofill]:text-[var(--amino-text-color)]","[&:-moz-autofill]:bg-amino-input\n            [&:-moz-autofill]:text-[var(--amino-text-color)]",m&&"group-[:has(input:focus)]:placeholder:opacity-disabled\n              placeholder:opacity-0"),"data-testid":K,disabled:c,id:B,inputMode:f,onChange:v,onKeyDown:w,pattern:y,placeholder:j,readOnly:_,required:N,tabIndex:F,type:I||"text",value:k||"",...C}),i.jsxs("div",{className:"pointer-events-none order-1 block max-h-0 [&_.tooltip-wrapper]:pointer-events-auto [&_.tooltip-wrapper]:cursor-help [.disabled_&]:pointer-events-auto [.disabled_&]:cursor-not-allowed",children:[i.jsx("span",{className:r.cn("text-amino-base blur-0 origin-left-top z-1 inline-block\n              leading-none transition-all duration-300 ease-in-out","absolute top-[calc(50%-8px)] left-4",O&&["scale-[0.8]","-translate-x-2",L.labelTop],"group-focus-within:-translate-x-2 group-focus-within:scale-[0.8]",L.labelTopFocus,T&&m&&"left-0"),style:{color:t.theme.gray800},children:m}),i.jsx("div",{className:r.cn("after:pointer-events-none after:absolute after:inset-0\n              after:rounded-[var(--amino-float-label-input-border-radius)]\n              after:content-['']")})]}),z&&i.jsx("div",{className:"text-amino-s order-3 flex basis-[50px] items-center justify-center rounded-r-[6px] bg-transparent px-1.5 leading-(--amino-font-size-s) font-bold",children:z})]})});exports.FloatLabelInput=s,exports.getFloatLabelRadius=n;
+"use strict";var e=require("react"),t=require("../../../styles/constants/theme.js"),a=require("../../../utils/cn.js"),r=require("../../../utils/getNodeText.js"),o=require("../../../utils/getTestId.js"),l=require("react/jsx-runtime");require("clsx"),require("tailwind-merge");const i=e=>{switch(e){case"sm":return`${t.theme.radius6}`;case"lg":return`${t.theme.radius10}`;case"xl":return`${t.theme.radius12}`;default:return`${t.theme.radius8}`}},n=e.forwardRef(({autoFocus:n,className:s,disabled:p,error:u,id:d,inputMode:c,label:x,noBorder:b=!1,onChange:m,onKeyDown:f,pattern:h,placeholder:g,prefix:w,readOnly:v,required:y,size:j="xl",suffix:T,tabIndex:N,type:_,value:P,valuePrefix:q,...z},F)=>{const I=e.useId(),k=e.useMemo(()=>o.getTestId({componentName:"input",name:r.getNodeText(x)}),[x]),$=!!P||!!q,M=d||I,C={lg:{input:x?"pt-5 pb-2 pr-1 pl-4":"px-4",labelTop:"top-[6px]",labelTopFocus:"group-focus-within:top-[6px]",valuePrefixPadding:"pb-2.5",wrapper:"h-[calc(var(--amino-size-lg)_-_2px)]"},md:{input:x?"pt-5 pb-2 pr-1 pl-4":"px-4",labelTop:"top-[6px]",labelTopFocus:"group-focus-within:top-[6px]",valuePrefixPadding:"pb-1",wrapper:"h-[calc(var(--amino-size-md)_-_2px)]"},sm:{input:x?"pt-[13px] pb-0 px-4":"px-4",labelTop:"top-[2px]",labelTopFocus:"group-focus-within:top-[2px]",valuePrefixPadding:"pb-0 mb-[-1px]",wrapper:"h-[calc(var(--amino-size-sm)_-_2px)]"},xl:{input:x?"pt-4 pb-[2px] pr-1 pl-4":"px-4",labelTop:"top-[11px]",labelTopFocus:"group-focus-within:top-[11px]",valuePrefixPadding:"pb-[11px]",wrapper:"h-[calc(var(--amino-size-xl)_-_2px)]"}}[j];return l.jsxs("label",{className:a.cn("group bg-amino-input relative flex w-full flex-row items-center\n          rounded-[var(--amino-float-label-input-border-radius)]",!b&&(u?"shadow-glow-error focus-within:shadow-glow-error":"focus-within:shadow-glow-blue"),$&&"has-content",x&&"has-label",s),htmlFor:M,style:{"--amino-float-label-input-border-radius":i(j)},children:[w&&l.jsx("div",{className:"text-amino-s flex basis-[50px] items-center justify-center rounded-l-[6px] bg-transparent px-1.5 leading-(--amino-font-size-s) font-bold",children:w}),q&&l.jsx("div",{className:a.cn("order-2 flex items-center pl-2 whitespace-nowrap",x&&["items-end",C.valuePrefixPadding]),style:{color:t.theme.gray800},children:q}),l.jsx("input",{ref:F,"aria-label":"string"==typeof x?x:void 0,autoFocus:n,className:a.cn("bg-amino-input relative order-2 box-border w-full\n            rounded-[var(--amino-float-label-input-border-radius)] border-0\n            font-medium transition-all duration-300 ease-in-out outline-none",C.wrapper,x?C.input:"px-4",w&&x&&"pl-0",q&&x&&"pl-2",!x&&"placeholder:opacity-disabled","[&:-internal-autofill-selected]:rounded-l-[6px]\n            [&:-internal-autofill-selected+label+div]:bg-[#e8f0fe]","[&:-webkit-autofill]:bg-amino-input\n            [&:-webkit-autofill]:text-[var(--amino-text-color)]","[&:-moz-autofill]:bg-amino-input\n            [&:-moz-autofill]:text-[var(--amino-text-color)]",x&&"group-[:has(input:focus)]:placeholder:opacity-disabled\n              placeholder:opacity-0"),"data-testid":k,disabled:p,id:M,inputMode:c,onChange:m,onKeyDown:f,pattern:h,placeholder:g,readOnly:v,required:y,tabIndex:N,type:_||"text",value:P||"",...z}),l.jsxs("div",{className:"pointer-events-none order-1 block max-h-0 [&_.tooltip-wrapper]:pointer-events-auto [&_.tooltip-wrapper]:cursor-help [.disabled_&]:pointer-events-auto [.disabled_&]:cursor-not-allowed",children:[l.jsx("span",{className:a.cn("text-amino-base blur-0 origin-left-top z-1 inline-block\n              leading-none transition-all duration-300 ease-in-out","absolute top-[calc(50%-8px)] left-4",$&&["scale-[0.8]","-translate-x-2",C.labelTop],"group-focus-within:-translate-x-2 group-focus-within:scale-[0.8]",C.labelTopFocus,w&&x&&"left-0"),style:{color:t.theme.gray800},children:x}),l.jsx("div",{className:a.cn("after:pointer-events-none after:absolute after:inset-0\n              after:rounded-[var(--amino-float-label-input-border-radius)]\n              after:content-['']")})]}),T&&l.jsx("div",{className:"text-amino-s order-3 flex basis-[50px] items-center justify-center rounded-r-[6px] bg-transparent px-1.5 leading-(--amino-font-size-s) font-bold",children:T})]})});exports.FloatLabelInput=n,exports.getFloatLabelRadius=i;

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

@@ -1,8 +1,8 @@
-import type { Size } from "../../../types/Size";
+import type { Size } from '../../../types/Size';
 export declare const NumberInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
     autoFocus?: boolean;
     disabled?: boolean;
-    inputMode?: import("./_FloatLabelInput").InputMode;
+    inputMode?: import("../../../components/input/input-type/_FloatLabelInput").InputMode;
     label?: import("react").ReactNode;
     noBorder?: boolean;
     onChange: import("react").ChangeEventHandler<HTMLInputElement>;
@@ -18,4 +18,4 @@ export declare const NumberInput: import("react").ForwardRefExoticComponent<impo
     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" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "disabled" | "error" | "inputMode" | "label" | "noBorder" | "onChange" | "onKeyDown" | "pattern" | "placeholder" | "prefix" | "readOnly" | "required" | "size" | "suffix" | "tabIndex" | "type" | "value" | "valuePrefix" | keyof import("../../../types/BaseProps").BaseProps> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1 +1 @@
-"use strict";var e=require("../../../tslib.es6-cdc5f922.js"),n=require("react"),t=require("@floating-ui/react"),i=require("./_FloatLabelInput.js"),r=require("../../../icons/CaretDownIcon.js"),s=require("../../../icons/CaretUpIcon.js"),u=require("../../../styles/constants/theme.js"),l=require("../../../utils/cn.js"),a=require("react/jsx-runtime");require("../../../utils/getNodeText.js"),require("../../../utils/getTestId.js"),require("clsx"),require("tailwind-merge"),require("../../../icons/icon-base/_IconBase.js");var c={lg:u.theme.sizeLg,md:u.theme.sizeMd,sm:u.theme.sizeSm,xl:u.theme.sizeXl},o=function(e){switch(e){case"sm":return 14;case"md":return 16;case"lg":return 18;default:return 20}},d=n.forwardRef(function(u,d){var b=u.className,p=u.label,m=u.size,f=void 0===m?"xl":m,v=u.suffix,h=e.__rest(u,["className","label","size","suffix"]),x=n.useRef(null),j=t.useMergeRefs([d,x]);return a.jsx("div",{className:l.cn("relative w-full",b),style:{"--amino-number-input-height":"calc(".concat(c[f]," - 2px)")},children:a.jsx(i.FloatLabelInput,{...h,ref:j,className:"[&_input]:appearance-none [&_input]:pr-10 [&_input::-webkit-calendar-picker-indicator]:hidden [&_input::-webkit-inner-spin-button]:hidden",label:p,size:f,suffix:null===v?null:v||a.jsxs("div",{className:"flex h-[var(--amino-number-input-height)] flex-col justify-center",children:[a.jsx("button",{className:"rounded p-0 px-1 transition-all duration-300 ease-in-out hover:bg-black/[0.04] focus:outline-none active:bg-black/10",onClick:function(){var e,n;null===(e=x.current)||void 0===e||e.stepUp(),null===(n=x.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:a.jsx(s.CaretUpIcon,{size:o(f)})}),a.jsx("button",{className:"rounded p-0 px-1 transition-all duration-300 ease-in-out hover:bg-black/[0.04] focus:outline-none active:bg-black/10",onClick:function(){var e,n;null===(e=x.current)||void 0===e||e.stepDown(),null===(n=x.current)||void 0===n||n.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:a.jsx(r.CaretDownIcon,{size:o(f)})})]}),type:"number"})})});exports.NumberInput=d;
+"use strict";var e=require("react"),t=require("@floating-ui/react"),n=require("./_FloatLabelInput.js"),r=require("../../../icons/CaretDownIcon.js"),i=require("../../../icons/CaretUpIcon.js"),s=require("../../../styles/constants/theme.js"),u=require("../../../utils/cn.js"),a=require("react/jsx-runtime");require("../../../utils/getNodeText.js"),require("../../../utils/getTestId.js"),require("clsx"),require("tailwind-merge"),require("../../../icons/icon-base/_IconBase.js");const l={lg:s.theme.sizeLg,md:s.theme.sizeMd,sm:s.theme.sizeSm,xl:s.theme.sizeXl},c=e=>{switch(e){case"sm":return 14;case"md":return 16;case"lg":return 18;default:return 20}},o=e.forwardRef(({className:s,label:o,size:p="xl",suffix:b,...d},m)=>{const h=e.useRef(null),x=t.useMergeRefs([m,h]);return a.jsx("div",{className:u.cn("relative w-full",s),style:{"--amino-number-input-height":`calc(${l[p]} - 2px)`},children:a.jsx(n.FloatLabelInput,{...d,ref:x,className:"[&_input]:appearance-none [&_input]:pr-10 [&_input::-webkit-calendar-picker-indicator]:hidden [&_input::-webkit-inner-spin-button]:hidden",label:o,size:p,suffix:null===b?null:b||a.jsxs("div",{className:"flex h-[var(--amino-number-input-height)] flex-col justify-center",children:[a.jsx("button",{className:"rounded p-0 px-1 transition-all duration-300 ease-in-out hover:bg-black/[0.04] focus:outline-none active:bg-black/10",onClick:()=>{h.current?.stepUp(),h.current?.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:a.jsx(i.CaretUpIcon,{size:c(p)})}),a.jsx("button",{className:"rounded p-0 px-1 transition-all duration-300 ease-in-out hover:bg-black/[0.04] focus:outline-none active:bg-black/10",onClick:()=>{h.current?.stepDown(),h.current?.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:a.jsx(r.CaretDownIcon,{size:c(p)})})]}),type:"number"})})});exports.NumberInput=o;

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

@@ -1,7 +1,7 @@
 export declare const PasswordInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
     autoFocus?: boolean;
     disabled?: boolean;
-    inputMode?: import("./_FloatLabelInput").InputMode;
+    inputMode?: import("../../../components/input/input-type/_FloatLabelInput").InputMode;
     label?: import("react").ReactNode;
     noBorder?: boolean;
     onChange: import("react").ChangeEventHandler<HTMLInputElement>;
@@ -17,4 +17,4 @@ export declare const PasswordInput: import("react").ForwardRefExoticComponent<im
     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" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "disabled" | "error" | "inputMode" | "label" | "noBorder" | "onChange" | "onKeyDown" | "pattern" | "placeholder" | "prefix" | "readOnly" | "required" | "size" | "suffix" | "tabIndex" | "type" | "value" | "valuePrefix" | keyof import("../../../types/BaseProps").BaseProps> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1 +1 @@
-"use strict";var e=require("../../../tslib.es6-cdc5f922.js"),r=require("react"),s=require("../../button/Button.js"),i=require("./_FloatLabelInput.js"),t=require("../../../icons/EyeIcon.js"),u=require("../../../icons/EyeOffIcon.js"),n=require("../../../utils/cn.js"),a=require("react/jsx-runtime");require("class-variance-authority"),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("clsx"),require("tailwind-merge"),require("../../../utils/getTestId.js"),require("../../../utils/getNodeText.js"),require("../../../icons/icon-base/_IconBase.js");var o=r.forwardRef(function(o,l){var d=o.autoFocus,c=o.className,p=o.disabled,q=o.error,f=o.inputMode,j=o.label,b=o.onChange,x=o.onKeyDown,y=o.pattern,v=o.placeholder,I=o.prefix,h=o.readOnly,m=o.required,w=o.suffix,g=o.tabIndex,_=o.value,N=e.__rest(o,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),C=e.__read(r.useState("password"),2),F=C[0],O=C[1];return a.jsx("div",{className:n.cn("relative w-full",c),children:a.jsx(i.FloatLabelInput,{ref:l,autoFocus:d,className:"[&_input]:pr-10",disabled:p,error:q,inputMode:f,label:j,onChange:b,onKeyDown:x,pattern:y,placeholder:v,prefix:I,readOnly:h,required:m,suffix:w||a.jsx(s.Button,{className:"hover:bg-hover rounded-full p-1.5 transition-all duration-300 ease-in-out",icon:"password"===F?a.jsx(t.EyeIcon,{size:24}):a.jsx(u.EyeOffIcon,{size:24}),onClick:function(){return O("password"===F?"text":"password")},variant:"subtle"}),tabIndex:g,type:F,value:_,...N})})});exports.PasswordInput=o;
+"use strict";var e=require("react"),r=require("../../button/Button.js"),s=require("./_FloatLabelInput.js"),i=require("../../../icons/EyeIcon.js"),t=require("../../../icons/EyeOffIcon.js"),u=require("../../../utils/cn.js"),n=require("react/jsx-runtime");require("class-variance-authority"),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("clsx"),require("tailwind-merge"),require("../../../utils/getTestId.js"),require("../../../utils/getNodeText.js"),require("../../../icons/icon-base/_IconBase.js");const o=e.forwardRef(({autoFocus:o,className:a,disabled:l,error:c,inputMode:d,label:p,onChange:q,onKeyDown:j,pattern:f,placeholder:x,prefix:b,readOnly:y,required:I,suffix:m,tabIndex:w,value:h,...v},g)=>{const[N,C]=e.useState("password");return n.jsx("div",{className:u.cn("relative w-full",a),children:n.jsx(s.FloatLabelInput,{ref:g,autoFocus:o,className:"[&_input]:pr-10",disabled:l,error:c,inputMode:d,label:p,onChange:q,onKeyDown:j,pattern:f,placeholder:x,prefix:b,readOnly:y,required:I,suffix:m||n.jsx(r.Button,{className:"hover:bg-hover rounded-full p-1.5 transition-all duration-300 ease-in-out",icon:"password"===N?n.jsx(i.EyeIcon,{size:24}):n.jsx(t.EyeOffIcon,{size:24}),onClick:()=>C("password"===N?"text":"password"),variant:"subtle"}),tabIndex:w,type:N,value:h,...v})})});exports.PasswordInput=o;

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

@@ -1,7 +1,7 @@
 export declare const TimeInput: import("react").ForwardRefExoticComponent<import("../../../types/BaseProps").BaseProps & {
     autoFocus?: boolean;
     disabled?: boolean;
-    inputMode?: import("./_FloatLabelInput").InputMode;
+    inputMode?: import("../../../components/input/input-type/_FloatLabelInput").InputMode;
     label?: import("react").ReactNode;
     noBorder?: boolean;
     onChange: import("react").ChangeEventHandler<HTMLInputElement>;
@@ -17,4 +17,4 @@ export declare const TimeInput: import("react").ForwardRefExoticComponent<import
     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" | "prefix" | "disabled" | "label" | "pattern" | "type" | "autoFocus" | "tabIndex" | "inputMode" | "onChange" | "onKeyDown" | "value" | keyof import("../../../types/BaseProps").BaseProps | "placeholder" | "noBorder" | "readOnly" | "required" | "suffix" | "valuePrefix"> & import("react").RefAttributes<HTMLInputElement>>;
+} & Pick<import("../../help-text/HelpText").HelpTextProps, "error"> & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "autoFocus" | "disabled" | "error" | "inputMode" | "label" | "noBorder" | "onChange" | "onKeyDown" | "pattern" | "placeholder" | "prefix" | "readOnly" | "required" | "size" | "suffix" | "tabIndex" | "type" | "value" | "valuePrefix" | keyof import("../../../types/BaseProps").BaseProps> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1 +1 @@
-"use strict";var e=require("../../../tslib.es6-cdc5f922.js"),r=require("react"),n=require("@floating-ui/react"),i=require("./_FloatLabelInput.js"),t=require("../../../icons/ClockIcon.js"),a=require("../../../utils/cn.js"),l=require("react/jsx-runtime");require("../../../styles/constants/theme.js"),require("../../../utils/getNodeText.js"),require("../../../utils/getTestId.js"),require("clsx"),require("tailwind-merge"),require("../../../icons/icon-base/_IconBase.js");var s=r.forwardRef(function(s,u){var o=s.autoFocus,c=s.className,d=s.disabled,p=s.error,f=s.inputMode,b=s.label,x=s.onChange,v=s.onKeyDown,q=s.pattern,h=s.placeholder,j=s.prefix,y=s.readOnly,g=s.required,m=s.suffix,I=s.tabIndex,w=s.value,k=e.__rest(s,["autoFocus","className","disabled","error","inputMode","label","onChange","onKeyDown","pattern","placeholder","prefix","readOnly","required","suffix","tabIndex","value"]),C=r.useRef(null),N=n.useMergeRefs([u,C]);return l.jsx("div",{className:a.cn("relative w-full\n          [&_input[type=time]::-webkit-calendar-picker-indicator]:hidden",c),children:l.jsx(i.FloatLabelInput,{ref:N,autoFocus:o,disabled:d,error:p,inputMode:f,label:b,onChange:x,onKeyDown:v,pattern:q,placeholder:h,prefix:j,readOnly:y,required:g,suffix:m||l.jsx("div",{className:"flex flex-col justify-center",children:l.jsx("button",{className:"hover:bg-hover rounded-full p-1.5 transition-all duration-300 ease-in-out focus:outline-none active:bg-gray-100",onClick:function(){var e,r;null===(e=C.current)||void 0===e||e.showPicker(),null===(r=C.current)||void 0===r||r.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:l.jsx(t.ClockIcon,{size:24})})}),tabIndex:I,type:"time",value:w,...k})})});exports.TimeInput=s;
+"use strict";var e=require("react"),r=require("@floating-ui/react"),t=require("./_FloatLabelInput.js"),n=require("../../../icons/ClockIcon.js"),i=require("../../../utils/cn.js"),s=require("react/jsx-runtime");require("../../../styles/constants/theme.js"),require("../../../utils/getNodeText.js"),require("../../../utils/getTestId.js"),require("clsx"),require("tailwind-merge"),require("../../../icons/icon-base/_IconBase.js");const u=e.forwardRef(({autoFocus:u,className:a,disabled:l,error:o,inputMode:c,label:d,onChange:p,onKeyDown:f,pattern:b,placeholder:x,prefix:j,readOnly:q,required:h,suffix:v,tabIndex:g,value:m,...y},I)=>{const w=e.useRef(null),k=r.useMergeRefs([I,w]);return s.jsx("div",{className:i.cn("relative w-full\n          [&_input[type=time]::-webkit-calendar-picker-indicator]:hidden",a),children:s.jsx(t.FloatLabelInput,{ref:k,autoFocus:u,disabled:l,error:o,inputMode:c,label:d,onChange:p,onKeyDown:f,pattern:b,placeholder:x,prefix:j,readOnly:q,required:h,suffix:v||s.jsx("div",{className:"flex flex-col justify-center",children:s.jsx("button",{className:"hover:bg-hover rounded-full p-1.5 transition-all duration-300 ease-in-out focus:outline-none active:bg-gray-100",onClick:()=>{w.current?.showPicker(),w.current?.dispatchEvent(new Event("input",{bubbles:!0}))},type:"button",children:s.jsx(n.ClockIcon,{size:24})})}),tabIndex:g,type:"time",value:m,...y})})});exports.TimeInput=u;