@inntechcorp/it-design 4.0.0-beta.2 → 4.0.0-beta.5

package/dist/cjs/upload/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("react-i18next"),s=require("../button/index.js"),r=require("../image/index.js"),i=require("../modal/index.js"),l=require("../notification/index.js"),d=require("../hooks/useCoreFetch.js"),o=require("../helpers/binary/FormatBytes.js"),u=require("../helpers/checker/CheckFileURL.js"),n=require("../enums/enum.js"),c=require("../helpers/binary/GetTypeByFileType.js"),p=require("../helpers/promise/Wait.js"),f=require("../flex/index.js"),h=require("../helpers/unit/AddDefaultUnit.js"),m=require("../utils/CommonStyledComponents.js"),v=require("../utils/ErrorAnnouncement.js"),x=require("../node_modules/lucide-react/dist/esm/icons/upload.js"),j=require("../node_modules/lucide-react/dist/esm/icons/lock.js"),g=require("../node_modules/lucide-react/dist/esm/icons/trash.js"),y=require("../node_modules/lucide-react/dist/esm/icons/eye.js");const F=t.forwardRef(({id:F,variant:S=n.ComponentVariants.DEFAULT,resultFileName:N=null,action:b="",filePath:w="",binaryName:q="file",showDeleteIcon:E=!1,showPreviewIcon:k=!1,buttonsPosition:C="default",padding:D=10,fluid:M=!0,fileWidth:T="100%",fileHeight:P="auto",maxFileWidth:O="none",maxFileHeight:B="none",containerWidth:I="100%",containerHeight:U="auto",previewFileWidth:z="100%",previewFileHeight:H="100%",previewFilePadding:L="0",requestMethod:W="put",maxFileSize:_=1024,disabled:V=!1,locked:A=!1,extraFormData:R={},extraQueryString:G={},extraHeader:Q={},fileTypes:$=[n.FileTypes.JPG,n.FileTypes.PNG,n.FileTypes.SVG,n.FileTypes.PDF],removeAction:J="",removeExtraFormData:Y={},removeExtraQueryString:K={},removeExtraHeader:X={},onUpdate:Z,onUploadSuccess:ee,onUploadFailed:te,onRemoveFileSuccess:ae,onRemoveFileFailed:se},re)=>{const ie=t.useRef(null),{addNotification:le}=l.default.useNotifications(),{showModal:de}=i.default.useModal(),{fetch:oe,cancel:ue}=d.default(),{t:ne}=a.useTranslation("itd"),ce=t.useId(),pe=t.useMemo(()=>F||"itd-upload-"+ce,[F]),[fe,he]=t.useState(!1),[me,ve]=t.useState(!1),[xe,je]=t.useState(".svg, .png, .jpg"),[ge,ye]=t.useState(!1),[Fe,Se]=t.useState(!1),[Ne,be]=t.useState(!1),[we,qe]=t.useState(null),[Ee,ke]=t.useState(null),[Ce,De]=t.useState(""),[Me,Te]=t.useState(!1),[Pe,Oe]=t.useState(!1),[Be,Ie]=t.useState(null),[Ue,ze]=t.useState(!1),[He,Le]=t.useState(null);t.useEffect(()=>()=>{ue()},[]),t.useEffect(()=>{ve(V)},[V]),t.useEffect(()=>{ke(w?w.split("?")[0]:"")},[w]),t.useEffect(()=>{null!==Ee&&(void 0!==Ee?Ve():he(!1))},[Ee]),t.useEffect(()=>{let e=[];$.map(t=>{e.push(c.default(t))}),je(e.join(", "))},[$]);const We=(e,t)=>{le({title:e,description:t,placement:"topRight",autoHide:!0,delay:5e3,type:"error"})},_e=(e,t=!0,a=!0)=>{Z&&Z(e,t,a)};t.useImperativeHandle(re,()=>({setFocus(){be(!0)},reset(e=!1,t=!1){Ae(),ke(null),De(""),_e("",e,t)},setValue(e,t=!0,a=!0){ke(e),_e(e,t,a)},getValue:()=>Ee||"",setError(e){De(e)},forceUpdate(){_e(Ee||"")},clear(){ke("")}}));const Ve=async()=>{let e=!1;Ee&&(e=await u.default(Ee),qe(e),e?_e(Ee):_e("",!0,!0),fe||he(!0)),""!==Ee||fe||he(!0),""===Ee&&fe&&_e("",!0,!0)},Ae=()=>{Le(null),Ie(null),ze(!1),qe(null)},Re=async()=>{ve(!0),de({content:e.jsx("div",{children:ne("uploader.areYouSureToDeleteThisFile")}),title:ne("uploader.removeFile"),okButtonText:ne("uploader.yes"),cancelButtonText:ne("uploader.no"),okButtonProps:{variant:"statable",state:"reject"},closeOnClickOutside:!1,showCloseButton:!1,onOk:()=>(J?oe({action:J,params:Y,queries:K,headers:X,onFetched:e=>{e.data.success?(Ae(),_e("",!0,!0),ae&&ae(e.data.data)):se&&se()},onError:()=>{se&&se()}}):(Ae(),_e("",!0,!0),ae&&ae()),ve(!1),!0),onCancel:()=>(ve(!1),!0)})},Ge=e=>{e.preventDefault(),Pe||A||Se(!0)},Qe=e=>{e.preventDefault(),Pe||A||Se(!1)},$e=e=>{e.preventDefault(),Pe||A||(Se(!1),e.dataTransfer&&0!==e.dataTransfer.files.length?Ke(e.dataTransfer.files[0]):console.log(ne("uploader.browserDoesntSupportDND")))},Je=e=>{Se(!1);const t=e.target.files[0];Ke(t)},Ye=async({path:e,errorMessage:t,errorCode:a})=>{await p.default(1e3),Ie(null),Oe(!1),await p.default(1500),ze(!1),e?ee&&ee(e):t&&te&&te(t,a||0)},Ke=e=>{if(e&&(e=>!!$.includes(e.type)||(We(ne("uploader.error"),ne("uploader.fileFormatError",{fileFormat:xe})),!1))(e)&&(e=>!(e.size>1024*_&&(We(ne("uploader.error"),ne("uploader.fileSizeError",{fileSize:o.default(1024*_)})),1)))(e)){if(N){const t=c.default(e.type);e=new File([e],N+t,{type:t,lastModified:e.lastModified})}(async e=>{if(!e)return;let t=new FormData;t.append(q,e),N&&t.append("name",N),Object.keys(R).forEach(e=>{t.append(e,R[e])}),oe({action:b,requestMethod:W,params:t,queries:G,headers:Q,onFetched:e=>{e.data.success?(Le({message:ne("uploader.fileUploadSuccess"),status:"success"}),ze(!0),ke(e.data.data.url),Ye({path:e.data.data.url})):(Le({message:ne("uploader.fileUploadFailed"),status:"error"}),_e("",!0,!0),Ye({errorMessage:ne("uploader.fileUploadFailed")}))},onError:(e,t)=>{Le({message:ne("uploader.fileUploadFailed"),status:"error"}),_e("",!0,!0),Ye({errorMessage:e,errorCode:t})},onProgress:e=>{Ie({estimated:e.estimated?(Math.round(100*e.estimated)/100).toFixed(2):"0",progress:e.progress?Math.round(100*e.progress):0,bytes:e.bytes?o.default(e.bytes):"",total:e.total?o.default(e.total):""})}})})(e),Oe(!0)}},Xe=()=>{ve(!0),de({content:e.jsx("div",{className:"itd-upload-preview-content",style:{"--preview-width":h.default(z),"--preview-height":h.default(H),"--preview-padding":h.default(L)},children:e.jsx(r.default,{src:Ee||""})}),showOkButton:!1,showCancelButton:!1,contentPadding:"0px",width:"max-content",onCancel:()=>(ve(!1),!0)})},Ze=()=>{if(!A&&E&&Ee&&!Pe&&we)return e.jsx("span",{className:"delete-icon",children:e.jsx(s.default,{variant:S===n.ComponentVariants.FILLED?"solid":"outline",size:n.ButtonSizes.ICON_SM,type:"button",onClick:Re,disabled:me,className:"itd-upload-delete-button rounded-full",children:e.jsx(g.default,{strokeWidth:2})})})},et=()=>{if(!A&&k&&Ee&&!Pe&&we)return e.jsx("span",{className:"preview-icon",children:e.jsx(s.default,{variant:S===n.ComponentVariants.FILLED?"solid":"outline",size:n.ButtonSizes.ICON_SM,type:"button",onClick:Xe,disabled:me,className:"itd-upload-preview-button rounded-full",children:e.jsx(y.default,{strokeWidth:2})})})},tt=()=>{if(A)return e.jsx("span",{className:"locked-icon",children:e.jsx(s.default,{variant:S===n.ComponentVariants.FILLED?"solid":"outline",size:n.ButtonSizes.ICON_SM,type:"button",disabled:!0,className:"itd-upload-locked-button rounded-full",children:e.jsx(j.default,{size:14,strokeWidth:2})})})},at=()=>{if(""===Ce||Pe||me)return;let t={className:"itd-upload-failed itd-failed-status",onPointerOver:()=>Te(!0),onPointerOut:()=>Te(!1)};return e.jsxs("div",{...t,children:[Me?e.jsx(m.ErrorTooltip,{className:"itd-upload-error-tooltip","aria-hidden":"true",children:Ce}):null,m.ErrorSVGIcon]})},st=t.useMemo(()=>fe?null===we?e.jsx(x.default,{className:"itd-upload-icon",width:24}):e.jsx(r.default,{src:Ee||"",width:h.default(T),height:h.default(P),brokenWidth:h.default(T),brokenHeight:h.default(P)}):null,[fe,we,Ee,T,P]),rt=t.useMemo(()=>{const t=Be?Be.progress:0;return e.jsxs("div",{className:"itd-upload-status","data-active":Pe?"true":void 0,"data-status":He?.status,children:[e.jsx("div",{className:"itd-upload-status-box","data-status":He?.status,style:{"--upload-progress":`${Math.max(t,0)}%`}}),e.jsx("span",{className:"itd-upload-status-message",children:ne(Ue||He?String(He?.message):"uploader.fileUploading")}),Be?e.jsx("span",{className:"itd-upload-status-info",children:ne("uploader.info",{total:Be.total,estimated:Be.estimated})}):e.jsx("span",{className:"itd-upload-status-calculating",children:ne("uploader.calculating")})]})},[Pe,Be,He,Ue,ne]),it=()=>{let t=(ge||Fe)&&!Pe&&!me&&!A;return e.jsx("div",{"data-hover":t?"true":void 0,className:"itd-upload-overlay",children:e.jsxs("div",{"data-hover":t?"true":void 0,className:"itd-upload-overlay-content",children:[e.jsx("span",{className:"itd-upload-header",children:ne("uploader.header")}),e.jsx("span",{className:"itd-upload-hint",children:ne("uploader.hint")})]})})};return e.jsxs("div",{className:"itd-upload","data-fluid":M?"true":"false","data-disabled":me?"true":void 0,"data-locked":A?"true":void 0,children:[e.jsx("input",{type:"file",id:pe,accept:xe,onChange:Je,onFocus:e=>{e.target.matches(":focus-visible")&&be(!0)},onBlur:()=>be(!1),onPointerOver:()=>{!Fe&&ye(!0)},onPointerOut:()=>{!Fe&&ye(!1)},onDragOver:Ge,onDragLeave:Qe,onDrop:$e,disabled:Pe||me||A,ref:ie,...v.getErrorAriaProps(pe,""!==Ce&&!me)}),e.jsx("div",{"data-focus":Ne?"true":void 0,"data-error":""===Ce||me?void 0:"true",className:"itd-upload-label",children:e.jsxs("div",{"data-state":Pe?"uploading":""===Ce||me?me?"disabled":"idle":"error","data-border":!Fe&&!ge||Pe?"default":"hover","data-variant":S,"data-focus":Ne?"true":void 0,"data-disabled":V?"true":void 0,className:"itd-upload-content",style:{"--upload-padding":`${D}px`,"--file-width":h.default(T),"--file-height":h.default(P),"--max-file-width":h.default(O),"--max-file-height":h.default(B),"--container-width":h.default(I),"--container-height":h.default(U)},children:[st,rt,it(),e.jsxs("div",{className:"itd-upload-icons-wrapper","data-position":""===Ce?C:"default",children:[A?tt():e.jsxs(f.default,{vertical:!0,gap:"small",className:"itd-upload-icons",children:[Ze(),et()]}),at()]})]})}),""===Ce||Pe||me?null:e.jsx(v.ErrorAnnouncement,{id:v.getErrorId(pe),message:Ce})]})});exports.default=F;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../locale/useITDLocale.js"),r=require("../helpers/unit/cssVars.js"),i=require("../button/index.js"),s=require("../image/index.js"),l=require("../modal/index.js"),o=require("sonner"),d=require("../hooks/useCoreFetch.js"),n=require("../helpers/binary/FormatBytes.js"),u=require("../helpers/checker/CheckFileURL.js"),c=require("../enums/enum.js"),p=require("../helpers/binary/GetTypeByFileType.js"),h=require("../helpers/binary/GetExtensionByMimeType.js"),f=require("../helpers/promise/Wait.js"),m=require("../flex/index.js"),g=require("../helpers/unit/AddDefaultUnit.js"),x=require("../cropper/index.js"),j=require("../icons/FileDocument.js"),v=require("../icons/FileExcel.js"),y=require("../icons/FilePdf.js"),w=require("../utils/CommonStyledComponents.js"),F=require("../utils/ErrorAnnouncement.js"),S=require("../field/index.js"),b=require("lucide-react"),N=require("../context/FormDefaultsContext.js"),q=require("../modal/useModalContent.js");const C=t.forwardRef(({id:C,variant:E,resultFileName:D=null,action:T="",filePath:k="",binaryName:M="file",showDeleteIcon:U=!1,showPreviewIcon:L=!1,buttonsPosition:I="default",padding:O=10,fluid:P=!0,fileWidth:W="100%",fileHeight:R="auto",maxFileWidth:H="100%",maxFileHeight:B="100%",containerWidth:V="100%",containerHeight:z="auto",aspectRatio:G,previewFileWidth:$="100%",previewFileHeight:A="100%",previewFilePadding:_="0",requestMethod:Q="put",maxFileSize:J=1024,disabled:Y=!1,locked:K=!1,errorDisplay:X="tooltip",extraFormData:Z={},extraQueryString:ee={},extraHeader:te={},fileTypes:ae=[c.FileTypes.JPG,c.FileTypes.PNG,c.FileTypes.SVG,c.FileTypes.PDF],removeAction:re="",removeExtraFormData:ie={},removeExtraQueryString:se={},removeExtraHeader:le={},minImageWidth:oe,minImageHeight:de,crop:ne,onUpdate:ue,onUploadSuccess:ce,onUploadFailed:pe,onRemoveFileSuccess:he,onRemoveFileFailed:fe},me)=>{const ge=N.useDefaultVariant(E,c.ComponentVariants.DEFAULT),xe=t.useRef(null),{showModal:je,confirm:ve}=l.useModal(),{fetch:ye,cancel:we}=d.default(),{t:Fe}=a.useITDLocale(),Se=t.useId(),be=t.useMemo(()=>C||"itd-upload-"+Se,[C]),[Ne,qe]=t.useState(!1),[Ce,Ee]=t.useState(!1),[De,Te]=t.useState(".svg, .png, .jpg"),[ke,Me]=t.useState(!1),[Ue,Le]=t.useState(!1),[Ie,Oe]=t.useState(!1),[Pe,We]=t.useState(null),[Re,He]=t.useState(null),[Be,Ve]=t.useState(""),[ze,Ge]=t.useState(!1),[$e,Ae]=t.useState(!1),[_e,Qe]=t.useState(null),[Je,Ye]=t.useState(!1),[Ke,Xe]=t.useState(null),[Ze,et]=t.useState(null);t.useEffect(()=>()=>{we()},[]),t.useEffect(()=>{Ee(Y)},[Y]),t.useEffect(()=>{He(k?k.split("?")[0]:"")},[k]),t.useEffect(()=>{null!==Re&&(void 0!==Re?rt():qe(!1))},[Re]),t.useEffect(()=>{let e=[];ae.map(t=>{e.push(p.default(t))}),Te(e.join(", "))},[ae]);const tt=(e,t)=>{o.toast.error(e,{description:t,duration:5e3})},at=(e,t=!0,a=!0)=>{ue&&ue(e,t,a)};t.useImperativeHandle(me,()=>({setFocus(){Oe(!0)},reset(e=!1,t=!1){it(),He(null),Ve(""),at("",e,t)},setValue(e,t=!0,a=!0){He(e),at(e,t,a)},getValue:()=>Re||"",setError(e){Ve(e)},forceUpdate(){at(Re||"")},clear(){He("")}}));const rt=async()=>{if(Re){const e=await u.default(Re);We(e),at(Re),Ne||qe(!0)}""===Re&&We(!1),""!==Re||Ne||qe(!0),""===Re&&Ne&&at("",!0,!0)},it=()=>{Xe(null),Qe(null),Ye(!1),We(null)},st=async()=>{Ee(!0);await ve({title:Fe("uploader.removeFile"),description:Fe("uploader.areYouSureToDeleteThisFile"),okText:Fe("uploader.yes"),cancelText:Fe("uploader.no"),tone:"destructive",closeOnClickOutside:!1})&&(re?ye({action:re,params:ie,queries:se,headers:le,onFetched:e=>{e.data.success?(it(),at("",!0,!0),he&&he(e.data.data)):fe&&fe()},onError:()=>{fe&&fe()}}):(it(),at("",!0,!0),he&&he())),Ee(!1)},lt=e=>{e.preventDefault(),$e||K||Le(!0)},ot=e=>{e.preventDefault(),$e||K||Le(!1)},dt=e=>{e.preventDefault(),$e||K||(Le(!1),e.dataTransfer&&0!==e.dataTransfer.files.length?pt(e.dataTransfer.files[0]):tt(Fe("uploader.error"),Fe("uploader.browserDoesntSupportDND")))},nt=e=>{Le(!1);const t=e.target,a=t.files[0];t.value="",pt(a)},ut=async({path:e,errorMessage:t,errorCode:a})=>{await f.default(1e3),Qe(null),Ae(!1),await f.default(1500),Ye(!1),e?ce&&ce(e):t&&pe&&pe(t,a||0)},ct=async e=>{if(!e)return;let t=new FormData;t.append(M,e),D&&t.append("name",D),Object.keys(Z).forEach(e=>{t.append(e,Z[e])}),ye({action:T,requestMethod:Q,params:t,queries:ee,headers:te,onFetched:e=>{e.data.success?(Xe({message:Fe("uploader.fileUploadSuccess"),status:"success"}),Ye(!0),He(e.data.data.url),ut({path:e.data.data.url})):(Xe({message:Fe("uploader.fileUploadFailed"),status:"error"}),at("",!0,!0),ut({errorMessage:Fe("uploader.fileUploadFailed")}))},onError:(e,t)=>{Xe({message:Fe("uploader.fileUploadFailed"),status:"error"}),at("",!0,!0),ut({errorMessage:e,errorCode:t})},onProgress:e=>{Qe({estimated:e.estimated?(Math.round(100*e.estimated)/100).toFixed(2):"0",progress:e.progress?Math.round(100*e.progress):0,bytes:e.bytes?n.default(e.bytes):"",total:e.total?n.default(e.total):""})}})},pt=async e=>{if(!e)return;if(!(e=>!!ae.includes(e.type)||(tt(Fe("uploader.error"),Fe("uploader.fileFormatError",{fileFormat:De})),!1))(e))return;if(!(e=>!(e.size>1024*J&&(tt(Fe("uploader.error"),Fe("uploader.fileSizeError",{fileSize:n.default(1024*J)})),1)))(e))return;const t=await(e=>new Promise(t=>{if(!e.type.startsWith("image/")||e.type===c.FileTypes.SVG)return void t(!0);if(!oe&&!de)return void t(!0);const a=new window.Image,r=URL.createObjectURL(e);a.onload=()=>{URL.revokeObjectURL(r);const e=!oe||a.naturalWidth>=oe,i=!de||a.naturalHeight>=de;if(!e||!i){const e=oe&&de?`${oe}x${de}`:oe?`${oe}px ${Fe("uploader.width")}`:`${de}px ${Fe("uploader.height")}`,r=`${a.naturalWidth}x${a.naturalHeight}`;return tt(Fe("uploader.imageTooSmall"),Fe("uploader.imageTooSmallMessage",{required:e,actual:r})),xe.current&&(xe.current.value=""),void t(!1)}t(!0)},a.onerror=()=>{URL.revokeObjectURL(r),t(!0)},a.src=r}))(e);if(t){if(D){const t=h.default(e.type);e=new File([e],D+t,{type:e.type,lastModified:e.lastModified})}if(ne&&e.type.startsWith("image/")&&e.type!==c.FileTypes.SVG){et(e);const t=new FileReader;return t.onload=t=>{ht(t.target?.result,e)},void t.readAsDataURL(e)}ct(e),Ae(!0)}},ht=(t,a)=>{let r=null,s=null;const l=a.type===c.FileTypes.PNG?"image/png":"image/webp"===a.type?"image/webp":"image/jpeg",o=async()=>{if(!r)return;const e=await r.getCroppedFile(D||Ze?.name.split(".")[0]||"cropped");e&&(et(null),s?.(),ct(e),Ae(!0))},d=()=>{et(null),xe.current&&(xe.current.value=""),s?.()};je({title:ne?.modalTitle||Fe("uploader.cropImage"),content:e.jsx(()=>{const{hideCurrentModal:a}=q.useModalContent();return s=a||null,e.jsxs("div",{style:{width:"100%"},children:[e.jsx("div",{style:{marginBottom:"20px"},children:e.jsx(x.default,{ref:e=>{r=e},src:t,aspectRatio:ne?.aspectRatio,minWidth:ne?.minWidth,minHeight:ne?.minHeight,outputWidth:ne?.outputWidth,outputHeight:ne?.outputHeight,quality:ne?.quality||.9,outputFormat:l,showGrid:ne?.showGrid??!0,showCircle:ne?.showCircle??!1,width:"100%",height:"400px"})}),e.jsxs(m.default,{justify:"flex-end",gap:"small",children:[e.jsx(i.default,{variant:"ghost",onClick:d,children:Fe("uploader.cancel")}),e.jsx(i.default,{variant:"default",onClick:o,children:Fe("uploader.crop")})]})]})},{}),showOkButton:!1,showCancelButton:!1,closeOnClickOutside:!1,showCloseButton:!0,width:"600px",onCancel:()=>(d(),!0)})},ft=()=>{Ee(!0),je({content:e.jsx("div",{className:"itd-upload-preview-content",style:{"--preview-width":g.default($),"--preview-height":g.default(A),"--preview-padding":g.default(_)},children:e.jsx(s.default,{src:Re||""})}),showOkButton:!1,showCancelButton:!1,contentPadding:"0px",width:"max-content",onCancel:()=>(Ee(!1),!0)})},mt=()=>{if(!K&&U&&Re&&!$e)return e.jsx("span",{className:"delete-icon",children:e.jsx(i.default,{variant:ge===c.ComponentVariants.FILLED?"solid":"outline",size:c.ButtonSizes.ICON_SM,type:"button",onClick:st,disabled:Ce,className:"itd-upload-delete-button rounded-full",children:e.jsx(b.Trash,{strokeWidth:2})})})},gt=()=>{if(!K&&L&&Re&&!$e&&yt(Re))return e.jsx("span",{className:"preview-icon",children:e.jsx(i.default,{variant:ge===c.ComponentVariants.FILLED?"solid":"outline",size:c.ButtonSizes.ICON_SM,type:"button",onClick:ft,disabled:Ce,className:"itd-upload-preview-button rounded-full",children:e.jsx(b.Eye,{strokeWidth:2})})})},xt=()=>{if(K)return e.jsx("span",{className:"locked-icon",children:e.jsx(i.default,{variant:ge===c.ComponentVariants.FILLED?"solid":"outline",size:c.ButtonSizes.ICON_SM,type:"button",disabled:!0,className:"itd-upload-locked-button rounded-full",children:e.jsx(b.Lock,{size:14,strokeWidth:2})})})},jt=()=>{if(""===Be||$e||Ce)return;if("tooltip"!==X)return;let t={className:"itd-upload-failed itd-failed-status",onPointerOver:()=>Ge(!0),onPointerOut:()=>Ge(!1)};return e.jsxs("div",{...t,children:[ze?e.jsx(w.ErrorTooltip,{className:"itd-upload-error-tooltip","aria-hidden":"true",children:Be}):null,w.ErrorSVGIcon]})},vt=e=>e&&e.toLowerCase().split(".").pop()||"",yt=e=>{if(!e)return!1;return["svg","png","jpg","jpeg","gif","webp"].includes(vt(e))},wt=t.useMemo(()=>Ne?null===Pe?e.jsx(b.Upload,{className:"itd-upload-icon",width:24}):Re?Re&&!yt(Re)?(t=>{switch(vt(t)){case"xlsx":case"xls":return e.jsx(v.default,{width:40,height:40});case"pdf":return e.jsx(y.default,{width:40,height:40});default:return e.jsx(j.default,{width:40,height:40})}})(Re):e.jsx(s.default,{src:Re||"",width:g.default(W),height:g.default(R),brokenWidth:g.default(W),brokenHeight:g.default(R)}):e.jsx(b.Upload,{className:"itd-upload-icon",width:24}):null,[Ne,Pe,Re,W,R]),Ft=t.useMemo(()=>{const t=_e?_e.progress:0;return e.jsxs("div",{className:"itd-upload-status","data-active":$e?"true":void 0,"data-status":Ke?.status,children:[e.jsx("div",{className:"itd-upload-status-box","data-status":Ke?.status,style:{"--upload-progress":`${Math.max(t,0)}%`}}),e.jsx("span",{className:"itd-upload-status-message",children:Fe(Je||Ke?String(Ke?.message):"uploader.fileUploading")}),_e?e.jsx("span",{className:"itd-upload-status-info",children:Fe("uploader.info",{total:_e.total,estimated:_e.estimated})}):e.jsx("span",{className:"itd-upload-status-calculating",children:Fe("uploader.calculating")})]})},[$e,_e,Ke,Je,Fe]),St=()=>{let t=(ke||Ue)&&!$e&&!Ce&&!K;return e.jsx("div",{"data-hover":t?"true":void 0,className:"itd-upload-overlay",children:e.jsxs("div",{"data-hover":t?"true":void 0,className:"itd-upload-overlay-content",children:[e.jsx("span",{className:"itd-upload-header",children:Fe("uploader.header")}),e.jsx("span",{className:"itd-upload-hint",children:Fe("uploader.hint")})]})})},bt=()=>e.jsxs("div",{className:"itd-upload","data-fluid":P?"true":"false","data-disabled":Ce?"true":void 0,"data-locked":K?"true":void 0,children:[e.jsx("input",{type:"file",id:be,accept:De,onChange:nt,onFocus:e=>{e.target.matches(":focus-visible")&&Oe(!0)},onBlur:()=>Oe(!1),onPointerOver:()=>{!Ue&&Me(!0)},onPointerOut:()=>{!Ue&&Me(!1)},onDragOver:lt,onDragLeave:ot,onDrop:dt,disabled:$e||Ce||K,ref:xe,...F.getErrorAriaProps(be,""!==Be&&!Ce)}),e.jsx("div",{"data-focus":Ie?"true":void 0,"data-error":""===Be||Ce?void 0:"true",className:"itd-upload-label",children:e.jsxs("div",{"data-state":$e?"uploading":""===Be||Ce?Ce?"disabled":"idle":"error","data-border":!Ue&&!ke||$e?"default":"hover","data-variant":ge,"data-focus":Ie?"true":void 0,"data-disabled":Y?"true":void 0,"data-ratio":null!=G?"true":void 0,className:"itd-upload-content",style:r.default({"--upload-padding":"number"==typeof O?O+"px":O,"--file-width":W,"--file-height":R,"--max-file-width":H,"--max-file-height":B,"--container-width":V,"--container-height":z,"--container-ratio":null!=G?String(G):void 0}),children:[wt,Ft,St(),e.jsxs("div",{className:"itd-upload-icons-wrapper","data-position":""===Be?I:"default",children:[K?xt():e.jsxs(m.default,{vertical:!0,gap:"small",className:"itd-upload-icons",children:[mt(),gt()]}),jt()]})]})}),""===Be||$e||Ce||"tooltip"!==X?null:e.jsx(F.ErrorAnnouncement,{id:F.getErrorId(be),message:Be})]}),Nt="inline"!==X||""===Be||$e||Ce?null:e.jsx(S.FieldError,{id:F.getErrorId(be),className:"itd-upload-field-error",children:Be});return"inline"===X?e.jsxs("div",{className:"itd-field-with-error",children:[bt(),Nt]}):bt()});C.displayName="Upload",exports.default=C;

package/dist/cjs/utils/GetSizeBySizeSlug.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../enums/enum.js");exports.default=function(n){return n===e.ComponentSizesSlug.X_SMALL?e.ComponentSizes.X_SMALL:n===e.ComponentSizesSlug.SMALL?e.ComponentSizes.SMALL:n===e.ComponentSizesSlug.MEDIUM?e.ComponentSizes.MEDIUM:n===e.ComponentSizesSlug.DEFAULT?e.ComponentSizes.DEFAULT:n===e.ComponentSizesSlug.LARGE?e.ComponentSizes.LARGE:n===e.ComponentSizesSlug.X_LARGE?e.ComponentSizes.X_LARGE:e.ComponentSizes.DEFAULT};

package/dist/cjs/utils/InlineSVGCached.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");const r=new Map;var s=t.memo(({src:s,className:a,style:n,title:l,role:o,onLoaded:i,onError:c})=>{const u=t.useRef(null);return t.useEffect(()=>{const e=u.current;if(!e)return;let t=!1;const a=r=>{if(t)return;e.__itdLastSvg!==r?(e.innerHTML=r,e.__itdLastSvg=r,i&&i()):i&&i()};try{if(s.trim().startsWith("<svg"))return a(s),()=>{t=!0};if(r.has(s))return a(r.get(s)),()=>{t=!0};const e=new AbortController;return fetch(s,{signal:e.signal}).then(async e=>{if(!e.ok)throw new Error(`SVG load failed: ${e.status}`);return e.text()}).then(e=>{r.set(s,e),a(e)}).catch(e=>{t||c&&c(e)}),()=>{t=!0,e.abort()}}catch(e){c&&c(e)}return()=>{t=!0}},[s]),e.jsx("span",{ref:u,className:a,style:n,title:l,role:o,"aria-hidden":!l||void 0})},(e,t)=>e.src===t.src&&e.className===t.className&&e.title===t.title&&e.role===t.role&&e.style===t.style);exports.default=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");const t=new Map,s=e=>{if("undefined"==typeof DOMParser)return e;const r=(new DOMParser).parseFromString(e,"image/svg+xml").querySelector("svg");return r?(r.querySelectorAll("script").forEach(e=>e.remove()),r.querySelectorAll("*").forEach(e=>{Array.from(e.attributes).forEach(r=>{const t=r.name.toLowerCase(),s=r.value.replace(/\s/g,"").toLowerCase();t.startsWith("on")?e.removeAttribute(r.name):"href"!==t&&"xlink:href"!==t||!s.startsWith("javascript:")||e.removeAttribute(r.name)})}),r.outerHTML):""};var a=r.memo(({src:a,className:o,style:n,title:l,role:c,onLoaded:i,onError:u})=>{const f=r.useRef(null);return r.useEffect(()=>{const e=f.current;if(!e)return;let r=!1;const o=t=>{if(r)return;const s=e;s.__itdLastSvg!==t?(e.innerHTML=t,s.__itdLastSvg=t,i&&i()):i&&i()};try{if(a.trim().startsWith("<svg"))return o(s(a)),()=>{r=!0};if(t.has(a))return o(t.get(a)),()=>{r=!0};const e=new AbortController;return fetch(a,{signal:e.signal}).then(async e=>{if(!e.ok)throw new Error(`SVG load failed: ${e.status}`);return e.text()}).then(e=>{const r=s(e);t.set(a,r),o(r)}).catch(e=>{r||u&&u(e)}),()=>{r=!0,e.abort()}}catch(e){u&&u(e)}return()=>{r=!0}},[a]),e.jsx("span",{ref:f,className:o,style:n,title:l,role:c,"aria-hidden":!l||void 0})},(e,r)=>e.src===r.src&&e.className===r.className&&e.title===r.title&&e.role===r.role&&e.style===r.style);exports.default=a;

package/dist/cjs/utils/cn.js

@@ -1 +1 @@
-"use strict";var e=require("../node_modules/clsx/dist/clsx.js"),s=require("../node_modules/tailwind-merge/dist/bundle-mjs.js");exports.cn=function(...r){return s.twMerge(e.clsx(r))};
+"use strict";var e=require("clsx"),r=require("tailwind-merge");exports.cn=function(...t){return r.twMerge(e.clsx(t))};

package/dist/cjs/utils/focusModality.js

@@ -0,0 +1 @@
+"use strict";var e=require("../hooks/useRealm.js");const t=new WeakMap;exports.initFocusModality=a=>{const{doc:s}=e.realmOf(a);if(!s||t.has(s))return;const n={tab:!1,anyKey:!1};t.set(s,n),s.addEventListener("keydown",e=>{n.anyKey=!0,"Tab"===e.key&&(n.tab=!0)},{capture:!0});const r=()=>{n.tab=!1,n.anyKey=!1};s.addEventListener("pointerdown",r,{capture:!0,passive:!0}),s.addEventListener("mousedown",r,{passive:!0}),s.addEventListener("touchstart",r,{passive:!0}),s.addEventListener("pointermove",()=>{n.anyKey=!1},{capture:!0,passive:!0})},exports.wasLastInputKeyboard=(a,s)=>{const{doc:n}=e.realmOf(a),r=n&&t.get(n);return!!r&&(s?.anyKey?r.anyKey:r.tab)};

package/dist/css/accordion.css

@@ -0,0 +1,13 @@
+@layer components{.itd-accordion-menu{--itd-accordion-bg:#fff;--itd-accordion-ink:#071437;--itd-accordion-row:#f9f9f9;--itd-accordion-hover:#f1f1f4;--itd-accordion-active-bg:#e9f3ff;--itd-accordion-active-ink:#1b84ff;background-color:var(--itd-accordion-bg);border:1px solid var(--itd-accordion-hover);border-radius:var(--itd-radius-sm);display:flex;flex-direction:column;font-size:var(--itd-text-sm);line-height:14px;overflow:hidden}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-accordion-menu{--itd-accordion-bg:oklch(1 0 0);--itd-accordion-ink:oklch(0.205 0.071 265);--itd-accordion-row:oklch(0.982 0 0);--itd-accordion-hover:oklch(0.959 0.004 286.3);--itd-accordion-active-bg:oklch(0.96 0.019 252.9)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-accordion-menu{--itd-accordion-active-ink:color(display-p3 0.24713 0.50994 0.9677)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-accordion-menu{--itd-accordion-active-ink:oklch(0.626 0.204 256.4)}
+}.itd-accordion-menu-header{align-items:center;cursor:pointer;display:flex;height:var(--itd-accordion-header-height);justify-content:flex-start;padding:0 20px 0 0}.itd-accordion-menu-header span{-webkit-user-select:none;user-select:none}.itd-accordion-menu-header-icon{align-items:center;display:flex;font-size:var(--itd-accordion-icon-size);height:var(--itd-accordion-icon-size);width:var(--itd-accordion-icon-size)}.itd-accordion-menu-collapse{list-style-type:none;margin:0;overflow:hidden;padding:0;transition:max-height .25s ease-out}.itd-accordion-menu-header-arrow-icon{margin-left:auto;transform:rotate(0deg);transition:transform .25s ease-out}.itd-accordion-menu-header-arrow-icon,.itd-accordion-menu-header-arrow-icon svg{height:var(--itd-accordion-arrow-height);width:var(--itd-accordion-arrow-width)}.itd-accordion-menu-header-arrow-icon[data-open]{transform:rotate(-180deg)}.itd-accordion-menu-header-arrow-icon[data-single]{transform:rotate(-90deg)}.itd-accordion-menu-content{align-items:center;display:flex;height:var(--itd-accordion-item-height);margin-bottom:1px;overflow:hidden;padding:0 20px 0 30px}.itd-accordion-menu-content span{-webkit-user-select:none;user-select:none}.itd-accordion-menu-content-header-arrow-icon{margin-left:auto;transform:rotate(-90deg)}.itd-accordion-menu-sub-menu:not(:last-child) .itd-accordion-menu-header{margin-bottom:1px}.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single .itd-accordion-menu-header svg.itd-accordion-menu-header-arrow-icon.itd-svg svg{transform:rotate(-90deg)}.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple.itd-accordion-menu-sub-menu-open .itd-accordion-menu-header{background-color:var(--itd-accordion-hover)}.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple.itd-accordion-menu-sub-menu-open .itd-accordion-menu-header svg.itd-accordion-menu-header-arrow-icon.itd-svg svg{transform:rotate(-180deg)}:is(.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single,.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple) .itd-accordion-menu-header{background-color:var(--itd-accordion-row);text-decoration:none;transition:background-color .25s ease-out}:is(:is(.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single,.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple) .itd-accordion-menu-header) span.itd-accordion-menu-header-text{color:var(--itd-accordion-ink);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);transition:color .25s ease-out}:is(:is(.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single,.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple) .itd-accordion-menu-header) .itd-icon{color:var(--itd-accordion-ink);margin-right:8px;transition:color .25s ease-out}:is(:is(.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single,.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple) .itd-accordion-menu-header) svg.itd-accordion-menu-header-arrow-icon.itd-svg svg{fill:var(--itd-accordion-ink);transition:fill .25s ease-out}:is(:is(.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single,.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple) .itd-accordion-menu-header):hover:where(:root:not(.itd-touch) *){background-color:var(--itd-accordion-hover)}:is(:is(.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single,.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple) .itd-accordion-menu-header):hover:where(:root:not(.itd-touch) *) span.itd-accordion-menu-header-text{color:var(--itd-accordion-ink)}:is(:is(.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single,.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple) .itd-accordion-menu-header):hover:where(:root:not(.itd-touch) *) .itd-icon{color:var(--itd-accordion-ink)}:is(:is(.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single,.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple) .itd-accordion-menu-header):hover:where(:root:not(.itd-touch) *) svg.itd-accordion-menu-header-arrow-icon.itd-svg svg{fill:var(--itd-accordion-ink)}:is(:is(:is(.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single,.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple) ul.itd-accordion-menu-collapse) li.itd-accordion-menu-content-item) .itd-accordion-menu-content{background-color:oklch(from var(--itd-accordion-row) l c h/.314);transition:background-color .25s ease-out}:is(:is(:is(:is(.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single,.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple) ul.itd-accordion-menu-collapse) li.itd-accordion-menu-content-item) .itd-accordion-menu-content) span.itd-accordion-menu-content-header-text{color:var(--itd-accordion-ink);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);transition:color .25s ease-out}:is(:is(:is(:is(.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single,.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple) ul.itd-accordion-menu-collapse) li.itd-accordion-menu-content-item) .itd-accordion-menu-content) .itd-svg svg{fill:var(--itd-accordion-ink);transition:fill .25s ease-out}:is(:is(:is(:is(.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single,.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple) ul.itd-accordion-menu-collapse) li.itd-accordion-menu-content-item) .itd-accordion-menu-content):hover:where(:root:not(.itd-touch) *){background-color:var(--itd-accordion-hover)}.itd-accordion-menu-sub-menu-active:is(.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single,.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple) .itd-accordion-menu-header{background-color:var(--itd-accordion-ink);transition-duration:0ms}:is(.itd-accordion-menu-sub-menu-active:is(.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single,.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple) .itd-accordion-menu-header) .itd-icon,:is(.itd-accordion-menu-sub-menu-active:is(.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single,.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple) .itd-accordion-menu-header) span.itd-accordion-menu-header-text{color:var(--itd-accordion-bg)}:is(.itd-accordion-menu-sub-menu-active:is(.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single,.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple) .itd-accordion-menu-header) .itd-svg svg{fill:var(--itd-accordion-bg)}.active:is(:is(.itd-accordion-menu-sub-menu-active:is(.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single,.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple) ul.itd-accordion-menu-collapse li.itd-accordion-menu-content-item) .itd-accordion-menu-content){background-color:var(--itd-accordion-active-bg)}.active:is(:is(.itd-accordion-menu-sub-menu-active:is(.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single,.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple) ul.itd-accordion-menu-collapse li.itd-accordion-menu-content-item) .itd-accordion-menu-content) span.itd-accordion-menu-content-header-text{color:var(--itd-accordion-active-ink)}.active:is(:is(.itd-accordion-menu-sub-menu-active:is(.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-single,.itd-accordion-menu-sub-menu.itd-accordion-menu-sub-menu-multiple) ul.itd-accordion-menu-collapse li.itd-accordion-menu-content-item) .itd-accordion-menu-content) .itd-svg svg{fill:var(--itd-accordion-active-ink)}}

package/dist/css/alert.css

@@ -1,122 +1 @@
-/* ================================= */
-/* ALERT COMPONENT STYLES            */
-/* ================================= */
-@layer components {
-
-  /* ===== BASE ===== */
-  .itd-alert {
-    row-gap: calc(var(--itd-spacing) * 0.5);
-
-    &:has(> svg) {
-      grid-template-columns: calc(var(--itd-spacing) * 4) 1fr;
-      column-gap: calc(var(--itd-spacing) * 3);
-    }
-
-    &:not(:has(> svg)) {
-      grid-template-columns: 0 1fr;
-      column-gap: 0;
-    }
-
-    & > svg {
-      width: calc(var(--itd-spacing) * 4);
-      height: calc(var(--itd-spacing) * 4);
-      --itd-translate-y: calc(var(--itd-spacing) * 0.5);
-      translate: var(--itd-translate-x) var(--itd-translate-y);
-    }
-  }
-
-  .itd-alert .itd-alert-title {
-    color: var(--itd-color-text);
-  }
-
-  .itd-alert .itd-alert-description {
-    color: var(--itd-color-text-muted);
-  }
-
-  /* ===== NEUTRAL ===== */
-  .itd-alert.itd-alert-neutral.itd-alert-default {
-    background: var(--itd-card);
-    border: 1px solid var(--itd-color-border);
-  }
-
-  .itd-alert.itd-alert-neutral.itd-alert-filled {
-    background: var(--itd-color-background-alt);
-    border: 1px solid transparent;
-  }
-
-  .itd-alert.itd-alert-neutral.itd-alert-default,
-  .itd-alert.itd-alert-neutral.itd-alert-filled {
-    & .itd-alert-title { color: var(--itd-color-text); }
-    & .itd-alert-description { color: var(--itd-color-text-muted); }
-    & svg { color: var(--itd-color-text); }
-  }
-
-  /* ===== SUCCESS ===== */
-  .itd-alert.itd-alert-success.itd-alert-default {
-    border: 1px solid var(--itd-color-alert-success-border);
-  }
-
-  .itd-alert.itd-alert-success.itd-alert-filled {
-    border: 1px solid transparent;
-  }
-
-  .itd-alert.itd-alert-success.itd-alert-default,
-  .itd-alert.itd-alert-success.itd-alert-filled {
-    background: var(--itd-color-alert-success-background);
-    & .itd-alert-title { color: var(--itd-color-alert-success-title); }
-    & .itd-alert-description { color: var(--itd-color-alert-success-text); }
-    & svg { color: var(--itd-color-alert-success-title); }
-  }
-
-  /* ===== INFO ===== */
-  .itd-alert.itd-alert-info.itd-alert-default {
-    border: 1px solid var(--itd-color-alert-info-border);
-  }
-
-  .itd-alert.itd-alert-info.itd-alert-filled {
-    border: 1px solid transparent;
-  }
-
-  .itd-alert.itd-alert-info.itd-alert-default,
-  .itd-alert.itd-alert-info.itd-alert-filled {
-    background: var(--itd-color-alert-info-background);
-    & .itd-alert-title { color: var(--itd-color-alert-info-title); }
-    & .itd-alert-description { color: var(--itd-color-alert-info-text); }
-    & svg { color: var(--itd-color-alert-info-title); }
-  }
-
-  /* ===== WARNING ===== */
-  .itd-alert.itd-alert-warning.itd-alert-default {
-    border: 1px solid var(--itd-color-alert-warning-border);
-  }
-
-  .itd-alert.itd-alert-warning.itd-alert-filled {
-    border: 1px solid transparent;
-  }
-
-  .itd-alert.itd-alert-warning.itd-alert-default,
-  .itd-alert.itd-alert-warning.itd-alert-filled {
-    background: var(--itd-color-alert-warning-background);
-    & .itd-alert-title { color: var(--itd-color-alert-warning-title); }
-    & .itd-alert-description { color: var(--itd-color-alert-warning-text); }
-    & svg { color: var(--itd-color-alert-warning-title); }
-  }
-
-  /* ===== ERROR ===== */
-  .itd-alert.itd-alert-error.itd-alert-default {
-    border: 1px solid var(--itd-color-alert-error-border);
-  }
-
-  .itd-alert.itd-alert-error.itd-alert-filled {
-    border: 1px solid transparent;
-  }
-
-  .itd-alert.itd-alert-error.itd-alert-default,
-  .itd-alert.itd-alert-error.itd-alert-filled {
-    background: var(--itd-color-alert-error-background);
-    & .itd-alert-title { color: var(--itd-color-alert-error-title); }
-    & .itd-alert-description { color: var(--itd-color-alert-error-text); }
-    & svg { color: var(--itd-color-alert-error-title); }
-  }
-
-}
+@layer components{.itd-alert{align-items:flex-start;border-radius:var(--itd-border-radius);display:grid;font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height);padding-block:calc(var(--itd-spacing)*3);padding-inline:calc(var(--itd-spacing)*4);position:relative;row-gap:calc(var(--itd-spacing)*.5);width:100%}.itd-alert:has(>svg){column-gap:calc(var(--itd-spacing)*3);grid-template-columns:calc(var(--itd-spacing)*4) 1fr}.itd-alert:not(:has(>svg)){column-gap:0;grid-template-columns:0 1fr}.itd-alert>svg{--itd-translate-y:calc(var(--itd-spacing)*0.5);height:calc(var(--itd-spacing)*4);translate:var(--itd-translate-x) var(--itd-translate-y);width:calc(var(--itd-spacing)*4)}.itd-alert-title{-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;--itd-tracking:var(--itd-tracking-tight);display:-webkit-box;font-weight:var(--itd-font-weight-medium);grid-column-start:2;letter-spacing:var(--itd-tracking-tight);min-height:calc(var(--itd-spacing)*4);overflow:hidden}.itd-alert-description{display:grid;font-size:var(--itd-text-sm);gap:calc(var(--itd-spacing)*1);grid-column-start:2;line-height:var(--itd-text-sm--line-height)}.itd-alert .itd-alert-title{color:var(--itd-color-text)}.itd-alert .itd-alert-description{color:var(--itd-color-text-muted)}.itd-alert.itd-alert-neutral.itd-alert-default{background:var(--itd-color-alert-neutral-background,var(--itd-card));border:1px solid var(--itd-color-border)}.itd-alert.itd-alert-neutral.itd-alert-filled{background:var(--itd-color-alert-neutral-background,var(--itd-color-background-alt));border:1px solid #0000}:is(.itd-alert.itd-alert-neutral.itd-alert-default,.itd-alert.itd-alert-neutral.itd-alert-filled) .itd-alert-title{color:var(--itd-color-text)}:is(.itd-alert.itd-alert-neutral.itd-alert-default,.itd-alert.itd-alert-neutral.itd-alert-filled) .itd-alert-description{color:var(--itd-color-text-muted)}:is(.itd-alert.itd-alert-neutral.itd-alert-default,.itd-alert.itd-alert-neutral.itd-alert-filled) svg{color:var(--itd-color-text)}.itd-alert.itd-alert-success.itd-alert-default{border:1px solid var(--itd-color-alert-success-border)}.itd-alert.itd-alert-success.itd-alert-filled{border:1px solid #0000}.itd-alert.itd-alert-success.itd-alert-default,.itd-alert.itd-alert-success.itd-alert-filled{background:var(--itd-color-alert-success-background)}:is(.itd-alert.itd-alert-success.itd-alert-default,.itd-alert.itd-alert-success.itd-alert-filled) .itd-alert-title{color:var(--itd-color-alert-success-title)}:is(.itd-alert.itd-alert-success.itd-alert-default,.itd-alert.itd-alert-success.itd-alert-filled) .itd-alert-description{color:var(--itd-color-alert-success-text)}:is(.itd-alert.itd-alert-success.itd-alert-default,.itd-alert.itd-alert-success.itd-alert-filled) svg{color:var(--itd-color-alert-success-title)}.itd-alert.itd-alert-info.itd-alert-default{border:1px solid var(--itd-color-alert-info-border)}.itd-alert.itd-alert-info.itd-alert-filled{border:1px solid #0000}.itd-alert.itd-alert-info.itd-alert-default,.itd-alert.itd-alert-info.itd-alert-filled{background:var(--itd-color-alert-info-background)}:is(.itd-alert.itd-alert-info.itd-alert-default,.itd-alert.itd-alert-info.itd-alert-filled) .itd-alert-title{color:var(--itd-color-alert-info-title)}:is(.itd-alert.itd-alert-info.itd-alert-default,.itd-alert.itd-alert-info.itd-alert-filled) .itd-alert-description{color:var(--itd-color-alert-info-text)}:is(.itd-alert.itd-alert-info.itd-alert-default,.itd-alert.itd-alert-info.itd-alert-filled) svg{color:var(--itd-color-alert-info-title)}.itd-alert.itd-alert-warning.itd-alert-default{border:1px solid var(--itd-color-alert-warning-border)}.itd-alert.itd-alert-warning.itd-alert-filled{border:1px solid #0000}.itd-alert.itd-alert-warning.itd-alert-default,.itd-alert.itd-alert-warning.itd-alert-filled{background:var(--itd-color-alert-warning-background)}:is(.itd-alert.itd-alert-warning.itd-alert-default,.itd-alert.itd-alert-warning.itd-alert-filled) .itd-alert-title{color:var(--itd-color-alert-warning-title)}:is(.itd-alert.itd-alert-warning.itd-alert-default,.itd-alert.itd-alert-warning.itd-alert-filled) .itd-alert-description{color:var(--itd-color-alert-warning-text)}:is(.itd-alert.itd-alert-warning.itd-alert-default,.itd-alert.itd-alert-warning.itd-alert-filled) svg{color:var(--itd-color-alert-warning-title)}.itd-alert.itd-alert-error.itd-alert-default{border:1px solid var(--itd-color-alert-error-border)}.itd-alert.itd-alert-error.itd-alert-filled{border:1px solid #0000}.itd-alert.itd-alert-error.itd-alert-default,.itd-alert.itd-alert-error.itd-alert-filled{background:var(--itd-color-alert-error-background)}:is(.itd-alert.itd-alert-error.itd-alert-default,.itd-alert.itd-alert-error.itd-alert-filled) .itd-alert-title{color:var(--itd-color-alert-error-title)}:is(.itd-alert.itd-alert-error.itd-alert-default,.itd-alert.itd-alert-error.itd-alert-filled) .itd-alert-description{color:var(--itd-color-alert-error-text)}:is(.itd-alert.itd-alert-error.itd-alert-default,.itd-alert.itd-alert-error.itd-alert-filled) svg{color:var(--itd-color-alert-error-title)}}

package/dist/css/alink.css

@@ -0,0 +1 @@
+@layer components{.itd-alink{text-decoration:none}}

package/dist/css/amount.css

@@ -0,0 +1 @@
+@layer components{.itd-amount{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--itd-font-weight-medium,500);letter-spacing:-.03125rem}.itd-amount-masked{letter-spacing:.08em}}

package/dist/css/announcement-bar.css

@@ -0,0 +1 @@
+@layer components{.itd-announcement-bar{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-touch-callout:none;align-items:center;background-color:oklch(from var(--itd-background) calc(l + .15) c h);display:flex;filter:drop-shadow(0 0 10px oklch(0 0 0/calc((1 - var(--itd-announcement-scroll-progress, 0))*.25)));height:2.125rem;justify-content:flex-start;left:0;overflow:hidden;position:fixed;top:0;touch-action:pan-x;transform:translateY(var(--itd-announcement-scroll-offset,0));-webkit-user-select:none;user-select:none;width:100%;will-change:transform;z-index:11}[data-theme=light] .itd-announcement-bar{background-color:oklch(from var(--itd-background) .88 c h);filter:none}[data-itd-elevation=raised] .itd-announcement-bar{background-color:oklch(from var(--itd-background) .94 c h)}.itd-announcement-bar[data-accent=true],[data-theme=light] .itd-announcement-bar[data-accent=true]{background-color:var(--itd-primary)}.itd-announcement-bar[data-accent=true] .itd-announcement-bar-text{color:var(--itd-primary-foreground)}.itd-announcement-bar[data-accent=true] .itd-announcement-bar-close .itd-button{background:#0000}.itd-announcement-bar[data-accent=true] .itd-announcement-bar-close .itd-button svg{stroke:var(--itd-primary-foreground);color:var(--itd-primary-foreground)}.itd-announcement-bar[data-accent=true] .itd-announcement-bar-close .itd-button:hover:where(:root:not(.itd-touch) *){background:color-mix(in srgb,var(--itd-primary-foreground) 20%,#0000)}.itd-announcement-bar-text{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;color:var(--itd-color-text-neutral);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-normal);line-height:1.1;-webkit-user-select:none;user-select:none;will-change:transform}.itd-announcement-bar-text a{text-decoration-line:underline;text-underline-offset:4px}.itd-announcement-bar[data-sliding=false] .itd-announcement-bar-text{left:0;margin-inline:auto;position:relative;text-align:center;white-space:normal;width:80%}.itd-announcement-bar[data-sliding=true] .itd-announcement-bar-text{animation:itd-announcement-slide var(--_itd-announcement-duration,30s) linear infinite;left:100%;position:absolute;text-align:left;white-space:nowrap;width:auto}.itd-announcement-bar[data-sliding=true][data-paused=true] .itd-announcement-bar-text{animation-play-state:paused}@keyframes itd-announcement-slide{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - 100vw))}}.itd-mobile .itd-announcement-bar-text{font-size:var(--itd-text-13)}@media (orientation:portrait){.itd-mobile .itd-announcement-bar[data-sliding=true] .itd-announcement-bar-text{font-size:var(--itd-text-xs)}.itd-mobile .itd-announcement-bar[data-sliding=false] .itd-announcement-bar-text{font-size:var(--itd-text-11)}}.itd-announcement-bar-close{-webkit-touch-callout:none;display:inline-flex;pointer-events:auto;position:absolute;right:.5rem;top:50%;touch-action:auto;transform:translateY(-50%);-webkit-user-select:none;user-select:none;z-index:5}.itd-announcement-bar-close .itd-button{padding:0}.itd-announcement-bar-close .itd-button svg{pointer-events:none}}

package/dist/css/auth-page.css

@@ -0,0 +1,3 @@
+@layer components{.itd-auth-page{align-items:center;background-color:var(--itd-background);display:flex;flex-direction:column;justify-content:center;min-height:100dvh;padding:var(--itd-auth-page-pad,calc(var(--itd-spacing)*12.5));width:100%}.itd-auth-page.itd-auth-page-mobile{--itd-auth-page-card-pad:calc(var(--itd-spacing)*5);padding:var(--itd-auth-page-pad,calc(var(--itd-spacing)*2.5))}.itd-auth-page-logo{display:flex;justify-content:center;padding-block-end:calc(var(--itd-spacing)*6)}.itd-auth-page-mobile .itd-auth-page-logo{padding-block-start:calc(var(--itd-spacing)*5)}.itd-auth-page-body{align-items:center;display:flex;flex:1 auto;flex-direction:column;justify-content:center;min-width:0;width:100%}.itd-auth-page-column{max-width:calc(var(--itd-auth-page-w, 23.125rem) + var(--itd-auth-page-card-pad, 2rem)*2);width:100%}.itd-auth-page-card{padding:var(--itd-auth-page-card-pad,2rem)}.itd-auth-page-result{width:100%}[data-itd-elevation=raised] .itd-auth-page{background-color:oklch(from var(--itd-background) calc(l - .025) c h)}[data-itd-elevation=raised] .itd-auth-page-column.itd-card{background-color:var(--itd-background)}[data-itd-elevation=raised] .itd-auth-page-column.itd-card>*{--itd-color-background-input:var(--itd-card);--itd-input-addon-bg:var(--itd-color-background-alt-hover)}.itd-auth-page-title{display:grid;gap:calc(var(--itd-spacing)*2);margin-block-start:1rem;text-align:center}.itd-auth-page-title h1{color:var(--itd-auth-page-title-ink,var(--itd-primary));font-size:var(--itd-text-22);font-weight:var(--itd-font-weight-bold);line-height:1.2}.itd-auth-page-title span{color:var(--itd-color-text-muted);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);line-height:var(--itd-text-13--line-height)}.itd-auth-page-separator{border-bottom:1px dashed var(--itd-auth-page-rule,var(--itd-color-border));height:1px;margin-block:calc(var(--itd-spacing)*6);width:100%}.itd-auth-page-column .itd-alert{margin-block-end:1.5rem}.itd-auth-page-rules{color:var(--itd-color-text-muted);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-medium);line-height:1.2;margin-block:calc(var(--itd-spacing)*2.5) 1rem}.itd-auth-page-column .itd-form-control{margin-block-start:calc(var(--itd-spacing)*2.5)}.itd-auth-page-help{margin-block-start:calc(var(--itd-spacing)*10)}.itd-auth-page-footer{align-items:center;display:grid;gap:calc(var(--itd-spacing)*2.5);grid-template-columns:9.375rem 1fr;margin-block-start:calc(var(--itd-spacing)*6);margin-inline:auto;max-width:var(
+      --itd-auth-page-footer-w,calc(var(--itd-auth-page-w, 23.125rem) + var(--itd-auth-page-card-pad, 2rem)*2)
+    );width:100%}.itd-auth-page-mobile .itd-auth-page-footer{grid-template-columns:none;grid-template-rows:1fr 1fr;justify-content:center}.itd-auth-page-copyright{align-items:center;color:var(--itd-color-text-muted);display:flex;justify-content:flex-end}.itd-auth-page-copyright,.itd-auth-page-copyright a{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-medium)}.itd-auth-page-copyright a{color:var(--itd-color-text);margin-inline-start:calc(var(--itd-spacing)*1.25);transition:color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-auth-page-copyright a:hover:where(:root:not(.itd-touch) *){color:var(--itd-primary)}.itd-auth-page-mobile .itd-auth-page-copyright{justify-content:center}@media (max-width:48rem){.itd-auth-page{--itd-auth-page-card-pad:calc(var(--itd-spacing)*5);padding:var(--itd-auth-page-pad,calc(var(--itd-spacing)*2.5))}.itd-auth-page .itd-auth-page-logo{padding-block-start:calc(var(--itd-spacing)*5)}.itd-auth-page-footer{grid-template-columns:none;grid-template-rows:1fr 1fr}.itd-auth-page-copyright,.itd-auth-page-footer{justify-content:center}}.itd-auth-page-result[data-state=error] .itd-result-title{color:var(--itd-auth-page-error-ink,var(--itd-color-error))}.itd-auth-page-result[data-state=expired] .itd-result-title{color:var(--itd-auth-page-expired-ink,var(--itd-color-alert-warning-title))}}

package/dist/css/avatar.css

@@ -0,0 +1 @@
+@layer components{.itd-avatar{border-radius:50%;display:inline-flex;flex:none;height:var(--itd-avatar-size,2.5rem);overflow:hidden;position:relative;vertical-align:middle;width:var(--itd-avatar-size,2.5rem)}.itd-avatar-image{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.itd-avatar-fallback{align-items:center;background:var(--itd-color-background-alt);color:var(--itd-color-text-neutral);display:flex;font-size:calc(var(--itd-avatar-size, 2.5rem)/2.5);font-weight:var(--itd-font-weight-semibold);height:100%;justify-content:center;-webkit-user-select:none;user-select:none;width:100%}}

package/dist/css/back-top.css

@@ -0,0 +1 @@
+@layer components{.itd-back-to-top{bottom:80px;position:fixed;right:30px;visibility:hidden}.itd-back-top-show{fill:hsla(0,0%,100%,.502);fill:oklch(1 0 0/.502);animation:.5s none;cursor:pointer;display:block;transition:fill .3s ease-out;visibility:hidden}.itd-back-top-show:hover:where(:root:not(.itd-touch) *){fill:#3396fb;fill:oklch(.667 .175 252.6)}.itd-back-top-show[data-show]{animation:itd-back-top-show-bounce .5s;visibility:visible}@keyframes itd-back-top-show-bounce{0%{transform:scale(.2)}50%{transform:scale(1.1)}75%{transform:scale(.9)}to{transform:scale(1)}}}

package/dist/css/badge.css

@@ -0,0 +1,241 @@
+@layer components{.itd-badge{align-items:center;border:1px solid #0000;border-radius:9999px;display:inline-flex;font-weight:var(--itd-badge-font-weight,var(--itd-font-weight-medium));gap:calc(var(--itd-spacing)*1);line-height:1;transition:background-color .12s ease-out;-webkit-user-select:none;user-select:none;white-space:nowrap;width:max-content}.itd-badge.itd-badge-square{border-radius:calc(var(--itd-border-radius)*.6)}.itd-badge svg{flex-shrink:0;height:1em;width:1em}.itd-badge .itd-spin-spinner{height:auto;position:static;transform:none;width:auto}.itd-badge-xs{font-size:var(--itd-badge-xs-font);height:calc(var(--itd-spacing)*4)}.itd-badge-sm,.itd-badge-xs{padding-inline:calc(var(--itd-spacing)*1.5)}.itd-badge-sm{font-size:var(--itd-badge-sm-font);height:calc(var(--itd-spacing)*4.5)}.itd-badge-md{font-size:var(--itd-badge-md-font);height:calc(var(--itd-spacing)*5);padding-inline:calc(var(--itd-spacing)*2)}.itd-badge-df{font-size:var(--itd-badge-df-font);height:calc(var(--itd-spacing)*6);padding-inline:calc(var(--itd-spacing)*2.5)}.itd-badge-lg{font-size:var(--itd-badge-lg-font);height:calc(var(--itd-spacing)*7);padding-inline:calc(var(--itd-spacing)*3)}.itd-badge-xlg{font-size:var(--itd-badge-xlg-font);height:calc(var(--itd-spacing)*8);padding-inline:calc(var(--itd-spacing)*3.5)}.itd-badge.itd-badge-default{background:var(--badge-bg);color:var(--itd-badge-text,var(--badge-fg))}.itd-badge.itd-badge-secondary{background:var(--badge-soft-bg);color:var(--itd-badge-text,var(--badge-text))}.itd-badge.itd-badge-outline{border-color:var(--badge-border)}.itd-badge.itd-badge-ghost,.itd-badge.itd-badge-outline{background:#0000;color:var(--itd-badge-text,var(--badge-text))}.itd-badge.itd-badge-ghost:hover:where(:root:not(.itd-touch) *){background:var(--badge-soft-bg)}.itd-badge-color-default{--badge-bg:var(--itd-foreground);--badge-fg:var(--itd-background);--badge-text:var(--itd-color-text-muted-foreground);--badge-soft-bg:var(--itd-secondary);--badge-border:var(--itd-color-border)}.itd-badge-color-success{--badge-bg:#00a149;--badge-fg:#fcfcfc;--badge-text:#007131;--badge-soft-bg:#dcf7e1;--badge-border:#88ca95}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-success{--badge-bg:color(display-p3 0.23472 0.63122 0.29984)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-success{--badge-bg:oklch(0.62 0.19 150);--badge-fg:oklch(0.99 0 0)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-success{--badge-text:color(display-p3 0.17154 0.44026 0.21217)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-success{--badge-text:oklch(0.48 0.14 150);--badge-soft-bg:oklch(0.95 0.04 150);--badge-border:oklch(0.78 0.1 150)}
+}[data-theme=dark] .itd-badge-color-success{--badge-bg:#00a149;--badge-fg:#fcfcfc;--badge-text:#68ca80;--badge-soft-bg:#0b2612;--badge-border:#235430}
+
+@supports (color: color(display-p3 0 0 0%)){
+[data-theme=dark] .itd-badge-color-success{--badge-bg:color(display-p3 0.23472 0.63122 0.29984)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-success{--badge-bg:oklch(0.62 0.19 150);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.76 0.14 150);--badge-soft-bg:oklch(0.24 0.05 150);--badge-border:oklch(0.4 0.08 150)}
+}.itd-badge-color-warning{--badge-bg:#e9b600;--badge-fg:#0d1b2d;--badge-text:#9d6300;--badge-soft-bg:#fef0d4;--badge-border:#e6bd77}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-warning{--badge-bg:color(display-p3 0.88487 0.72065 0.2343)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-warning{--badge-bg:oklch(0.80 0.165 88);--badge-fg:oklch(0.22 0.04 255)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-warning{--badge-text:color(display-p3 0.60197 0.38781 0)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-warning{--badge-text:oklch(0.55 0.14 70);--badge-soft-bg:oklch(0.96 0.04 85);--badge-border:oklch(0.82 0.1 80)}
+}[data-theme=dark] .itd-badge-color-warning{--badge-bg:#e9b600;--badge-fg:#0d1b2d;--badge-text:#e6b55d;--badge-soft-bg:#322004;--badge-border:#6f4e1a}
+
+@supports (color: color(display-p3 0 0 0%)){
+[data-theme=dark] .itd-badge-color-warning{--badge-bg:color(display-p3 0.88487 0.72065 0.2343)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-warning{--badge-bg:oklch(0.80 0.165 88);--badge-fg:oklch(0.22 0.04 255);--badge-text:oklch(0.8 0.12 80);--badge-soft-bg:oklch(0.26 0.05 75);--badge-border:oklch(0.45 0.08 75)}
+}.itd-badge-color-danger{--badge-bg:#e6284b;--badge-fg:#fcfcfc;--badge-text:#be2038;--badge-soft-bg:#ffeded;--badge-border:#f09da3}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-danger{--badge-bg:oklch(0.60 0.22 18);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.52 0.19 20)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-danger{--badge-soft-bg:color(display-p3 1 0.92559 0.92719)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-danger{--badge-soft-bg:oklch(0.96 0.03 15);--badge-border:oklch(0.78 0.1 15)}
+}[data-theme=dark] .itd-badge-color-danger{--badge-bg:#e6284b;--badge-fg:#fcfcfc;--badge-text:#fd8994;--badge-soft-bg:#361116;--badge-border:#7a323b}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-danger{--badge-bg:oklch(0.60 0.22 18);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.76 0.14 15);--badge-soft-bg:oklch(0.24 0.06 15);--badge-border:oklch(0.42 0.1 15)}
+}.itd-badge-color-info{--badge-bg:#1c7dee;--badge-fg:#fcfcfc;--badge-text:#0065b0;--badge-soft-bg:#e8f3ff;--badge-border:#90bce9}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-info{--badge-bg:oklch(0.60 0.19 256);--badge-fg:oklch(0.99 0 0)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-info{--badge-text:color(display-p3 0.11464 0.38641 0.70298)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-info{--badge-text:oklch(0.5 0.16 250)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-info{--badge-soft-bg:color(display-p3 0.91812 0.95239 0.99595)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-info{--badge-soft-bg:oklch(0.96 0.02 250);--badge-border:oklch(0.78 0.08 250)}
+}[data-theme=dark] .itd-badge-color-info{--badge-bg:#1c7dee;--badge-fg:#fcfcfc;--badge-text:#73b6fa;--badge-soft-bg:#0a2036;--badge-border:#224a71}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-info{--badge-bg:oklch(0.60 0.19 256);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.76 0.12 250);--badge-soft-bg:oklch(0.24 0.05 250);--badge-border:oklch(0.4 0.08 250)}
+}.itd-badge-color-purple{--badge-bg:#b81fb9;--badge-fg:#fcfcfc;--badge-text:#6f3bb2;--badge-soft-bg:#f1ebff;--badge-border:#c1a9ee}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-purple{--badge-bg:oklch(0.56 0.24 328);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.48 0.18 300)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-purple{--badge-soft-bg:color(display-p3 0.94122 0.92011 0.99807)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-purple{--badge-soft-bg:oklch(0.95 0.03 300);--badge-border:oklch(0.78 0.1 300)}
+}[data-theme=dark] .itd-badge-color-purple{--badge-bg:#b81fb9;--badge-fg:#fcfcfc;--badge-text:#bf9bfc;--badge-soft-bg:#241737;--badge-border:#4e3d6c}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-purple{--badge-bg:oklch(0.56 0.24 328);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.76 0.14 300);--badge-soft-bg:oklch(0.24 0.06 300);--badge-border:oklch(0.4 0.08 300)}
+}.itd-badge-color-pink{--badge-bg:#cd5394;--badge-fg:#fcfcfc;--badge-text:#a83876;--badge-soft-bg:#ffecf4;--badge-border:#e6a9c5}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-pink{--badge-bg:oklch(0.62 0.17 350);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.52 0.16 350)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-pink{--badge-soft-bg:color(display-p3 0.99828 0.92132 0.95714)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-pink{--badge-soft-bg:oklch(0.96 0.03 350);--badge-border:oklch(0.8 0.08 350)}
+}[data-theme=dark] .itd-badge-color-pink{--badge-bg:#cd5394;--badge-fg:#fcfcfc;--badge-text:#ea91bc;--badge-soft-bg:#301423;--badge-border:#67344e}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-pink{--badge-bg:oklch(0.62 0.17 350);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.76 0.12 350);--badge-soft-bg:oklch(0.24 0.05 350);--badge-border:oklch(0.4 0.08 350)}
+}.itd-badge-color-orange{--badge-bg:#d76900;--badge-fg:#fcfcfc;--badge-text:#b25200;--badge-soft-bg:#ffeee3;--badge-border:#f2ab83}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-orange{--badge-bg:color(display-p3 0.80749 0.41861 0.07679)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-orange{--badge-bg:oklch(0.64 0.18 52);--badge-fg:oklch(0.99 0 0)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-orange{--badge-text:color(display-p3 0.66826 0.32715 0.04539)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-orange{--badge-text:oklch(0.55 0.16 50)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-orange{--badge-soft-bg:color(display-p3 1 0.93284 0.88227)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-orange{--badge-soft-bg:oklch(0.96 0.03 55);--badge-border:oklch(0.8 0.1 50)}
+}[data-theme=dark] .itd-badge-color-orange{--badge-bg:#d76900;--badge-fg:#fcfcfc;--badge-text:#f5a06f;--badge-soft-bg:#341a09;--badge-border:#6f3f22}
+
+@supports (color: color(display-p3 0 0 0%)){
+[data-theme=dark] .itd-badge-color-orange{--badge-bg:color(display-p3 0.80749 0.41861 0.07679)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-orange{--badge-bg:oklch(0.64 0.18 52);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.78 0.12 50);--badge-soft-bg:oklch(0.25 0.05 50);--badge-border:oklch(0.42 0.08 50)}
+}.itd-badge-color-teal{--badge-bg:#009b8f;--badge-fg:#fcfcfc;--badge-text:#00736a;--badge-soft-bg:#e4f6f3;--badge-border:#92cbc3}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-teal{--badge-bg:color(display-p3 0.17721 0.61065 0.56531)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-teal{--badge-bg:oklch(0.62 0.13 185);--badge-fg:oklch(0.99 0 0)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-teal{--badge-text:color(display-p3 0.14576 0.4511 0.41766)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-teal{--badge-text:oklch(0.5 0.1 185);--badge-soft-bg:oklch(0.96 0.02 185);--badge-border:oklch(0.8 0.06 185)}
+}[data-theme=dark] .itd-badge-color-teal{--badge-bg:#009b8f;--badge-fg:#fcfcfc;--badge-text:#5cc6b9;--badge-soft-bg:#022522;--badge-border:#18524c}
+
+@supports (color: color(display-p3 0 0 0%)){
+[data-theme=dark] .itd-badge-color-teal{--badge-bg:color(display-p3 0.17721 0.61065 0.56531)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-teal{--badge-bg:oklch(0.62 0.13 185);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.76 0.1 185);--badge-soft-bg:oklch(0.24 0.04 185);--badge-border:oklch(0.4 0.06 185)}
+}.itd-badge-color-blue{--badge-bg:#3256d9;--badge-fg:#ccc;--badge-text:#2b5bd1;--badge-soft-bg:#e6efff;--badge-border:#698dd8}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-blue{--badge-bg:oklch(0.511 0.204 266.9);--badge-fg:oklch(0.845 0 0);--badge-text:oklch(0.51 0.19 264)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-blue{--badge-soft-bg:color(display-p3 0.90718 0.93535 1)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-blue{--badge-soft-bg:oklch(0.95 0.03 264);--badge-border:oklch(0.65 0.12 264)}
+}[data-theme=dark] .itd-badge-color-blue{--badge-bg:#3256d9;--badge-fg:#ccc;--badge-text:#77a2fc;--badge-soft-bg:#142650;--badge-border:#325197}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-blue{--badge-bg:oklch(0.511 0.204 266.9);--badge-fg:oklch(0.845 0 0);--badge-text:oklch(0.72 0.14 264);--badge-soft-bg:oklch(0.28 0.08 264);--badge-border:oklch(0.45 0.12 264)}
+}.itd-badge-color-indigo{--badge-bg:#5c5fe6;--badge-fg:#fcfcfc;--badge-text:#474fb6;--badge-soft-bg:#eef1ff;--badge-border:#a8b4eb}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-indigo{--badge-bg:oklch(0.56 0.20 277);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.48 0.16 275)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-indigo{--badge-soft-bg:color(display-p3 0.93393 0.94501 0.99773)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-indigo{--badge-soft-bg:oklch(0.96 0.02 275);--badge-border:oklch(0.78 0.08 275)}
+}[data-theme=dark] .itd-badge-color-indigo{--badge-bg:#5c5fe6;--badge-fg:#fcfcfc;--badge-text:#9babfd;--badge-soft-bg:#181d37;--badge-border:#3b4372}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-indigo{--badge-bg:oklch(0.56 0.20 277);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.76 0.12 275);--badge-soft-bg:oklch(0.24 0.05 275);--badge-border:oklch(0.4 0.08 275)}
+}.itd-badge-color-lime{--badge-bg:#589300;--badge-fg:#fcfcfc;--badge-text:#446b00;--badge-soft-bg:#e9f8dc;--badge-border:#adc992}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-lime{--badge-bg:color(display-p3 0.39806 0.57265 0.15164)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-lime{--badge-bg:oklch(0.60 0.17 132);--badge-fg:oklch(0.99 0 0)}
+}
+
+@supports (color: color(display-p3 0 0 0%)){
+.itd-badge-color-lime{--badge-text:color(display-p3 0.29601 0.41838 0.06786)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-lime{--badge-text:oklch(0.48 0.14 130);--badge-soft-bg:oklch(0.96 0.04 130);--badge-border:oklch(0.8 0.08 130)}
+}[data-theme=dark] .itd-badge-color-lime{--badge-bg:#589300;--badge-fg:#fcfcfc;--badge-text:#9ec773;--badge-soft-bg:#172408;--badge-border:#3e5624}
+
+@supports (color: color(display-p3 0 0 0%)){
+[data-theme=dark] .itd-badge-color-lime{--badge-bg:color(display-p3 0.39806 0.57265 0.15164)}
+}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-lime{--badge-bg:oklch(0.60 0.17 132);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.78 0.12 130);--badge-soft-bg:oklch(0.24 0.05 130);--badge-border:oklch(0.42 0.08 130)}
+}.itd-badge-color-brown{--badge-bg:#bc5a29;--badge-fg:#fcfcfc;--badge-text:#874c30;--badge-soft-bg:#ffeee8;--badge-border:#e0b29e}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-badge-color-brown{--badge-bg:oklch(0.58 0.14 45);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.48 0.09 45);--badge-soft-bg:oklch(0.96 0.02 40);--badge-border:oklch(0.8 0.06 45)}
+}[data-theme=dark] .itd-badge-color-brown{--badge-bg:#bc5a29;--badge-fg:#fcfcfc;--badge-text:#d69b81;--badge-soft-bg:#2f190f;--badge-border:#633d2c}
+
+@supports (color: oklab(0% 0 0%)){
+[data-theme=dark] .itd-badge-color-brown{--badge-bg:oklch(0.58 0.14 45);--badge-fg:oklch(0.99 0 0);--badge-text:oklch(0.74 0.08 45);--badge-soft-bg:oklch(0.24 0.04 45);--badge-border:oklch(0.4 0.06 45)}
+}}