@fvc/input 1.1.0

package/dist/lib/index.js

@@ -0,0 +1,6 @@
+import{Input as n}from"antd";import{MaskedInput as t}from"antd-mask-input";import i,{forwardRef as p,useState as u,useCallback as _}from"react";import{Icon as r}from"@fvc/icons";import{transformText as e}from"@fvc/utils";function o(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}"function"==typeof SuppressedError&&SuppressedError;var d,a={exports:{}};
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/var c,f=o((d||(d=1,c=a,function(){var n={}.hasOwnProperty;function t(){for(var n="",t=0;t<arguments.length;t++){var u=arguments[t];u&&(n=p(n,i(u)))}return n}function i(i){if("string"==typeof i||"number"==typeof i)return i;if("object"!=typeof i)return"";if(Array.isArray(i))return t.apply(null,i);if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes("[native code]"))return i.toString();var u="";for(var _ in i)n.call(i,_)&&i[_]&&(u=p(u,_));return u}function p(n,t){return t?n?n+" "+t:n+t:n}c.exports?(t.default=t,c.exports=t):window.classNames=t}()),a.exports));const v=({error:n})=>i.createElement("div",{className:"fvc-input-error-text","aria-label":"error message container"},i.createElement(r.Info,{width:16,height:16,color:"var(--red-800)","aria-label":"error icon"}),n),l="fvc-input-label",s=({label:n,name:t,withAsterisk:p})=>i.createElement("label",{className:l,htmlFor:t},n,p&&i.createElement("span",{className:`${l}-asterisk`},"*")),I="fvc-input-suffix-sticky",h=({prefix:n,suffix:t,isSticky:p,inputValue:u})=>p?i.createElement("div",{className:`${I}-wrapper`,"aria-label":"sticky suffix wrapper"},i.createElement("div",{className:`${I}-content`},n&&i.createElement("span",null,n),(u||"").toString().replace(/ /g," ")),i.createElement("div",{className:`${I}-suffix`},t)):t;!function(n,t){void 0===t&&(t={});var i=t.insertAt;if("undefined"!=typeof document){var p=document.head||document.getElementsByTagName("head")[0],u=document.createElement("style");u.type="text/css","top"===i&&p.firstChild?p.insertBefore(u,p.firstChild):p.appendChild(u),u.styleSheet?u.styleSheet.cssText=n:u.appendChild(document.createTextNode(n))}}(':root {\n  /* Input Default Variables */\n  --input-font-family: "Roboto", sans-serif;\n  --input-addon-text-color: var(--blue-gray-600);\n  --input-addon-min-width: 56px;\n  --input-description-spacing: 4px;\n  --input-description-error-color: var(--red-800);\n  --input-asterisk-color: var(--red-800);\n  --input-border-width: 1px;\n  /* Input Size Variables */\n  --input-md-size-height: 32px;\n  --input-md-size-border-radius: 4px;\n  --input-md-size-spacing: 7px 12px;\n  --input-md-size-fz: 14px;\n  --input-md-size-fw: 400;\n  --input-md-size-lh: 16px;\n  --input-md-size-addon-lh: 15px;\n  --input-md-size-addon-spacing: 12px;\n  --input-md-size-affix-spacing: 10px;\n  --input-md-size-affix-height: 16px;\n  --input-md-size-label-fw: 700;\n  --input-md-size-label-spacing: 6px;\n  /* Input Outlined Variant */\n  --input-outlined-text-color: var(--black-1000);\n  --input-outlined-placeholder-color: var(--blue-300);\n  --input-outlined-bg-color: var(--neutral-0);\n  --input-outlined-border-color: var(--gray-400);\n  --input-outlined-hover-bg-color: var(--neutral-0);\n  --input-outlined-hover-border-color: var(--gray-600);\n  --input-outlined-focus-border-color: var(--blue-400);\n  --input-outlined-valid-bg-color: var(--neutral-0);\n  --input-outlined-valid-border-color: var(--gray-400);\n  --input-outlined-disabled-bg-color: var(--gray-50);\n  --input-outlined-disabled-border-color: var(--gray-400);\n  --input-outlined-disabled-text-color: var(--blue-gray-600);\n  --input-outlined-label-color: var(--black-1000);\n  --input-outlined-addon-bg-color: var(--blue-20);\n  /* Input Error Variant */\n  --input-error-text-color: var(--black-1000);\n  --input-error-placeholder-color: var(--blue-300);\n  --input-error-bg-color: var(--red-100);\n  --input-error-border-color: var(--red-800);\n  --input-error-hover-bg-color: var(--red-100);\n  --input-error-hover-border-color: var(--red-600);\n  --input-error-focus-border-color: var(--red-800);\n  --input-error-valid-bg-color: var(--red-100);\n  --input-error-valid-border-color: var(--red-800);\n  --input-error-disabled-bg-color: var(--red-100);\n  --input-error-disabled-border-color: var(--red-800);\n  --input-error-disabled-text-color: var(--blue-gray-600);\n  --input-error-label-color: var(--black-1000);\n  --input-error-addon-bg-color: #f9cbd166;\n}\n\n.Input_fvc-input__SmfZT {\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-outlined-text-color);\n  height: var(--input-md-size-height);\n  border-radius: var(--input-md-size-border-radius);\n  padding: var(--input-md-size-spacing);\n  /* OUTLINED VARIANT */\n  /* ERROR */\n  /* EMPTY */\n  /* CONTROLS */\n  /* LABEL */\n  /* AFFIX WRAPPER */\n  /* STICKY SUFFIX */\n  /* GROUP */\n  /* SEARCH */\n  /* ROOT */\n}\n.Input_fvc-input__SmfZT::placeholder, .Input_fvc-input__SmfZT::-webkit-input-placeholder, .Input_fvc-input__SmfZT:-moz-placeholder, .Input_fvc-input__SmfZT:-ms-input-placeholder {\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-outlined-placeholder-color);\n}\n.Input_fvc-input-outlined__S80fb, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 {\n  border-width: var(--input-border-width);\n  border-style: solid;\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-outlined-text-color);\n}\n.Input_fvc-input-outlined__S80fb::placeholder, .Input_fvc-input-outlined__S80fb::-webkit-input-placeholder, .Input_fvc-input-outlined__S80fb:-moz-placeholder, .Input_fvc-input-outlined__S80fb:-ms-input-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0::placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0::-webkit-input-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:-moz-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:-ms-input-placeholder {\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-outlined-placeholder-color);\n}\n.Input_fvc-input-outlined__S80fb, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 {\n  background-color: var(--input-outlined-bg-color);\n  border-color: var(--input-outlined-border-color);\n}\n.Input_fvc-input-outlined__S80fb .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 .Input_fvc-input-group-addon__pBQ3G {\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-addon-text-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--input-addon-min-width);\n  width: auto;\n  height: 100%;\n  border: none;\n  border-radius: 0;\n  background-color: var(--input-outlined-addon-bg-color);\n  line-height: var(--input-md-size-addon-lh);\n  padding-left: var(--input-md-size-addon-spacing);\n  padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-outlined__S80fb .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 .Input_fvc-input-group-addon__pBQ3G:first-child {\n  border-right: var(--input-border-width) solid var(--input-outlined-border-color);\n  background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 .Input_fvc-input-group-addon__pBQ3G:last-child {\n  border-left: var(--input-border-width) solid var(--input-outlined-border-color);\n  background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb:hover, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:hover {\n  background-color: var(--input-outlined-hover-bg-color);\n  border-color: var(--input-outlined-hover-border-color);\n}\n.Input_fvc-input-outlined__S80fb:hover .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:hover .Input_fvc-input-group-addon__pBQ3G {\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-addon-text-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--input-addon-min-width);\n  width: auto;\n  height: 100%;\n  border: none;\n  border-radius: 0;\n  background-color: var(--input-outlined-addon-bg-color);\n  line-height: var(--input-md-size-addon-lh);\n  padding-left: var(--input-md-size-addon-spacing);\n  padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-outlined__S80fb:hover .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:hover .Input_fvc-input-group-addon__pBQ3G:first-child {\n  border-right: var(--input-border-width) solid var(--input-outlined-hover-border-color);\n  background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb:hover .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:hover .Input_fvc-input-group-addon__pBQ3G:last-child {\n  border-left: var(--input-border-width) solid var(--input-outlined-hover-border-color);\n  background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb:focus, .Input_fvc-input-outlined__S80fb:focus-visible, .Input_fvc-input-outlined__S80fb:focus-within, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus-visible, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus-within {\n  background-color: var(--input-outlined-bg-color);\n  border-color: var(--input-outlined-focus-border-color);\n  outline: none;\n  box-shadow: none;\n}\n.Input_fvc-input-outlined__S80fb:focus .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb:focus-visible .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb:focus-within .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus-visible .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus-within .Input_fvc-input-group-addon__pBQ3G {\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-addon-text-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--input-addon-min-width);\n  width: auto;\n  height: 100%;\n  border: none;\n  border-radius: 0;\n  background-color: var(--input-outlined-addon-bg-color);\n  line-height: var(--input-md-size-addon-lh);\n  padding-left: var(--input-md-size-addon-spacing);\n  padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-outlined__S80fb:focus .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb:focus-visible .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb:focus-within .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus-visible .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus-within .Input_fvc-input-group-addon__pBQ3G:first-child {\n  border-right: var(--input-border-width) solid var(--input-outlined-focus-border-color);\n  background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb:focus .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb:focus-visible .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb:focus-within .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus-visible .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:focus-within .Input_fvc-input-group-addon__pBQ3G:last-child {\n  border-left: var(--input-border-width) solid var(--input-outlined-focus-border-color);\n  background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb[data-valid=true], .Input_fvc-input-outlined__S80fb:has(input[data-valid=true]), .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0[data-valid=true], .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:has(input[data-valid=true]) {\n  background-color: var(--input-outlined-valid-bg-color);\n  border-color: var(--input-outlined-valid-border-color);\n}\n.Input_fvc-input-outlined__S80fb[data-valid=true] .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0[data-valid=true] .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G {\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-addon-text-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--input-addon-min-width);\n  width: auto;\n  height: 100%;\n  border: none;\n  border-radius: 0;\n  background-color: var(--input-outlined-addon-bg-color);\n  line-height: var(--input-md-size-addon-lh);\n  padding-left: var(--input-md-size-addon-spacing);\n  padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-outlined__S80fb[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:first-child {\n  border-right: var(--input-border-width) solid var(--input-outlined-valid-border-color);\n  background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:last-child {\n  border-left: var(--input-border-width) solid var(--input-outlined-valid-border-color);\n  background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq, .Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]), .Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]), .Input_fvc-input-outlined__S80fb:has(.Input_fvc-input-disabled__6e8Oq[disabled]), .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]), .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]), .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:has(.Input_fvc-input-disabled__6e8Oq[disabled]) {\n  background-color: var(--input-outlined-disabled-bg-color);\n  border-color: var(--input-outlined-disabled-border-color);\n  color: var(--input-outlined-disabled-text-color);\n}\n.Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G {\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-addon-text-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--input-addon-min-width);\n  width: auto;\n  height: 100%;\n  border: none;\n  border-radius: 0;\n  background-color: var(--input-outlined-addon-bg-color);\n  line-height: var(--input-md-size-addon-lh);\n  padding-left: var(--input-md-size-addon-spacing);\n  padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child {\n  border-right: var(--input-border-width) solid var(--input-outlined-disabled-border-color);\n  background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child {\n  border-left: var(--input-border-width) solid var(--input-outlined-disabled-border-color);\n  background-color: var(--input-outlined-addon-bg-color);\n}\n.Input_fvc-input-outlined__S80fb.Input_fvc-input-textarea__1onyg, .Input_fvc-input-outlined__S80fb > textarea.Input_fvc-input__SmfZT, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-textarea__1onyg, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 > textarea.Input_fvc-input__SmfZT {\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-outlined-text-color);\n}\n.Input_fvc-input-outlined__S80fb.Input_fvc-input-textarea__1onyg::placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-textarea__1onyg::-webkit-input-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-textarea__1onyg:-moz-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-textarea__1onyg:-ms-input-placeholder, .Input_fvc-input-outlined__S80fb > textarea.Input_fvc-input__SmfZT::placeholder, .Input_fvc-input-outlined__S80fb > textarea.Input_fvc-input__SmfZT::-webkit-input-placeholder, .Input_fvc-input-outlined__S80fb > textarea.Input_fvc-input__SmfZT:-moz-placeholder, .Input_fvc-input-outlined__S80fb > textarea.Input_fvc-input__SmfZT:-ms-input-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-textarea__1onyg::placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-textarea__1onyg::-webkit-input-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-textarea__1onyg:-moz-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0.Input_fvc-input-textarea__1onyg:-ms-input-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 > textarea.Input_fvc-input__SmfZT::placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 > textarea.Input_fvc-input__SmfZT::-webkit-input-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 > textarea.Input_fvc-input__SmfZT:-moz-placeholder, .Input_fvc-input-outlined__S80fb.Input_fvc-input-search__ouOZ0 > textarea.Input_fvc-input__SmfZT:-ms-input-placeholder {\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-outlined-placeholder-color);\n}\n.Input_fvc-input-error__Hi6VP, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV {\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-error-text-color);\n}\n.Input_fvc-input-error__Hi6VP::placeholder, .Input_fvc-input-error__Hi6VP::-webkit-input-placeholder, .Input_fvc-input-error__Hi6VP:-moz-placeholder, .Input_fvc-input-error__Hi6VP:-ms-input-placeholder, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT::placeholder, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT::-webkit-input-placeholder, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:-moz-placeholder, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:-ms-input-placeholder, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0::placeholder, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0::-webkit-input-placeholder, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:-moz-placeholder, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:-ms-input-placeholder, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV::placeholder, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV::-webkit-input-placeholder, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:-moz-placeholder, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:-ms-input-placeholder {\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-error-placeholder-color);\n}\n.Input_fvc-input-error__Hi6VP, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV {\n  background-color: var(--input-error-bg-color);\n  border-color: var(--input-error-border-color);\n}\n.Input_fvc-input-error__Hi6VP .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0 .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV .Input_fvc-input-group-addon__pBQ3G {\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-addon-text-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--input-addon-min-width);\n  width: auto;\n  height: 100%;\n  border: none;\n  border-radius: 0;\n  background-color: var(--input-error-addon-bg-color);\n  line-height: var(--input-md-size-addon-lh);\n  padding-left: var(--input-md-size-addon-spacing);\n  padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-error__Hi6VP .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0 .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV .Input_fvc-input-group-addon__pBQ3G:first-child {\n  border-right: var(--input-border-width) solid var(--input-error-border-color);\n  background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error__Hi6VP .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0 .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV .Input_fvc-input-group-addon__pBQ3G:last-child {\n  border-left: var(--input-border-width) solid var(--input-error-border-color);\n  background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error__Hi6VP:hover, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:hover, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:hover, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:hover {\n  background-color: var(--input-error-hover-bg-color);\n  border-color: var(--input-error-hover-border-color);\n}\n.Input_fvc-input-error__Hi6VP:hover .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:hover .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:hover .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:hover .Input_fvc-input-group-addon__pBQ3G {\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-addon-text-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--input-addon-min-width);\n  width: auto;\n  height: 100%;\n  border: none;\n  border-radius: 0;\n  background-color: var(--input-error-addon-bg-color);\n  line-height: var(--input-md-size-addon-lh);\n  padding-left: var(--input-md-size-addon-spacing);\n  padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-error__Hi6VP:hover .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:hover .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:hover .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:hover .Input_fvc-input-group-addon__pBQ3G:first-child {\n  border-right: var(--input-border-width) solid var(--input-error-hover-border-color);\n  background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error__Hi6VP:hover .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:hover .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:hover .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:hover .Input_fvc-input-group-addon__pBQ3G:last-child {\n  border-left: var(--input-border-width) solid var(--input-error-hover-border-color);\n  background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error__Hi6VP:focus, .Input_fvc-input-error__Hi6VP:focus-visible, .Input_fvc-input-error__Hi6VP:focus-within, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus-visible, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus-within, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus-visible, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus-within, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus-visible, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus-within {\n  background-color: var(--input-error-bg-color);\n  border-color: var(--input-error-focus-border-color);\n  outline: none;\n  box-shadow: none;\n}\n.Input_fvc-input-error__Hi6VP:focus .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP:focus-visible .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP:focus-within .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus-visible .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus-within .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus-visible .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus-within .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus-visible .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus-within .Input_fvc-input-group-addon__pBQ3G {\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-addon-text-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--input-addon-min-width);\n  width: auto;\n  height: 100%;\n  border: none;\n  border-radius: 0;\n  background-color: var(--input-error-addon-bg-color);\n  line-height: var(--input-md-size-addon-lh);\n  padding-left: var(--input-md-size-addon-spacing);\n  padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-error__Hi6VP:focus .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP:focus-visible .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP:focus-within .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus-visible .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus-within .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus-visible .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus-within .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus-visible .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus-within .Input_fvc-input-group-addon__pBQ3G:first-child {\n  border-right: var(--input-border-width) solid var(--input-error-focus-border-color);\n  background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error__Hi6VP:focus .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP:focus-visible .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP:focus-within .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus-visible .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:focus-within .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus-visible .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:focus-within .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus-visible .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:focus-within .Input_fvc-input-group-addon__pBQ3G:last-child {\n  border-left: var(--input-border-width) solid var(--input-error-focus-border-color);\n  background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error__Hi6VP[data-valid=true], .Input_fvc-input-error__Hi6VP:has(input[data-valid=true]), .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT[data-valid=true], .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:has(input[data-valid=true]), .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0[data-valid=true], .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:has(input[data-valid=true]), .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV[data-valid=true], .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:has(input[data-valid=true]) {\n  background-color: var(--input-error-valid-bg-color);\n  border-color: var(--input-error-valid-border-color);\n}\n.Input_fvc-input-error__Hi6VP[data-valid=true] .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT[data-valid=true] .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0[data-valid=true] .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV[data-valid=true] .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G {\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-addon-text-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--input-addon-min-width);\n  width: auto;\n  height: 100%;\n  border: none;\n  border-radius: 0;\n  background-color: var(--input-error-addon-bg-color);\n  line-height: var(--input-md-size-addon-lh);\n  padding-left: var(--input-md-size-addon-spacing);\n  padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-error__Hi6VP[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:first-child {\n  border-right: var(--input-border-width) solid var(--input-error-valid-border-color);\n  background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error__Hi6VP[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV[data-valid=true] .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:has(input[data-valid=true]) .Input_fvc-input-group-addon__pBQ3G:last-child {\n  border-left: var(--input-border-width) solid var(--input-error-valid-border-color);\n  background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq, .Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]), .Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]), .Input_fvc-input-error__Hi6VP:has(.Input_fvc-input-disabled__6e8Oq[disabled]), .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]), .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]), .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:has(.Input_fvc-input-disabled__6e8Oq[disabled]), .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]), .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]), .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:has(.Input_fvc-input-disabled__6e8Oq[disabled]), .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]), .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]), .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:has(.Input_fvc-input-disabled__6e8Oq[disabled]) {\n  background-color: var(--input-error-disabled-bg-color);\n  border-color: var(--input-error-disabled-border-color);\n  color: var(--input-error-disabled-text-color);\n}\n.Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G {\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-addon-text-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: var(--input-addon-min-width);\n  width: auto;\n  height: 100%;\n  border: none;\n  border-radius: 0;\n  background-color: var(--input-error-addon-bg-color);\n  line-height: var(--input-md-size-addon-lh);\n  padding-left: var(--input-md-size-addon-spacing);\n  padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:first-child {\n  border-right: var(--input-border-width) solid var(--input-error-disabled-border-color);\n  background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input__SmfZT:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search__ouOZ0:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-disabled__6e8Oq[disabled]:hover:not([disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper__edzyV:has(.Input_fvc-input-disabled__6e8Oq[disabled]) .Input_fvc-input-group-addon__pBQ3G:last-child {\n  border-left: var(--input-border-width) solid var(--input-error-disabled-border-color);\n  background-color: var(--input-error-addon-bg-color);\n}\n.Input_fvc-input-error-text__Qxuwg, .Input_fvc-input-error__Hi6VP .Input_fvc-input-text__xZXZy, .Input_fvc-input-error__Hi6VP.Input_fvc-input-search-text__uPy2C, .Input_fvc-input-error__Hi6VP .Input_fvc-input-affix-wrapper-text__p4Qrq {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  margin-top: var(--input-description-spacing);\n  gap: var(--input-description-spacing);\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-description-error-color);\n}\n.Input_fvc-input-empty__JRY-7 .Input_fvc-input-clear-icon__paeY8 {\n  display: none;\n}\n.Input_fvc-input-no-controls__nJ7Fr .Input_fvc-input__SmfZT {\n  -moz-appearance: textfield;\n}\n.Input_fvc-input-no-controls__nJ7Fr .Input_fvc-input__SmfZT::-webkit-outer-spin-button, .Input_fvc-input-no-controls__nJ7Fr .Input_fvc-input__SmfZT::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n.Input_fvc-input-label__XlwIT {\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-outlined-label-color);\n  font-weight: var(--input-md-size-label-fw);\n  margin-bottom: var(--input-md-size-label-spacing);\n  display: flex;\n  width: 100%;\n  gap: 2px;\n}\n.Input_fvc-input-root__p4pnb:has(.Input_fvc-input-outlined__S80fb) .Input_fvc-input-label__XlwIT {\n  color: var(--input-outlined-label-color);\n}\n.Input_fvc-input-root__p4pnb:has(.Input_fvc-input-error__Hi6VP) .Input_fvc-input-label__XlwIT {\n  color: var(--input-error-label-color);\n}\n.Input_fvc-input-label-asterisk__wxTnH {\n  color: var(--input-asterisk-color);\n}\n.Input_fvc-input-affix-wrapper__edzyV {\n  height: var(--input-md-size-height);\n  border-radius: var(--input-md-size-border-radius);\n  padding: var(--input-md-size-spacing);\n  display: flex;\n  align-items: center;\n}\n.Input_fvc-input-affix-wrapper__edzyV .Input_fvc-input__SmfZT {\n  height: var(--input-md-size-affix-height);\n  /* PREFIX AND SUFFIX */\n}\n.Input_fvc-input-affix-wrapper__edzyV .Input_fvc-input-prefix__7Sj54, .Input_fvc-input-affix-wrapper__edzyV .Input_fvc-input-suffix__tLp0p {\n  font-family: var(--input-font-family);\n  font-weight: var(--input-md-size-fw);\n  font-size: var(--input-md-size-fz);\n  line-height: var(--input-md-size-lh);\n  letter-spacing: 0;\n  color: var(--input-addon-text-color);\n}\n.Input_fvc-input-affix-wrapper__edzyV .Input_fvc-input-prefix__7Sj54 {\n  height: 100%;\n  line-height: var(--input-md-size-affix-height);\n  margin-inline-end: var(--input-md-size-affix-spacing);\n}\n.Input_fvc-input-affix-wrapper__edzyV .Input_fvc-input-suffix__tLp0p {\n  margin-inline-start: var(--input-md-size-affix-spacing);\n}\n.Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-textarea-affix-wrapper__Zfgcs {\n  height: auto;\n}\n.Input_fvc-input-affix-wrapper__edzyV.Input_fvc-input-textarea-affix-wrapper__Zfgcs .Input_fvc-input__SmfZT {\n  height: auto;\n}\n.Input_fvc-input-suffix-sticky__08wO5 {\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n}\n.Input_fvc-input-suffix-sticky__08wO5 .Input_fvc-input-affix-wrapper__edzyV {\n  position: relative;\n}\n.Input_fvc-input-suffix-sticky__08wO5:not(.Input_fvc-input-with-prefix__o5GHd).Input_fvc-input-empty__JRY-7 > .Input_fvc-input-suffix__tLp0p {\n  margin-inline-start: 0;\n}\n.Input_fvc-input-suffix-sticky-suffix__y6Gvd {\n  display: flex;\n  align-items: center;\n}\n.Input_fvc-input-suffix-sticky-wrapper__Vmzil {\n  display: flex;\n  align-items: center;\n}\n.Input_fvc-input-suffix-sticky-content__0z5dX {\n  visibility: hidden;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n.Input_fvc-input-suffix-sticky__08wO5 .Input_fvc-input-suffix__tLp0p {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  height: 100%;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 999;\n}\n.Input_fvc-input-group__ab3bT {\n  display: flex;\n  align-items: center;\n  height: 100%;\n  /* GROUP WRAPPER */\n}\n.Input_fvc-input-group-wrapper__UcNIe {\n  height: var(--input-md-size-height);\n  border-radius: var(--input-md-size-border-radius);\n  padding: var(--input-md-size-spacing);\n  padding: 0;\n  overflow: hidden;\n  /* AFFIX WRAPPER */\n}\n.Input_fvc-input-group-wrapper__UcNIe .Input_fvc-input__SmfZT {\n  height: var(--input-md-size-height);\n  border-radius: var(--input-md-size-border-radius);\n  padding: var(--input-md-size-spacing);\n  border: none;\n}\n.Input_fvc-input-group-wrapper__UcNIe .Input_fvc-input-affix-wrapper__edzyV {\n  border: none;\n}\n.Input_fvc-input-group-wrapper__UcNIe .Input_fvc-input-affix-wrapper__edzyV:has(+ .Input_fvc-input-group-addon__pBQ3G) {\n  padding-right: var(--input-md-size-affix-spacing);\n}\n.Input_fvc-input-search__ouOZ0 > .Input_fvc-input-group__ab3bT > .Input_fvc-input-group-addon__pBQ3G:last-child {\n  inset-inline-start: 0;\n  padding-left: var(--input-md-size-addon-spacing);\n  padding-right: var(--input-md-size-addon-spacing);\n}\n.Input_fvc-input-search__ouOZ0 > .Input_fvc-input-group__ab3bT > .Input_fvc-input-group-addon__pBQ3G:last-child .Input_fvc-input-button__fcyVP {\n  border: none;\n  outline: none;\n  background-color: transparent;\n  box-shadow: none;\n}\n.Input_fvc-input-search__ouOZ0 > .Input_fvc-input-group__ab3bT > .Input_fvc-input-group-addon__pBQ3G:last-child .Input_fvc-input-button__fcyVP > div {\n  display: none;\n}\n.Input_fvc-input-root__p4pnb {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}');const b="fvc-input",g=`${b}-root`,m=`${b}-suffix-sticky`,V={clearIcon:i.createElement(r.Clear,{width:16,height:16,color:"var(--blue-gray-600)","aria-label":"input-clear-icon"})};function w(n,t){const r=p((p,r)=>{var{allowClear:o,className:d,controls:a=!0,defaultValue:c,error:l,label:I,name:w,onChange:z,placeholder:O,prefix:P,suffix:x,suffixType:S="fixed",testId:y,textTransform:G,value:B,variant:Q="outlined",withAsterisk:H=!1}=p,Z=function(n,t){var i={};for(var p in n)Object.prototype.hasOwnProperty.call(n,p)&&t.indexOf(p)<0&&(i[p]=n[p]);if(null!=n&&"function"==typeof Object.getOwnPropertySymbols){var u=0;for(p=Object.getOwnPropertySymbols(n);u<p.length;u++)t.indexOf(p[u])<0&&Object.prototype.propertyIsEnumerable.call(n,p[u])&&(i[p[u]]=n[p[u]])}return i}(p,["allowClear","className","controls","defaultValue","error","label","name","onChange","placeholder","prefix","suffix","suffixType","testId","textTransform","value","variant","withAsterisk"]);const[q,T]=u(c),k=void 0!==B,E=k?B:q,N=_(n=>{const{value:t}=n.target,i=G?e(t,G):t;k||T(i),null==z||z(Object.assign(Object.assign({},n),{target:Object.assign(Object.assign({},n.target),{value:i})}))},[k,z,G]),j="sticky"===S&&!!x,C=f(d,`${b}-${Q}`,{[`${b}-error`]:!!l,[`${b}-empty`]:!E,[`${b}-with-prefix`]:!!P,[`${b}-no-controls`]:!a,[`${m}`]:j}),R=o?V:void 0;return i.createElement("div",{className:g},I&&i.createElement(s,{label:I,name:w,withAsterisk:H}),i.createElement(n,Object.assign({},Z,t,{variant:Q,prefixCls:b,className:C,required:!0,name:w,value:E,onChange:N,prefix:P,suffix:x?i.createElement(h,{suffix:x,prefix:P,inputValue:E,isSticky:j}):void 0,allowClear:R,placeholder:j?void 0:O,"data-testid":y,"data-valid":!!E,ref:r})),"string"==typeof l&&i.createElement(v,{error:l}))});return r.displayName=n.displayName,r}const z=w(n);z.Textarea=w(n.TextArea,{rootClassName:`${b}-textarea`}),z.Search=w(n.Search,{inputPrefixCls:b,rootClassName:`${b}-search`}),z.Password=w(n.Password,{inputPrefixCls:b,rootClassName:`${b}-password`}),z.Masked=w(t,{rootClassName:`${b}-masked`});export{z as Input};

package/dist/lib/input/src/Input.d.ts

@@ -0,0 +1,3 @@
+import { InputComponent } from './types';
+import './styles/Input.scss';
+export declare const Input: InputComponent;

package/dist/lib/input/src/components/InputError.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InputErrorProps } from '../types/Input.types';
+export declare const InputError: ({ error }: InputErrorProps) => React.JSX.Element;

package/dist/lib/input/src/components/InputLabel.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InputLabelProps } from '../types/Input.types';
+export declare const InputLabel: ({ label, name, withAsterisk }: InputLabelProps) => React.JSX.Element;

package/dist/lib/input/src/components/InputSuffix.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InputSuffixProps } from '../types/Input.types';
+export declare const InputSuffix: ({ prefix, suffix, isSticky, inputValue, }: InputSuffixProps) => string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;

package/dist/lib/input/src/index.d.ts

@@ -0,0 +1 @@
+export { Input } from './Input';

package/dist/lib/input/src/types/Input.types.d.ts

@@ -0,0 +1,44 @@
+import { type InputProps as DefaultInputProps, Input as DefaultInput } from 'antd';
+import { MaskedInputProps } from 'antd-mask-input/build/main/lib/MaskedInput';
+import { ComponentProps, ForwardRefExoticComponent, ReactNode } from 'react';
+export type GenericInputProps<T> = Omit<T, 'status'> & {
+    allowClear?: boolean;
+    controls?: boolean;
+    error?: string | boolean;
+    label?: ReactNode;
+    suffix?: ReactNode;
+    suffixType?: 'sticky' | 'fixed';
+    testId?: string;
+    textTransform?: 'uppercase' | 'lowercase' | 'capitalize' | 'integer';
+    variant?: 'outlined';
+    withAsterisk?: boolean;
+};
+export type InputProps = GenericInputProps<DefaultInputProps>;
+export type SearchProps = GenericInputProps<ComponentProps<typeof DefaultInput.Search>>;
+export type TextareaProps = Omit<GenericInputProps<ComponentProps<typeof DefaultInput.TextArea>>, 'suffix' | 'suffixType' | 'controls'>;
+export type PasswordProps = GenericInputProps<ComponentProps<typeof DefaultInput.Password>>;
+export type MaskedProps = GenericInputProps<Partial<MaskedInputProps>>;
+export type InputComponentProps = InputProps & SearchProps & TextareaProps & PasswordProps & MaskedProps;
+type OriginInput = ForwardRefExoticComponent<InputProps>;
+export type InputComponent = OriginInput & {
+    Search: ForwardRefExoticComponent<SearchProps>;
+    Textarea: ForwardRefExoticComponent<TextareaProps>;
+    Password: ForwardRefExoticComponent<PasswordProps>;
+    Masked: ForwardRefExoticComponent<MaskedProps>;
+};
+export type ComponentType = typeof DefaultInput | typeof DefaultInput.Search | typeof DefaultInput.TextArea | typeof DefaultInput.Password;
+export type InputErrorProps = {
+    error: InputProps['error'];
+};
+export type InputLabelProps = {
+    label?: InputProps['label'];
+    name?: InputProps['name'];
+    withAsterisk?: InputProps['withAsterisk'];
+};
+export type InputSuffixProps = {
+    prefix?: InputProps['prefix'];
+    inputValue?: InputProps['value'];
+    suffix?: InputProps['suffix'];
+    isSticky: boolean;
+};
+export {};

package/dist/lib/input/src/types/index.d.ts

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

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@fvc/input",
+  "version": "1.1.0",
+  "main": "./dist/lib/index.js",
+  "types": "./dist/lib/input/src/index.d.ts",
+  "files": [
+    "dist/lib/index.js",
+    "dist/lib/input",
+    "package.json"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/lib/index.js",
+      "types": "./dist/lib/input/src/index.d.ts"
+    },
+    "./types": {
+      "types": "./dist/lib/input/src/types/index.d.ts"
+    }
+  },
+  "scripts": {
+    "build": "rollup -c ./rollup.config.mjs",
+    "clean": "rm -rf dist && rm -rf .rollup.cache",
+    "lint": "eslint --config ../../eslint.config.js \"src/**/*.{ts,tsx}\"",
+    "lint:fix": "eslint --config ../../eslint.config.js \"src/**/*.{ts,tsx}\" --fix",
+    "format": "prettier --write \"src/**/*.{ts,tsx}\"",
+    "type-check": "tsc --noEmit",
+    "test": "bun test --preload ../../tests/happydom.ts --preload ../../tests/testing-library.tsx"
+  },
+  "dependencies": {
+    "@fvc/icons": "file:../icons",
+    "@fvc/utils": "file:../utils"
+  },
+  "peerDependencies": {
+    "@fvc/icons": "*",
+    "@fvc/utils": "*",
+    "react": "^18.0.0",
+    "antd": "^5.0.0",
+    "antd-mask-input": "^2.0.7"
+  }
+}