@inntechcorp/it-design 3.1.9 → 3.1.10

package/dist/index.cjs.js

@@ -2382,7 +2382,7 @@
   margin-top: 10px;
   gap: 5px;
 
-`;const Od=new RegExp(/^[a-zA-Z0-9.!#$%&'+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/),Id=new RegExp(/^[a-zA-Z0-9_.-]+$/),Rd=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,60}$/),Pd=new RegExp(/^[a-z0-9._-]+$/),Bd=new RegExp(/^[a-zA-Z0-9]+$/),Vd=new RegExp(/^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,4}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)$/);const Hd=e=>Rd.test(e),Ud=e=>Od.test(e),Gd=e=>Id.test(e),Wd=(e,t)=>e.length>=t,Yd=(e,t)=>e.length<=t,qd=(e,t)=>e===t,Xd=(e,t)=>e!==t,Kd=(e,t)=>e.length===t,Jd=e=>Pd.test(e),Zd=e=>Bd.test(e),Qd=e=>Vd.test(e),ec=(e,t)=>{if(!Array.isArray(t)||0===t.length)return!0;const r=String(e).trim().toLowerCase();return!t.some(e=>r===String(e).trim().toLowerCase())},tc=e=>function(e){var t,r=0,n=0,o=0;if(11!=e.length)return!1;if(!/^-?\d+$/.test(e))return!1;if(0==Number(e[0]))return!1;if(r=parseInt(e[0])+parseInt(e[2])+parseInt(e[4])+parseInt(e[6])+parseInt(e[8]),t=parseInt(e[1])+parseInt(e[3])+parseInt(e[5])+parseInt(e[7]),r*=7,Math.abs(r-t)%10!=Number(e[9]))return!1;for(o=0;o<10;o++)n+=parseInt(e[o]);return n%10==Number(e[10])}(e),rc=e=>{if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let t=!0;return Object.keys(e).forEach(r=>{""===e[r]&&(t=!1)}),t}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0},nc=n.createContext({});nc.displayName="ITDFormContext";const oc=n.forwardRef(({name:e="",id:r="",label:o="",placeholder:i="",error:a="",rules:s=[],mask:l=null,locked:d=!1,dependency:c="",reset:u=[],query:p="",children:f=null},h)=>{const{t:g}=t.useTranslation("itd"),m=n.useRef(null),b=n.useRef(""),{register:v,unregister:y,hasField:w,updateField:A,setFieldError:k,getFieldValue:S,getFieldInstance:_,formId:E}=n.useContext(nc),[C,$]=n.useState(!1);n.useEffect(()=>(v({name:e,field:m,valid:F(m.current?.getValue(),!1),query:p,reset:u,error:a}),$(!0),b.current=JSON.stringify(s),()=>{$(!1),y(e)}),[]),n.useEffect(()=>{const t=JSON.stringify(s);if(C&&m.current&&b.current!==t){const r=()=>{const t=m.current.getValue(),r=s.find(e=>e.hasOwnProperty("required"));if(!r||r.required||""!==t&&null!=t){const r=F(t,!1);w(e)&&A(e,t,!1,r)}else k(e,"",!0),w(e)&&A(e,t,!1,!0)};"development"===process.env.NODE_ENV?requestAnimationFrame(r):r(),b.current=t}},[s,C]),n.useImperativeHandle(h,()=>m.current);const j=(t,r=!0,n=!0)=>{C&&w(e)&&(A(e,t,r,F(t,n)),z())},F=(t,r=!0)=>{const n=function(e,t,r,n){let o=[];return e.forEach(e=>{if(e.hasOwnProperty(x.REQUIRED)&&!rc(t)&&e.required&&o.push(e.message?e.message:n("errors.required")),e.hasOwnProperty(x.TYPE)&&(e.type===exports.FormValidationTypes.MIN_LENGTH&&(Wd(String(t),Number(e.value))||o.push(e.message?e.message:n("errors.minLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.MAX_LENGTH&&(Yd(String(t),Number(e.value))||o.push(e.message?e.message:n("errors.maxLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.EXACT_LENGTH&&(Kd(String(t),Number(e.value))||o.push(e.message?e.message:n("errors.exactLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.SAME&&(qd(String(t),String(r(String(e.field))))||o.push(e.message?e.message:n("errors.fieldMustBeTheSame",{fields:e.field}))),e.type===exports.FormValidationTypes.NOT_SAME&&(Xd(String(t),String(r(String(e.field))))||o.push(e.message?e.message:n("errors.fieldMustBeDifferent",{fields:e.field}))),e.type===exports.FormValidationTypes.TC_IDENTITY&&(tc(String(t))||o.push(e.message?e.message:n("errors.wrongTCIdentity"))),e.type===exports.FormValidationTypes.PASSWORD&&(Hd(String(t))||o.push(e.message?e.message:n("errors.passwordRule"))),e.type===exports.FormValidationTypes.EMAIL&&(Ud(String(t))||o.push(e.message?e.message:n("errors.invalidEmailAddress"))),e.type===exports.FormValidationTypes.USERNAME&&(Gd(String(t))||o.push(e.message?e.message:n("errors.usernameRule"))),e.type===exports.FormValidationTypes.SITE_USERNAME&&(Jd(String(t))||o.push(e.message?e.message:n("errors.siteUsernameRule"))),e.type===exports.FormValidationTypes.ADMIN_USERNAME&&(Zd(String(t))||o.push(e.message?e.message:n("errors.adminUsernameRule"))),e.type===exports.FormValidationTypes.URL&&(Qd(String(t))||o.push(e.message?e.message:n("errors.invalidURL"))),e.type===exports.FormValidationTypes.FORBIDDEN_WORDS)){const r=Array.isArray(e.value)?e.value:void 0!==e.value?[e.value]:[];ec(String(t),r)||o.push(e.message?e.message:n("errors.forbiddenWords"))}}),o}(s,t,S,g);return n.length>0?!!(r||""!==t&&null!=t)&&(r&&k(e,n[0],r),!1):(r&&k(e,""),!0)},z=()=>{if(""===c)return;if(""===S(c))return;const e=_(c);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!f)return null;let t=f.props;const a={id:t.id?t.id:r||E+"_"+e,label:o,placeholder:i,className:t.className?t.className+" itd-form-item":"itd-form-item",onUpdate:j,ref:m};return l&&(a.mask=l),d&&(a.locked=d),n.cloneElement(f,{...t,...a})})()}),ic=n.forwardRef(({name:e="",className:t="",initialValues:o={},useQueryString:i=!1,onUpdate:s,onFinish:l,onFinishFailed:d,onValidated:c,children:u},f)=>{const{updated:h,setInitialValues:g,isFormValid:m,getValues:b,getFields:x,setFieldValueByName:v,resetFields:y}=n.useContext(nc),w=V(),{search:A}=a.useLocation(),k=H(),[S,_]=n.useState([]),[E,C]=n.useState(!1),[$,j]=n.useState([]),[F,z]=n.useState(!1),[L,N]=n.useState(!1);n.useEffect(()=>{u&&B()},[u]),n.useEffect(()=>{M(),D()},[F]),n.useEffect(()=>{F||0!==Object.keys(x()).length&&0!==$.length&&Object.keys(x()).length===$.length&&z(!0)},[x(),$]),n.useEffect(()=>{D()},[o]),n.useEffect(()=>{M()},[A]),n.useEffect(()=>{L&&F&&i&&Object.keys(h).length>0&&I(h)},[h]),n.useEffect(()=>{c&&m()!==E&&c(m()),C(m())},[m()]);const M=()=>{F&&i&&(R(),L||O())},D=()=>{F&&(i||L||T())},T=()=>{const e=!Object.values(o).some(e=>null!==e&&""!==e);e&&!L&&N(!0),e||L||(g(o,!1),N(!0))},O=()=>{const e=x(),t=!Object.values(e).some(e=>""!==w.get(e.query,""));if(Object.values(e).some(e=>null===e.query||""===e.query)){let t=[];throw Object.keys(e).forEach(r=>{e[r].hasOwnProperty("query")&&null!==e[r].query&&""!==e[r].query||t.push(r)}),new Error(`ITD Form Initial Fields Error: "useQueryString" is activated but "query" value is not passed to whole form elements! Invalid fields are ${t.toString()}`)}if(t&&!L&&N(!0),!t&&!L){let t={};Object.keys(e).forEach(r=>{t[r]=w.get(e[r].query,"")}),g(t,!0,!0),N(!0)}},I=e=>{let t=[],r=[];const n=x();Object.keys(e).forEach(t=>{r.push(e[t])}),ui(r,S)||(Object.keys(n).forEach(r=>{t.push({type:n[r].query,value:e[r]})}),k.set(t))},R=()=>{let e=[],t=[];const r=x();if(Object.keys(r).forEach(t=>{let n=String(w.get(r[t].query,""));e.push(n)}),ui(e,S))return;_(e),Object.keys(r).forEach(e=>{t[e]=w.get(r[e].query,"")}),Object.keys(t).forEach(e=>{v(e,t[e],!1,!1)});let n={};Object.keys(t).forEach(e=>{n[e]=t[e]}),s&&s(n)},P=()=>{if(e)try{const t=new CustomEvent("itd-input-unlock",{detail:{formId:e}});document.dispatchEvent(t)}catch{}},B=()=>{let e=[];p.getChildrenDeep(u,t=>(t.hasOwnProperty("type")&&t.type===oc&&e.push({[t.props.name]:t}),!0)),j(e)};return n.useImperativeHandle(f,()=>({fieldUpdate(e){console.log("fieldUpdate"),console.log(e)}})),r.jsx("form",{id:e,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),m()?l&&l(b()):d&&d(x())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let t=[];Object.keys(x()).map(e=>{t.push({type:e,value:""})}),k.set(t),y(!0,!1)},onPointerDown:P,onTouchStart:P,autoComplete:"off",className:t,noValidate:!0,children:u})});var ac=n.memo(ic);function sc({name:e="",useQueryString:t=!1,onUpdate:r,onReset:o,onFieldUpdate:i}){const[a,s]=n.useState({}),[l,d]=n.useState(e),[c,u]=n.useState(!1),[p,f]=n.useState({});function h(e){return a.hasOwnProperty(e)&&void 0!==a[e]}function g(e){return h(e)?a[e].field.current:null}function m(){let e={};return Object.keys(a).forEach(t=>{e[t]=v(t)}),e}function b(e,t,r=!0){if(h(e)&&a[e].field.current){if(a[e].valid=!1,a[e].error=t,!a[e].field.current?.hasOwnProperty("setError"))throw new Error(`ITD Reference Error: You must declare the 'setError' function on the field "${e}"`);a[e].field.current?.setError?.(r?t:"")}}function x(){let e=!0;return Object.keys(a).forEach(t=>{a[t].valid||(e=!1)}),u(e),e}function v(e){if(h(e)){if(a[e].field.current?.hasOwnProperty("getValue"))return a[e].field.current?.getValue();throw new Error(`ITD Reference Error: You must declare the 'getValue' function on the field "${e}"`)}console.error(`ITD Form Error [getFieldValueByName]: There is no field registered with this name: ${e}`)}function y(e,t,r,n){if(h(e)){if(!a[e].field.current?.hasOwnProperty("setValue"))throw new Error(`ITD Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let o=v(e),i=!1;i=Array.isArray(o)&&Array.isArray(t)?ui(o,t):Array.isArray(o)||Array.isArray(t)?o.toString()===t.toString():o===t,i||(a[e].value=t,a[e].field.current?.setValue(t,r,n))}}else console.error(`ITD Form Error [setFieldValueByName]: There is no field registered with this name: ${e}`)}return{register:function(e){a[e.name]={name:e.name,field:e.field,value:e.field.current?.getValue(),valid:e.valid,query:e.query,reset:e.reset,error:e.error}},unregister:function(e){h(e)?(delete a[e],x()):console.error(`ITD Form Error [unregister]: There is no field registered with this name: ${e}`)},scrollTo:function(e,t){const r=void 0!==t?t:{behavior:"smooth",block:"center",inline:"nearest"},n=e=>!(!e||"function"!=typeof e.scrollIntoView)&&(e.scrollIntoView(r),!0);if(h(e)){const t=g(e);if(t&&"function"==typeof t.scrollIntoView)return t.scrollIntoView(r),!0}if("undefined"!=typeof document){const t=document.getElementById(l);if(t){const r=e.startsWith(`${l}_`)?[`#${e}`]:[`#${e}`,`#${l}_${e}`];for(const e of r){if(n(t.querySelector(e)))return!0}}if(n(document.getElementById(e)))return!0}return console.error(`ITD Form Error [scrollTo]: Could not find element in form '${l}' by name/id '${e}'. ScrollIntoView not provided.`),!1},checkFormIsValid:x,hasField:h,getValues:m,getFieldValue:function(e){return h(e)?(t=a[e].value)instanceof Object?JSON.stringify(t):t:"";var t},getFieldValueByName:v,getFieldInstance:g,getFields:function(){let e={};return Object.keys(a).forEach(t=>{e[t]=a[t]}),e},getFieldsInstance:function(){let e={};return Object.keys(a).forEach(t=>{e[t]=a[t].field.current}),e},setName:function(e){d(e)},setInitialValues:function(e,n=!0,o=!1){Object.keys(e).forEach(t=>{y(t,e[t],n,o)});let i={};return Object.keys(e).forEach(t=>{i[t]=e[t]}),n&&(t&&f(i),r&&r(i)),x(),i},setInvalidField:function(e="",t=""){b(e,t),x()},setInvalidFields:function(e=[],t=""){e.forEach(e=>{b(e,t)}),x()},setFieldValue:function(e,t){h(e)?a[e].field.current?.setValue(t,!0,!0):console.error(`ITD Form Error [setFieldValue]: There is no field registered with this name: ${e}`)},setFieldValueByName:y,setFieldError:b,removeFieldError:function(e){if(h(e)){if(a[e].valid=!0,a[e].error="",!a[e].field.current?.hasOwnProperty("setError"))throw new Error(`ITD Reference Error: You must declare the 'setError' function on the field "${e}"`);a[e].field.current?.setError?.("")}else console.error(`ITD Form Error [removeFieldError]: There is no field registered with this name: ${e}`)},updateField:function(e,n,o,s){if(h(e)){if(a[e].value=n,a[e].valid=s,o){i&&i({name:e,value:n,valid:s}),a[e].reset.length>0&&a[e].reset.forEach(e=>{a[e].value="",a[e].valid=!1,a[e].field.current?.reset(!1)});let o={...m(),[e]:n};a[e].reset.length>0&&a[e].reset.forEach(e=>{o[e]=""}),t&&s&&f(o),r&&r(o)}x()}else console.error(`ITD Form Error [updateField]: There is no field registered with this name: ${e}`)},isFormValid:n.useCallback(()=>c,[c]),isFieldsValid:function(e){let t=!0;return e.forEach(e=>{a[e].valid||(t=!1)}),t},isFieldValid:function(e){return a[e].valid},resetFields:function(e=!1,t=!1){Object.keys(a).forEach(r=>{if(!a[r].field.current?.hasOwnProperty("reset"))throw new Error(`ITD Reference Error: You must declare the 'reset' function on the field "${r}"`);a[r].field.current?.reset(e,t)}),o&&o()},removeFields:function(){s({})},formId:l,updated:p}}const lc=n.forwardRef(({initialValues:e,children:t,onUpdate:o,onReset:i,onFinish:a,onFinishFailed:s,onFieldUpdate:l,onValidated:d,useQueryString:c,className:u,name:p},f)=>{const h=n.useRef(null);n.useEffect(()=>()=>{h.current=null},[]),h.current=sc({name:p,onUpdate:o,onReset:i,onFieldUpdate:l,useQueryString:c}),n.useImperativeHandle(f,()=>h.current);return r.jsx(nc.Provider,{value:h.current,children:r.jsx(ac,{initialValues:e,useQueryString:c,onUpdate:o,onFinish:a,onFinishFailed:s,onValidated:d,name:p,className:(()=>{let e="itd-form";return p&&(e+=" "+p),u&&(e+=" "+u),e})(),children:t})})});lc.Item=oc,lc.Group=function({gap:e=15,horizontal:t=!1,className:n,children:o}){const i=()=>{let e="itd-form-group";return n&&(e+=" "+n),e};return r.jsx(Dd,{className:i(),$gap:e,$horizontal:t,children:o})},lc.Control=function({position:e="end",className:t,children:n}){const o=()=>{let e="itd-form-control";return t&&(e+=" "+t),e};return r.jsx(Td,{className:o(),$position:e,children:n})},lc.useForm=()=>n.useContext(nc),lc.useFormAPI=()=>{const e=n.useContext(nc);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const dc=l.div`
+`;const Od=new RegExp(/^[a-zA-Z0-9.!#$%&'+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/),Id=new RegExp(/^[a-zA-Z0-9_.-]+$/),Rd=new RegExp(/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_+={};:<>|./?,"'\[\]\\`~\-])[a-zA-Z\d$begin:math:display$$end:math:display$\\`~!@#$%^&*()_+={};:<>|.\/?,"'-]{8,60}$/),Pd=new RegExp(/^[a-z0-9._-]+$/),Bd=new RegExp(/^[a-zA-Z0-9]+$/),Vd=new RegExp(/^https?:\/\/(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,4}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)$/);const Hd=e=>Rd.test(e),Ud=e=>Od.test(e),Gd=e=>Id.test(e),Wd=(e,t)=>e.length>=t,Yd=(e,t)=>e.length<=t,qd=(e,t)=>e===t,Xd=(e,t)=>e!==t,Kd=(e,t)=>e.length===t,Jd=e=>Pd.test(e),Zd=e=>Bd.test(e),Qd=e=>Vd.test(e),ec=(e,t)=>{if(!Array.isArray(t)||0===t.length)return!0;const r=String(e).trim().toLowerCase();return!t.some(e=>r===String(e).trim().toLowerCase())},tc=e=>function(e){var t,r=0,n=0,o=0;if(11!=e.length)return!1;if(!/^-?\d+$/.test(e))return!1;if(0==Number(e[0]))return!1;if(r=parseInt(e[0])+parseInt(e[2])+parseInt(e[4])+parseInt(e[6])+parseInt(e[8]),t=parseInt(e[1])+parseInt(e[3])+parseInt(e[5])+parseInt(e[7]),r*=7,Math.abs(r-t)%10!=Number(e[9]))return!1;for(o=0;o<10;o++)n+=parseInt(e[o]);return n%10==Number(e[10])}(e),rc=e=>{if(Array.isArray(e)){if(0===e.length)return!1}else{if("object"==typeof e){let t=!0;return Object.keys(e).forEach(r=>{""===e[r]&&(t=!1)}),t}if("string"==typeof e){if(""===e)return!1}else if("boolean"==typeof e&&!1===e)return!1}return!0},nc=n.createContext({});nc.displayName="ITDFormContext";const oc=n.forwardRef(({name:e="",id:r="",label:o="",placeholder:i="",error:a="",rules:s=[],mask:l=null,locked:d=!1,dependency:c="",reset:u=[],query:p="",children:f=null},h)=>{const{t:g}=t.useTranslation("itd"),m=n.useRef(null),b=n.useRef(""),{register:v,unregister:y,hasField:w,updateField:A,setFieldError:k,getFieldValue:S,getFieldInstance:_,formId:E}=n.useContext(nc),[C,$]=n.useState(!1);n.useEffect(()=>(v({name:e,field:m,valid:F(m.current?.getValue(),!1),query:p,reset:u,error:a}),$(!0),b.current=JSON.stringify(s),()=>{$(!1),y(e)}),[]),n.useEffect(()=>{const t=JSON.stringify(s);if(C&&m.current&&b.current!==t){const r=()=>{const t=m.current.getValue(),r=s.find(e=>e.hasOwnProperty("required"));if(!r||r.required||""!==t&&null!=t){const r=F(t,!1);w(e)&&A(e,t,!1,r)}else k(e,"",!0),w(e)&&A(e,t,!1,!0)};"development"===process.env.NODE_ENV?requestAnimationFrame(r):r(),b.current=t}},[s,C]),n.useImperativeHandle(h,()=>m.current);const j=(t,r=!0,n=!0)=>{C&&w(e)&&(A(e,t,r,F(t,n)),z())},F=(t,r=!0)=>{const n=function(e,t,r,n){let o=[];return e.forEach(e=>{if(e.hasOwnProperty(x.REQUIRED)&&!rc(t)&&e.required&&o.push(e.message?e.message:n("errors.required")),e.hasOwnProperty(x.TYPE)&&(e.type===exports.FormValidationTypes.MIN_LENGTH&&(Wd(String(t),Number(e.value))||o.push(e.message?e.message:n("errors.minLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.MAX_LENGTH&&(Yd(String(t),Number(e.value))||o.push(e.message?e.message:n("errors.maxLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.EXACT_LENGTH&&(Kd(String(t),Number(e.value))||o.push(e.message?e.message:n("errors.exactLength",{length:Number(e.value)}))),e.type===exports.FormValidationTypes.SAME&&(qd(String(t),String(r(String(e.field))))||o.push(e.message?e.message:n("errors.fieldMustBeTheSame",{fields:e.field}))),e.type===exports.FormValidationTypes.NOT_SAME&&(Xd(String(t),String(r(String(e.field))))||o.push(e.message?e.message:n("errors.fieldMustBeDifferent",{fields:e.field}))),e.type===exports.FormValidationTypes.TC_IDENTITY&&(tc(String(t))||o.push(e.message?e.message:n("errors.wrongTCIdentity"))),e.type===exports.FormValidationTypes.PASSWORD&&(Hd(String(t))||o.push(e.message?e.message:n("errors.passwordRule"))),e.type===exports.FormValidationTypes.EMAIL&&(Ud(String(t))||o.push(e.message?e.message:n("errors.invalidEmailAddress"))),e.type===exports.FormValidationTypes.USERNAME&&(Gd(String(t))||o.push(e.message?e.message:n("errors.usernameRule"))),e.type===exports.FormValidationTypes.SITE_USERNAME&&(Jd(String(t))||o.push(e.message?e.message:n("errors.siteUsernameRule"))),e.type===exports.FormValidationTypes.ADMIN_USERNAME&&(Zd(String(t))||o.push(e.message?e.message:n("errors.adminUsernameRule"))),e.type===exports.FormValidationTypes.URL&&(Qd(String(t))||o.push(e.message?e.message:n("errors.invalidURL"))),e.type===exports.FormValidationTypes.FORBIDDEN_WORDS)){const r=Array.isArray(e.value)?e.value:void 0!==e.value?[e.value]:[];ec(String(t),r)||o.push(e.message?e.message:n("errors.forbiddenWords"))}}),o}(s,t,S,g);return n.length>0?!!(r||""!==t&&null!=t)&&(r&&k(e,n[0],r),!1):(r&&k(e,""),!0)},z=()=>{if(""===c)return;if(""===S(c))return;const e=_(c);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!f)return null;let t=f.props;const a={id:t.id?t.id:r||E+"_"+e,label:o,placeholder:i,className:t.className?t.className+" itd-form-item":"itd-form-item",onUpdate:j,ref:m};return l&&(a.mask=l),d&&(a.locked=d),n.cloneElement(f,{...t,...a})})()}),ic=n.forwardRef(({name:e="",className:t="",initialValues:o={},useQueryString:i=!1,onUpdate:s,onFinish:l,onFinishFailed:d,onValidated:c,children:u},f)=>{const{updated:h,setInitialValues:g,isFormValid:m,getValues:b,getFields:x,setFieldValueByName:v,resetFields:y}=n.useContext(nc),w=V(),{search:A}=a.useLocation(),k=H(),[S,_]=n.useState([]),[E,C]=n.useState(!1),[$,j]=n.useState([]),[F,z]=n.useState(!1),[L,N]=n.useState(!1);n.useEffect(()=>{u&&B()},[u]),n.useEffect(()=>{M(),D()},[F]),n.useEffect(()=>{F||0!==Object.keys(x()).length&&0!==$.length&&Object.keys(x()).length===$.length&&z(!0)},[x(),$]),n.useEffect(()=>{D()},[o]),n.useEffect(()=>{M()},[A]),n.useEffect(()=>{L&&F&&i&&Object.keys(h).length>0&&I(h)},[h]),n.useEffect(()=>{c&&m()!==E&&c(m()),C(m())},[m()]);const M=()=>{F&&i&&(R(),L||O())},D=()=>{F&&(i||L||T())},T=()=>{const e=!Object.values(o).some(e=>null!==e&&""!==e);e&&!L&&N(!0),e||L||(g(o,!1),N(!0))},O=()=>{const e=x(),t=!Object.values(e).some(e=>""!==w.get(e.query,""));if(Object.values(e).some(e=>null===e.query||""===e.query)){let t=[];throw Object.keys(e).forEach(r=>{e[r].hasOwnProperty("query")&&null!==e[r].query&&""!==e[r].query||t.push(r)}),new Error(`ITD Form Initial Fields Error: "useQueryString" is activated but "query" value is not passed to whole form elements! Invalid fields are ${t.toString()}`)}if(t&&!L&&N(!0),!t&&!L){let t={};Object.keys(e).forEach(r=>{t[r]=w.get(e[r].query,"")}),g(t,!0,!0),N(!0)}},I=e=>{let t=[],r=[];const n=x();Object.keys(e).forEach(t=>{r.push(e[t])}),ui(r,S)||(Object.keys(n).forEach(r=>{t.push({type:n[r].query,value:e[r]})}),k.set(t))},R=()=>{let e=[],t=[];const r=x();if(Object.keys(r).forEach(t=>{let n=String(w.get(r[t].query,""));e.push(n)}),ui(e,S))return;_(e),Object.keys(r).forEach(e=>{t[e]=w.get(r[e].query,"")}),Object.keys(t).forEach(e=>{v(e,t[e],!1,!1)});let n={};Object.keys(t).forEach(e=>{n[e]=t[e]}),s&&s(n)},P=()=>{if(e)try{const t=new CustomEvent("itd-input-unlock",{detail:{formId:e}});document.dispatchEvent(t)}catch{}},B=()=>{let e=[];p.getChildrenDeep(u,t=>(t.hasOwnProperty("type")&&t.type===oc&&e.push({[t.props.name]:t}),!0)),j(e)};return n.useImperativeHandle(f,()=>({fieldUpdate(e){console.log("fieldUpdate"),console.log(e)}})),r.jsx("form",{id:e,onSubmit:e=>{e&&(e.preventDefault(),e.stopPropagation()),m()?l&&l(b()):d&&d(x())},onReset:e=>{e&&(e.preventDefault(),e.stopPropagation());let t=[];Object.keys(x()).map(e=>{t.push({type:e,value:""})}),k.set(t),y(!0,!1)},onPointerDown:P,onTouchStart:P,autoComplete:"off",className:t,noValidate:!0,children:u})});var ac=n.memo(ic);function sc({name:e="",useQueryString:t=!1,onUpdate:r,onReset:o,onFieldUpdate:i}){const[a,s]=n.useState({}),[l,d]=n.useState(e),[c,u]=n.useState(!1),[p,f]=n.useState({});function h(e){return a.hasOwnProperty(e)&&void 0!==a[e]}function g(e){return h(e)?a[e].field.current:null}function m(){let e={};return Object.keys(a).forEach(t=>{e[t]=v(t)}),e}function b(e,t,r=!0){if(h(e)&&a[e].field.current){if(a[e].valid=!1,a[e].error=t,!a[e].field.current?.hasOwnProperty("setError"))throw new Error(`ITD Reference Error: You must declare the 'setError' function on the field "${e}"`);a[e].field.current?.setError?.(r?t:"")}}function x(){let e=!0;return Object.keys(a).forEach(t=>{a[t].valid||(e=!1)}),u(e),e}function v(e){if(h(e)){if(a[e].field.current?.hasOwnProperty("getValue"))return a[e].field.current?.getValue();throw new Error(`ITD Reference Error: You must declare the 'getValue' function on the field "${e}"`)}console.error(`ITD Form Error [getFieldValueByName]: There is no field registered with this name: ${e}`)}function y(e,t,r,n){if(h(e)){if(!a[e].field.current?.hasOwnProperty("setValue"))throw new Error(`ITD Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let o=v(e),i=!1;i=Array.isArray(o)&&Array.isArray(t)?ui(o,t):Array.isArray(o)||Array.isArray(t)?o.toString()===t.toString():o===t,i||a[e].field.current?.setValue(t,r,n)}}else console.error(`ITD Form Error [setFieldValueByName]: There is no field registered with this name: ${e}`)}return{register:function(e){a[e.name]={name:e.name,field:e.field,value:e.field.current?.getValue(),valid:e.valid,query:e.query,reset:e.reset,error:e.error}},unregister:function(e){h(e)?(delete a[e],x()):console.error(`ITD Form Error [unregister]: There is no field registered with this name: ${e}`)},scrollTo:function(e,t){const r=void 0!==t?t:{behavior:"smooth",block:"center",inline:"nearest"},n=e=>!(!e||"function"!=typeof e.scrollIntoView)&&(e.scrollIntoView(r),!0);if(h(e)){const t=g(e);if(t&&"function"==typeof t.scrollIntoView)return t.scrollIntoView(r),!0}if("undefined"!=typeof document){const t=document.getElementById(l);if(t){const r=e.startsWith(`${l}_`)?[`#${e}`]:[`#${e}`,`#${l}_${e}`];for(const e of r){if(n(t.querySelector(e)))return!0}}if(n(document.getElementById(e)))return!0}return console.error(`ITD Form Error [scrollTo]: Could not find element in form '${l}' by name/id '${e}'. ScrollIntoView not provided.`),!1},checkFormIsValid:x,hasField:h,getValues:m,getFieldValue:function(e){return h(e)?(t=a[e].value)instanceof Object?JSON.stringify(t):t:"";var t},getFieldValueByName:v,getFieldInstance:g,getFields:function(){let e={};return Object.keys(a).forEach(t=>{e[t]=a[t]}),e},getFieldsInstance:function(){let e={};return Object.keys(a).forEach(t=>{e[t]=a[t].field.current}),e},setName:function(e){d(e)},setInitialValues:function(e,n=!0,o=!1){Object.keys(e).forEach(t=>{y(t,e[t],n,o)});let i={};return Object.keys(e).forEach(t=>{i[t]=e[t]}),n&&(t&&f(i),r&&r(i)),x(),i},setInvalidField:function(e="",t=""){b(e,t),x()},setInvalidFields:function(e=[],t=""){e.forEach(e=>{b(e,t)}),x()},setFieldValue:function(e,t){h(e)?a[e].field.current?.setValue(t,!0,!0):console.error(`ITD Form Error [setFieldValue]: There is no field registered with this name: ${e}`)},setFieldValueByName:y,setFieldError:b,removeFieldError:function(e){if(h(e)){if(a[e].valid=!0,a[e].error="",!a[e].field.current?.hasOwnProperty("setError"))throw new Error(`ITD Reference Error: You must declare the 'setError' function on the field "${e}"`);a[e].field.current?.setError?.("")}else console.error(`ITD Form Error [removeFieldError]: There is no field registered with this name: ${e}`)},updateField:function(e,n,o,s){if(h(e)){if(a[e].value=n,a[e].valid=s,o){i&&i({name:e,value:n,valid:s}),a[e].reset.length>0&&a[e].reset.forEach(e=>{a[e].value="",a[e].valid=!1,a[e].field.current?.reset(!1)});let o={...m(),[e]:n};a[e].reset.length>0&&a[e].reset.forEach(e=>{o[e]=""}),t&&s&&f(o),r&&r(o)}x()}else console.error(`ITD Form Error [updateField]: There is no field registered with this name: ${e}`)},isFormValid:n.useCallback(()=>c,[c]),isFieldsValid:function(e){let t=!0;return e.forEach(e=>{a[e].valid||(t=!1)}),t},isFieldValid:function(e){return a[e].valid},resetFields:function(e=!1,t=!1){Object.keys(a).forEach(r=>{if(!a[r].field.current?.hasOwnProperty("reset"))throw new Error(`ITD Reference Error: You must declare the 'reset' function on the field "${r}"`);a[r].field.current?.reset(e,t)}),o&&o()},removeFields:function(){s({})},formId:l,updated:p}}const lc=n.forwardRef(({initialValues:e,children:t,onUpdate:o,onReset:i,onFinish:a,onFinishFailed:s,onFieldUpdate:l,onValidated:d,useQueryString:c,className:u,name:p},f)=>{const h=n.useRef(null);n.useEffect(()=>()=>{h.current=null},[]),h.current=sc({name:p,onUpdate:o,onReset:i,onFieldUpdate:l,useQueryString:c}),n.useImperativeHandle(f,()=>h.current);return r.jsx(nc.Provider,{value:h.current,children:r.jsx(ac,{initialValues:e,useQueryString:c,onUpdate:o,onFinish:a,onFinishFailed:s,onValidated:d,name:p,className:(()=>{let e="itd-form";return p&&(e+=" "+p),u&&(e+=" "+u),e})(),children:t})})});lc.Item=oc,lc.Group=function({gap:e=15,horizontal:t=!1,className:n,children:o}){const i=()=>{let e="itd-form-group";return n&&(e+=" "+n),e};return r.jsx(Dd,{className:i(),$gap:e,$horizontal:t,children:o})},lc.Control=function({position:e="end",className:t,children:n}){const o=()=>{let e="itd-form-control";return t&&(e+=" "+t),e};return r.jsx(Td,{className:o(),$position:e,children:n})},lc.useForm=()=>n.useContext(nc),lc.useFormAPI=()=>{const e=n.useContext(nc);if(!e)throw new Error("useFormAPI must be used within a FormContext.Provider");return e};const dc=l.div`
 
   &.itd-accordion-menu-sub-menu {
 
@@ -4342,7 +4342,23 @@
 
   }
 
-  ${({$hasCustomButton:e})=>e&&l.css`
+  /* Disabled state */
+  ${({$disabled:e})=>e&&l.css`
+    opacity: 0.5;
+    pointer-events: none;
+    cursor: not-allowed;
+    
+    ${Lp} {
+      cursor: not-allowed;
+    }
+    
+    ${Mp} {
+      cursor: not-allowed;
+      background-color: #f5f5f5;
+    }
+  `}
+
+  ${({$hasCustomButton:e,$disabled:t})=>e&&!t&&l.css`
 
     &:hover:not(&.itd-radio-selected) {
       ${Mp} {
@@ -4401,13 +4417,13 @@
   pointer-events: none;
   /* z-index: 1; */
 
-`;function Op({id:e="itd-radio-button-"+fe(),name:t="",value:o="",type:i="default",buttonProps:a={},checked:s=!1,hasError:l=!1,children:d=null,icon:c=null,image:u=null,component:p=null,onChange:f=()=>{}}){const h=()=>{console.log("handleOnChange",o),f&&f(o)};return r.jsxs(Dp,{className:(()=>{let e="itd-radio";return s&&(e+=" itd-radio-selected"),l&&(e+=" itd-radio-error"),e})(),$hasCustomButton:!p,children:[r.jsx("input",{type:"radio",onChange:h,id:e,name:t,value:o,checked:s,"aria-checked":s}),r.jsxs(Lp,{className:(()=>{let e="itd-radio-label";return s&&(e+=" itd-radio-label-selected"),l&&(e+=" itd-radio-label-error"),e})(),htmlFor:e,children:[null!==p?r.jsx("div",{className:"itd-radio-custom-button",children:(()=>{const e={checked:s,value:o,icon:c,children:d};return"childProps"in p?.props&&(e.childProps={...p?.props?.childProps||{},checked:s,value:o,icon:c,children:d}),n.cloneElement(p,e)})()}):"default"===i?r.jsxs(Mp,{className:"itd-radio-default-button",children:[r.jsxs(zp,{className:"itd-radio-content",children:[c?r.jsx(Fp,{className:"itd-icon itd-pre-icon "+c}):u?r.jsx(Mi,{className:"itd-image",src:u,height:"20",brokenHeight:"20"}):null,r.jsx("span",{children:d})]}),s?r.jsx(jp,{className:"itd-icon itd-check-icon it-web-check"}):null]}):"primary"===i?r.jsx(xe,{className:"itd-radio-primary-button",selected:s,onClick:h,...a,children:r.jsx("span",{children:d})}):r.jsx("span",{children:d}),l?r.jsx(Tp,{className:"itd-error-border"}):null]})]})}const Ip=l.div`
+`;function Op({id:e="itd-radio-button-"+fe(),name:t="",value:o="",type:i="default",buttonProps:a={},checked:s=!1,hasError:l=!1,disabled:d=!1,children:c=null,icon:u=null,image:p=null,component:f=null,onChange:h=()=>{}}){const g=()=>{console.log("handleOnChange",o),h&&h(o)};return r.jsxs(Dp,{className:(()=>{let e="itd-radio";return s&&(e+=" itd-radio-selected"),l&&(e+=" itd-radio-error"),e})(),$hasCustomButton:!f,$disabled:d,children:[r.jsx("input",{type:"radio",onChange:g,id:e,name:t,value:o,checked:s,"aria-checked":s,disabled:d}),r.jsxs(Lp,{className:(()=>{let e="itd-radio-label";return s&&(e+=" itd-radio-label-selected"),l&&(e+=" itd-radio-label-error"),d&&(e+=" itd-radio-label-disabled"),e})(),htmlFor:e,children:[null!==f?r.jsx("div",{className:"itd-radio-custom-button",children:(()=>{const e={checked:s,value:o,icon:u,children:c,disabled:d};return"childProps"in f?.props&&(e.childProps={...f?.props?.childProps||{},checked:s,value:o,icon:u,children:c,disabled:d}),n.cloneElement(f,e)})()}):"default"===i?r.jsxs(Mp,{className:"itd-radio-default-button",children:[r.jsxs(zp,{className:"itd-radio-content",children:[u?r.jsx(Fp,{className:"itd-icon itd-pre-icon "+u}):p?r.jsx(Mi,{className:"itd-image",src:p,height:"20",brokenHeight:"20"}):null,r.jsx("span",{children:c})]}),s?r.jsx(jp,{className:"itd-icon itd-check-icon it-web-check"}):null]}):"primary"===i?r.jsx(xe,{className:"itd-radio-primary-button",selected:s,onClick:g,disabled:d,...a,children:r.jsx("span",{children:c})}):r.jsx("span",{children:c}),l?r.jsx(Tp,{className:"itd-error-border"}):null]})]})}const Ip=l.div`
   display               : grid;
   grid-auto-flow        : ${e=>e.$onlyFlow?e.$direction:"column"===e.$direction?"row":"column"};
   grid-template-columns : ${e=>"row"===e.$direction||e.$onlyFlow?"auto":`repeat(${e.$length}, ${e.$autoSize?"auto":"1fr"})`};
   grid-template-rows    : ${e=>"column"===e.$direction||e.$onlyFlow?"auto":`repeat(${e.$length}, ${e.$autoSize?"auto":"1fr"})`};
   grid-gap              : ${e=>e.$gap};
-`,Rp=n.forwardRef(({id:e="itd-radio-group-"+fe(),name:t="",message:o="",type:i="default",defaultValue:a="",value:s="",buttonProps:l={},className:d="",direction:c="column",gap:u="10px",length:p=3,onlyFlow:f=!1,autoSize:h=!1,onChange:g=null,onUpdate:m=null,children:b=null},x)=>{const[v,y]=n.useState(o),[w,A]=n.useState("");n.useEffect(()=>{a&&(A(a),k(a))},[]),n.useEffect(()=>{A(s),k(s)},[s]);const k=(e,t=!0,r=!0)=>{m&&m(e,t,r)};n.useImperativeHandle(x,()=>({reset(e=!0,t=!0){A(a),y(""),k(a,e,t)},setValue(e,t=!0,r=!0){A(e),k(e,t,r)},getValue:()=>w,setError(e){y(e)},clear(){}}));const S=e=>{w!==e&&(A(e),k(e,!0,!1),y(""),g&&g(e))};return r.jsx(Ip,{id:e,className:(()=>{let e="itd-radio-group";return e+=" itd-radio-group-"+i,e+=" itd-radio-group-"+c,v&&(e+=" itd-radio-group-error"),""!==d&&(e+=" "+d),e})(),role:"radiogroup",$direction:c,$length:p,$gap:u,$onlyFlow:f,$autoSize:h,children:(()=>{const e=r=>{if(!n.isValidElement(r))return null;if(r.type===Op)return n.cloneElement(r,{...r.props,checked:w===r.props.value,onChange:S,hasError:""!==v,name:t,type:i,buttonProps:l});if(r.props.children){const t=n.Children.map(r.props.children,e);return n.cloneElement(r,{...r.props,children:t})}return r};return n.Children.map(b,e)})()})});var Pp=n.memo(Rp);const Bp=()=>null;Bp.Group=Pp,Bp.Button=Op;var Vp="itd__label__9437953e",Hp="itd__checkmark__9437953e",Up="itd__check__9437953e",Gp="itd__container__9437953e";Ad(".itd__container__9437953e{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.itd__label__9437953e{align-items:center;display:flex;position:relative}.itd__label__9437953e span{color:#fff9;font-size:12px;font-weight:400;line-height:1.2;margin-left:10px}.itd__checkmark__9437953e{align-items:center;background-color:#1d2649;border-radius:6px;display:flex;height:20px;justify-content:center;transition:background-color .25sn ease-out;width:20px}.itd__checkmark__9437953e svg{fill:#fff;visibility:hidden}.itd__check__9437953e{background-color:#3396fb}.itd__check__9437953e svg{animation:itd__bounce__9437953e .5s;visibility:visible}@keyframes itd__bounce__9437953e{0%{transform:scale(.2) rotate(4deg)}50%{transform:scale(1.2) rotate(-2deg)}75%{transform:scale(.9) rotate(1deg)}to{transform:scale(1) rotate(0deg)}}",{});const Wp=({checked:e=!1,className:t="",children:r=null})=>n.createElement("label",{className:"itd-inline-select-checkbox-label "+t+" "+Gp},n.createElement("div",{className:"itd-inline-select-checkbox-wrapper "+Vp},(()=>{let t="itd-inline-select-checkbox "+Hp;return e&&(t+=" "+Up),n.createElement("div",{className:t},n.createElement(ti,{className:"itd-svg",width:12,height:12}))})(),n.createElement("span",null,r)));var Yp="itd__option__733c7593",qp="itd__selected__733c7593",Xp="itd__single__733c7593";Ad(".itd__option__733c7593{align-items:center;cursor:pointer;display:flex;min-width:-webkit-max-content;min-width:max-content;padding:10px 30px 10px 15px}.itd__option__733c7593:not(:last-child){margin-bottom:1px}.itd__option__733c7593:hover{background-color:rgba(29,38,73,.502)}.itd__selected__733c7593 .itd__option__733c7593 span,.itd__selected__733c7593 .itd__single__733c7593{color:#fff}.itd__option__733c7593 span,.itd__single__733c7593{color:hsla(0,0%,100%,.667);font-size:12px;font-weight:400;line-height:12px;white-space:nowrap}",{});const Kp=({value:e="",checked:t=!1,single:r=!1,onChange:o=null,children:i=null})=>{const[a,s]=n.useState(!1);return n.createElement("li",{onMouseEnter:e=>{s(!0),e.stopPropagation()},onMouseLeave:e=>{s(!1),e.stopPropagation()},className:(()=>{let e="itd-inline-select-item itd-inline-select-item-option";return e+=" "+Yp,t&&(e+=" "+qp),t&&(e+=" itd-inline-select-item-option-selected"),a&&!t&&(e+=" itd-inline-select-item-option-active"),e})(),onClick:r=>{o(e,!t,i),r.stopPropagation()}},r?n.createElement("div",{className:"itd-item-single "+Xp},n.createElement("span",null,i)):n.createElement(Wp,{className:"itd-item-multi",checked:t},i))};var Jp=n.memo(Kp),Zp={menu:"itd__menu__211ba801",bodyWrapper:"itd__bodyWrapper__211ba801",bodyWrapperLong:"itd__bodyWrapperLong__211ba801",menuEnter:"itd__menuEnter__211ba801",menuEnterActive:"itd__menuEnterActive__211ba801",menuExit:"itd__menuExit__211ba801",menuExitActive:"itd__menuExitActive__211ba801",menuEnterActiveLong:"itd__menuEnterActiveLong__211ba801",menuExitActiveLong:"itd__menuExitActiveLong__211ba801",bottom:"itd__bottom__211ba801",left:"itd__left__211ba801"};function Qp(e){const t=n.useRef(null),{value:r=[],children:o=null,onChange:a=null,isOpen:s=!1,single:l=!1,minWidth:d=0}=e,[c,u]=n.useState([]);n.useEffect(()=>{u(r)},[r]);const p=(e,t,r)=>{if(l){const n=[t?e:""];u(n),a(n,r)}else{let n=[];t?n=[...c,e]:(c.splice(c.indexOf(e),1),n=[...c]),u(n),a(n,r)}};return n.createElement(i.CSSTransition,{in:s,timeout:500,classNames:{enter:Zp.menuEnter,enterActive:o.length>5?Zp.menuEnterActiveLong:Zp.menuEnterActive,exit:Zp.menuExit,exitActive:o.length>5?Zp.menuExitActiveLong:Zp.menuExitActive},nodeRef:t,unmountOnExit:!0},n.createElement("div",{className:"itd-inline-select-dropdown "+Zp.menu+" "+Zp.bottom+" "+Zp.left,style:{width:0===d?"max-content":d+"px"},ref:t},n.createElement("div",{className:Zp.spacer}),n.createElement(Sd,{className:"itd-inline-select-dropdown-body "+o.length>5?Zp.bodyWrapperLong:Zp.bodyWrapper},n.createElement("ul",null,n.Children.map(o,e=>n.cloneElement(e,{onChange:p,checked:c.indexOf(e.props.value)>-1,key:e.props.value}))))))}Ad(".itd__menu__211ba801{background-color:#050a20;border-radius:0 5px 5px 5px;box-shadow:0 20px 20px #00000040;overflow:hidden;position:absolute;transform-box:fill-box;transform-origin:50% 1%;transition-timing-function:cubic-bezier(.75,-.5,0,1.25);z-index:2}.itd__menu__211ba801 ul{min-width:-webkit-max-content;min-width:max-content}.itd__bodyWrapperLong__211ba801,.itd__bodyWrapper__211ba801{height:300px}.itd__bottom__211ba801{top:100%}.itd__left__211ba801{left:0}.itd__menuEnter__211ba801{height:50px;opacity:0}.itd__menuEnterActive__211ba801{height:300px;opacity:1;transition:height .15s ease-out}.itd__menuExit__211ba801{opacity:1}.itd__menuExitActive__211ba801{height:300px;opacity:0;transition:height .15s ease-out}.itd__menuEnterActiveLong__211ba801{height:300px;opacity:1;transition:height .15s ease-out}.itd__menuExitActiveLong__211ba801{height:300px;opacity:0;transition:height .15s ease-out}",{});const ef=l.div`
+`,Rp=n.forwardRef(({id:e="itd-radio-group-"+fe(),name:t="",message:o="",type:i="default",defaultValue:a="",value:s="",buttonProps:l={},className:d="",direction:c="column",gap:u="10px",length:p=3,onlyFlow:f=!1,autoSize:h=!1,disabled:g=!1,onChange:m=null,onUpdate:b=null,children:x=null},v)=>{const[y,w]=n.useState(o),[A,k]=n.useState("");n.useEffect(()=>{a&&(k(a),S(a))},[]),n.useEffect(()=>{k(s),S(s)},[s]);const S=(e,t=!0,r=!0)=>{b&&b(e,t,r)};n.useImperativeHandle(v,()=>({reset(e=!0,t=!0){k(a),w(""),S(a,e,t)},setValue(e,t=!0,r=!0){k(e),S(e,t,r)},getValue:()=>A,setError(e){w(e)},clear(){}}));const _=e=>{A!==e&&(k(e),S(e,!0,!1),w(""),m&&m(e))};return r.jsx(Ip,{id:e,className:(()=>{let e="itd-radio-group";return e+=" itd-radio-group-"+i,e+=" itd-radio-group-"+c,g&&(e+=" itd-radio-group-disabled"),y&&(e+=" itd-radio-group-error"),""!==d&&(e+=" "+d),e})(),role:"radiogroup",$direction:c,$length:p,$gap:u,$onlyFlow:f,$autoSize:h,children:(()=>{const e=r=>{if(!n.isValidElement(r))return null;if(r.type===Op)return n.cloneElement(r,{...r.props,checked:A===r.props.value,onChange:_,hasError:""!==y,name:t,type:i,buttonProps:l,disabled:g});if(r.props.children){const t=n.Children.map(r.props.children,e);return n.cloneElement(r,{...r.props,children:t})}return r};return n.Children.map(x,e)})()})});var Pp=n.memo(Rp);const Bp=()=>null;Bp.Group=Pp,Bp.Button=Op;var Vp="itd__label__9437953e",Hp="itd__checkmark__9437953e",Up="itd__check__9437953e",Gp="itd__container__9437953e";Ad(".itd__container__9437953e{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.itd__label__9437953e{align-items:center;display:flex;position:relative}.itd__label__9437953e span{color:#fff9;font-size:12px;font-weight:400;line-height:1.2;margin-left:10px}.itd__checkmark__9437953e{align-items:center;background-color:#1d2649;border-radius:6px;display:flex;height:20px;justify-content:center;transition:background-color .25sn ease-out;width:20px}.itd__checkmark__9437953e svg{fill:#fff;visibility:hidden}.itd__check__9437953e{background-color:#3396fb}.itd__check__9437953e svg{animation:itd__bounce__9437953e .5s;visibility:visible}@keyframes itd__bounce__9437953e{0%{transform:scale(.2) rotate(4deg)}50%{transform:scale(1.2) rotate(-2deg)}75%{transform:scale(.9) rotate(1deg)}to{transform:scale(1) rotate(0deg)}}",{});const Wp=({checked:e=!1,className:t="",children:r=null})=>n.createElement("label",{className:"itd-inline-select-checkbox-label "+t+" "+Gp},n.createElement("div",{className:"itd-inline-select-checkbox-wrapper "+Vp},(()=>{let t="itd-inline-select-checkbox "+Hp;return e&&(t+=" "+Up),n.createElement("div",{className:t},n.createElement(ti,{className:"itd-svg",width:12,height:12}))})(),n.createElement("span",null,r)));var Yp="itd__option__733c7593",qp="itd__selected__733c7593",Xp="itd__single__733c7593";Ad(".itd__option__733c7593{align-items:center;cursor:pointer;display:flex;min-width:-webkit-max-content;min-width:max-content;padding:10px 30px 10px 15px}.itd__option__733c7593:not(:last-child){margin-bottom:1px}.itd__option__733c7593:hover{background-color:rgba(29,38,73,.502)}.itd__selected__733c7593 .itd__option__733c7593 span,.itd__selected__733c7593 .itd__single__733c7593{color:#fff}.itd__option__733c7593 span,.itd__single__733c7593{color:hsla(0,0%,100%,.667);font-size:12px;font-weight:400;line-height:12px;white-space:nowrap}",{});const Kp=({value:e="",checked:t=!1,single:r=!1,onChange:o=null,children:i=null})=>{const[a,s]=n.useState(!1);return n.createElement("li",{onMouseEnter:e=>{s(!0),e.stopPropagation()},onMouseLeave:e=>{s(!1),e.stopPropagation()},className:(()=>{let e="itd-inline-select-item itd-inline-select-item-option";return e+=" "+Yp,t&&(e+=" "+qp),t&&(e+=" itd-inline-select-item-option-selected"),a&&!t&&(e+=" itd-inline-select-item-option-active"),e})(),onClick:r=>{o(e,!t,i),r.stopPropagation()}},r?n.createElement("div",{className:"itd-item-single "+Xp},n.createElement("span",null,i)):n.createElement(Wp,{className:"itd-item-multi",checked:t},i))};var Jp=n.memo(Kp),Zp={menu:"itd__menu__211ba801",bodyWrapper:"itd__bodyWrapper__211ba801",bodyWrapperLong:"itd__bodyWrapperLong__211ba801",menuEnter:"itd__menuEnter__211ba801",menuEnterActive:"itd__menuEnterActive__211ba801",menuExit:"itd__menuExit__211ba801",menuExitActive:"itd__menuExitActive__211ba801",menuEnterActiveLong:"itd__menuEnterActiveLong__211ba801",menuExitActiveLong:"itd__menuExitActiveLong__211ba801",bottom:"itd__bottom__211ba801",left:"itd__left__211ba801"};function Qp(e){const t=n.useRef(null),{value:r=[],children:o=null,onChange:a=null,isOpen:s=!1,single:l=!1,minWidth:d=0}=e,[c,u]=n.useState([]);n.useEffect(()=>{u(r)},[r]);const p=(e,t,r)=>{if(l){const n=[t?e:""];u(n),a(n,r)}else{let n=[];t?n=[...c,e]:(c.splice(c.indexOf(e),1),n=[...c]),u(n),a(n,r)}};return n.createElement(i.CSSTransition,{in:s,timeout:500,classNames:{enter:Zp.menuEnter,enterActive:o.length>5?Zp.menuEnterActiveLong:Zp.menuEnterActive,exit:Zp.menuExit,exitActive:o.length>5?Zp.menuExitActiveLong:Zp.menuExitActive},nodeRef:t,unmountOnExit:!0},n.createElement("div",{className:"itd-inline-select-dropdown "+Zp.menu+" "+Zp.bottom+" "+Zp.left,style:{width:0===d?"max-content":d+"px"},ref:t},n.createElement("div",{className:Zp.spacer}),n.createElement(Sd,{className:"itd-inline-select-dropdown-body "+o.length>5?Zp.bodyWrapperLong:Zp.bodyWrapper},n.createElement("ul",null,n.Children.map(o,e=>n.cloneElement(e,{onChange:p,checked:c.indexOf(e.props.value)>-1,key:e.props.value}))))))}Ad(".itd__menu__211ba801{background-color:#050a20;border-radius:0 5px 5px 5px;box-shadow:0 20px 20px #00000040;overflow:hidden;position:absolute;transform-box:fill-box;transform-origin:50% 1%;transition-timing-function:cubic-bezier(.75,-.5,0,1.25);z-index:2}.itd__menu__211ba801 ul{min-width:-webkit-max-content;min-width:max-content}.itd__bodyWrapperLong__211ba801,.itd__bodyWrapper__211ba801{height:300px}.itd__bottom__211ba801{top:100%}.itd__left__211ba801{left:0}.itd__menuEnter__211ba801{height:50px;opacity:0}.itd__menuEnterActive__211ba801{height:300px;opacity:1;transition:height .15s ease-out}.itd__menuExit__211ba801{opacity:1}.itd__menuExitActive__211ba801{height:300px;opacity:0;transition:height .15s ease-out}.itd__menuEnterActiveLong__211ba801{height:300px;opacity:1;transition:height .15s ease-out}.itd__menuExitActiveLong__211ba801{height:300px;opacity:0;transition:height .15s ease-out}",{});const ef=l.div`
   width: max-content;
 `,tf=l.span`
 

package/dist/index.d.ts

@@ -693,7 +693,7 @@ declare const Notification: {
     useNotifications: () => NotificationContextType;
 };
 
-declare function RadioButton({ id, name, value, type, buttonProps, checked, hasError, children, icon, image, component, onChange }: RadioButtonProps$1): react_jsx_runtime.JSX.Element;
+declare function RadioButton({ id, name, value, type, buttonProps, checked, hasError, disabled, children, icon, image, component, onChange, }: RadioButtonProps$1): react_jsx_runtime.JSX.Element;
 
 declare const _default$3: react__default.NamedExoticComponent<RadioGroupProps$1 & react__default.RefAttributes<ITDImperativeFuncProps$1>>;
 
@@ -995,6 +995,7 @@ type RadioGroupProps = {
     length?: number;
     onlyFlow?: boolean;
     autoSize?: boolean;
+    disabled?: boolean;
     buttonProps?: ButtonProps;
     onChange?: (value: string) => void;
     onUpdate?: (value: string, update: boolean, validation: boolean) => void;
@@ -1008,6 +1009,7 @@ type RadioButtonProps = {
     checked?: boolean;
     hasError?: boolean;
     children?: React.ReactNode;
+    disabled?: boolean;
     buttonProps?: ButtonProps;
     icon?: string | null;
     image?: string | null;