@inntechcorp/it-design 3.1.3 → 3.1.4

package/dist/cjs/textarea/styled.js

@@ -1,220 +0,0 @@
-"use strict";var e=require("../enums/enum.js"),r=require("styled-components"),t=require("../helpers/theme/Color.js");const o=r.div`
-  
-  width: inherit;
-  position: relative;
-  display: flex;
-  justify-content: space-between;
-  position: relative;
-  
-  textarea {
-
-    background      : none;
-    display         : block;
-    width           : 100%;
-    height          : 100%;
-    min-height      : 47px;
-    padding         : 12px;
-    resize          : vertical;
-    
-    font-size       : 14px;
-    font-weight     : 400;
-    color           : ${({theme:e})=>e.colorText};
-    
-    border-radius   : calc( ${({theme:e})=>e.borderRadius} - 2px);
-    border          : 1px solid transparent;
-    outline         : 0 solid transparent;
-    outline-offset  : ${({theme:e})=>e.ringOffset};
-
-    transition      : outline 100ms linear,
-                      border-color ${({theme:e})=>e.transitionDuration} ${({theme:e})=>e.transitionTimingFunction},
-                      background-color ${({theme:e})=>e.transitionDuration} ${({theme:e})=>e.transitionTimingFunction},
-                      scrollbar-color ${({theme:e})=>e.transitionDuration} ${({theme:e})=>e.transitionTimingFunction};
-
-    /* Chrome, Edge, Safari */
-    &::-webkit-scrollbar {
-      width: 22px; /* Scroll bar width */
-    }
-
-    &::-webkit-scrollbar-track {
-      background: transparent; /* Scroll bar background */
-    }
-
-    &::-webkit-scrollbar-thumb {
-      background-color: ${({theme:e})=>e.scrollbarThumb};
-      border-radius: 10px;
-      border: 13px solid transparent;
-    }
-
-    &::-webkit-scrollbar-thumb:hover {
-      background-color: ${({theme:e})=>e.scrollbarThumbHover};
-      scrollbar-width: thin!important;
-    }
-
-    /* Firefox */
-    scrollbar-width: thin; /* Thin scroll bar */
-    scrollbar-color: ${({theme:e})=>e.scrollbarThumb} transparent; /* Scroll bar color and background */
-
-    &:hover {
-      scrollbar-color: ${({theme:e})=>e.scrollbarThumbHover} transparent;
-    }
-
-    &::placeholder {
-      color: ${({theme:e})=>e.colorPlaceholder};
-    }
-
-  }
-
-  /* ------------------------ */
-  // VARIANT
-  /* ------------------------ */
-  ${()=>r.css`
-    
-    /* DEFAULT */
-    &.itd-textarea-default
-    {
-
-      textarea {
-        border: 1px solid ${({theme:e})=>e.colorBorder};
-      }
-
-      &:hover:not(&.itd-textarea-focus, &.itd-textarea-disabled) {
-        textarea {
-          border-color: ${({theme:e})=>e.colorBorderHover};
-        }
-      }
-      
-    }
-
-    /* FILLED */
-    &.itd-textarea-filled {
-
-      textarea {
-        background-color: ${({theme:e})=>e.colorBackgroundAlt};
-      }
-
-      &:hover:not(&.itd-textarea-focus, &.itd-textarea-disabled) {
-        textarea {
-          background-color: ${({theme:e})=>e.colorBackgroundAltHover};
-        }
-      }
-    
-    }
-    
-    /* DASHED */
-    &.itd-textarea-dashed {
-    
-      textarea {
-        border: 1px dashed ${({theme:e})=>e.colorBorder};
-      }
-      
-      &:hover:not(&.itd-textarea-focus, &.itd-textarea-disabled) {
-        textarea {
-          border-color: ${({theme:e})=>e.colorBorderHover};
-        }
-      }
-    
-    }
-
-    &&.itd-textarea-focus:not(.itd-textarea-filled) {
-      textarea {
-        border-color: ${({theme:r})=>r.primaryScale[r.appearance===e.ThemeAppearances.LIGHT?400:900]};
-      }
-    }
-
-    &&.itd-textarea-focus.itd-input-error:not(.itd-textarea-filled) {
-      textarea {
-        border-color: ${({theme:e})=>e.colorErrorBorder};
-      }
-    }
-
-  `}
-
-  &.itd-textarea-default textarea {
-    box-shadow    : ${({theme:e})=>e.boxShadow};
-  }
-
-  &.itd-textarea-focus {
-
-    &.itd-textarea-filled {
-      textarea {
-        background-color: ${({theme:e})=>e.colorBackgroundAltHover};
-      }
-    }
-
-    &.itd-textarea-default, &.itd-textarea-dashed, &.itd-textarea-filled, &.itd-textarea-custom {
-
-      &.itd-textarea-keyboard-focus {
-
-        /* Tab ile focus - outline göster */
-        textarea {
-          outline: ${({theme:e})=>e.ringWidth} solid ${({theme:r})=>t.withOpacity(r.primaryScale[r.appearance===e.ThemeAppearances.LIGHT?400:900],.5)};
-        }
-
-      }
-
-      /* Error durumunda outline ve border kırmızı */
-      &.itd-textarea-keyboard-focus.itd-textarea-error {
-        textarea {
-          outline: ${({theme:e})=>e.ringWidth} solid ${({theme:e})=>t.withOpacity(e.colorErrorBorder,.5)} !important;
-          border-color  : ${({theme:e})=>e.colorErrorBorder} !important;
-        }
-      }
-
-    }
-
-  }
-
-  &.itd-textarea-disabled {
-    
-    textarea {
-      background-color: ${({theme:e})=>e.colorDisabledBg};
-      border: 1px solid ${({theme:e})=>e.colorDisabledBorder};
-    }
-    
-    textarea, textarea::placeholder {
-      color: ${({theme:e})=>e.colorDisabledText};
-      cursor: not-allowed;
-    }
-
-  }
-  
-`,a=r.div`
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: default;
-
-  position: absolute;
-  top: 50%;
-  right: 15px;
-  transform: translateY(-50%);
-
-  svg circle {
-    fill: ${({theme:e})=>e.colorError};
-  }
-  svg path {
-    fill: ${({theme:e})=>e.colorErrorText};
-  }
-
-
-
-`;r(a)`
-
-`,r(a)`
-
-`,r(a)`
-  &:hover .itd-textarea-error-tooltip {
-    display: flex;
-  }
-`;const i=r.div`
-  position: absolute;
-  right: 1rem;
-  top: 50%;
-  transform: translateY(-50%);
-`;exports.ErrorWrapper=i,exports.Wrapper=o;

package/dist/cjs/tinyscrollbar/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("../node_modules/overlayscrollbars/overlayscrollbars.js");require("../node_modules/overlayscrollbars/styles/overlayscrollbars.css.js");var s=require("./scroll.styled.js");exports.default=function({className:o="",children:t,style:a}){const c=r.useRef(null);return r.useEffect(()=>{if(c.current){const e=l.OverlayScrollbars(c.current,{paddingAbsolute:!0,showNativeOverlaidScrollbars:!1,overflow:{x:"hidden",y:"scroll"},scrollbars:{theme:"os-theme-dark",visibility:"auto",autoHide:"leave",autoHideDelay:1300,dragScroll:!0,clickScroll:!0,pointers:["mouse","touch","pen"]}});return()=>{e.destroy()}}},[]),e.jsx(s.ScrollWrapper,{style:a,children:e.jsx("div",{ref:c,className:`os-viewport ${o}`,style:{width:"100%",overflow:"auto"},children:t})})};

package/dist/cjs/tinyscrollbar/scroll.styled.js

@@ -1,21 +0,0 @@
-"use strict";const r=require("styled-components").div`
-
-  /* OverlayScrollbars v2 class selectors */
-  .os-scrollbar-horizontal { height: 10px; }
-  .os-scrollbar-vertical   { width: 10px; }
-
-  .os-scrollbar-track {
-    background: transparent;
-  }
-
-  .os-scrollbar-handle {
-    background: ${({theme:r})=>r.scrollbarThumb} !important;
-    border-radius: 8px;
-  }
-
-  .os-scrollbar-handle:hover,
-  .os-scrollbar-handle:active {
-    background: ${({theme:r})=>r.scrollbarThumbHover} !important;
-  }
-
-`;exports.ScrollWrapper=r;

package/dist/cjs/types/InputProps.js

@@ -1 +0,0 @@
-"use strict";var e;exports.InputTypes=void 0,(e=exports.InputTypes||(exports.InputTypes={})).TEXT="text",e.NUMBER="number",e.CURRENCY="currency",e.PASSWORD="password";

package/dist/cjs/upload/index.js

@@ -1 +0,0 @@
-"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"),o=require("../hooks/useCoreFetch.js"),n=require("../helpers/binary/FormatBytes.js"),d=require("../helpers/checker/CheckFileURL.js"),u=require("../enums/enum.js"),c=require("../icons/Picture.js"),p=require("../helpers/binary/GetTypeByFileType.js"),h=require("../icons/Upload.js"),f=require("../helpers/promise/Wait.js"),m=require("../flex/index.js"),x=require("../helpers/unit/AddDefaultUnit.js"),j=require("./styled.js"),g=require("../utils/CommonStyledComponents.js"),F=require("../node_modules/uuid/dist/esm-browser/v4.js"),v=require("../node_modules/lucide-react/dist/esm/icons/trash.js"),y=require("../node_modules/lucide-react/dist/esm/icons/eye.js");const S=t.forwardRef(({id:S="itd-upload-"+F.default(),variant:w=u.ComponentVariants.DEFAULT,resultFileName:N=null,action:$="",filePath:b="",binaryName:q="file",showDeleteIcon:C=!1,showPreviewIcon:E=!1,buttonsPosition:D="default",padding:T=10,fluid:P=!0,fileWidth:U="100%",fileHeight:M="auto",maxFileWidth:k="none",maxFileHeight:H="none",containerWidth:O="100%",containerHeight:L="auto",previewFileWidth:W="100%",previewFileHeight:B="100%",previewFilePadding:z="0",requestMethod:I="put",maxFileSize:V=1024,disabled:A=!1,extraFormData:R={},extraQueryString:G={},extraHeader:_={},fileTypes:Q=[u.FileTypes.JPG,u.FileTypes.PNG,u.FileTypes.SVG,u.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:oe}=i.default.useModal(),{fetch:ne,cancel:de}=o.default(),{t:ue}=a.useTranslation("itd"),[ce,pe]=t.useState(!1),[he,fe]=t.useState(!1),[me,xe]=t.useState(".svg, .png, .jpg"),[je,ge]=t.useState(!1),[Fe,ve]=t.useState(!1),[ye,Se]=t.useState(!1),[we,Ne]=t.useState(null),[$e,be]=t.useState(null),[qe,Ce]=t.useState(""),[Ee,De]=t.useState(!1),[Te,Pe]=t.useState(!1),[Ue,Me]=t.useState(null),[ke,He]=t.useState(!1),[Oe,Le]=t.useState(null);t.useEffect(()=>()=>{de()},[]),t.useEffect(()=>{fe(A)},[A]),t.useEffect(()=>{be(b?b.split("?")[0]:"")},[b]),t.useEffect(()=>{null!==$e&&(void 0!==$e?ze():pe(!1))},[$e]),t.useEffect(()=>{let e=[];Q.map(t=>{e.push(p.default(t))}),xe(e.join(", "))},[Q]);const We=(e,t)=>{le({title:e,description:t,placement:"topRight",autoHide:!0,delay:5e3,type:"error"})},Be=(e,t=!0,a=!0)=>{Z&&Z(e,t,a)};t.useImperativeHandle(re,()=>({setFocus(){Se(!0)},reset(e=!1,t=!1){Ie(),be(null),Ce(""),Be("",e,t)},setValue(e,t=!0,a=!0){be(e),Be(e,t,a)},getValue:()=>$e||"",setError(e){Ce(e)},forceUpdate(){Be($e||"")},clear(){be("")}}));const ze=async()=>{let e=!1;$e&&(e=await d.default($e),Ne(e),e?Be($e):Be("",!0,!0),ce||pe(!0)),""!==$e||ce||pe(!0),""===$e&&ce&&Be("",!0,!0)},Ie=()=>{Le(null),Me(null),He(!1),Ne(null)},Ve=async()=>{fe(!0),oe({content:e.jsx("div",{children:ue("uploader.areYouSureToDeleteThisFile")}),title:ue("uploader.removeFile"),okButtonText:ue("uploader.yes"),cancelButtonText:ue("uploader.no"),okButtonProps:{variant:"statable",state:"reject"},closeOnClickOutside:!1,showCloseButton:!1,onOk:()=>(J?ne({action:J,params:Y,queries:K,headers:X,onFetched:e=>{e.data.success?(Ie(),Be("",!0,!0),ae&&ae(e.data.data)):se&&se()},onError:()=>{se&&se()}}):(Ie(),Be("",!0,!0),ae&&ae()),fe(!1),!0),onCancel:()=>(fe(!1),!0)})},Ae=e=>{e.preventDefault(),Te||ve(!0)},Re=e=>{e.preventDefault(),Te||ve(!1)},Ge=e=>{e.preventDefault(),Te||(ve(!1),e.dataTransfer&&0!==e.dataTransfer.files.length?Je(e.dataTransfer.files[0]):console.log(ue("uploader.browserDoesntSupportDND")))},_e=e=>{ve(!1);const t=e.target.files[0];Je(t)},Qe=async({path:e,errorMessage:t,errorCode:a})=>{await f.default(1e3),Me(null),Pe(!1),await f.default(1500),He(!1),e?ee&&ee(e):t&&te&&te(t,a||0)},Je=e=>{if(e&&(e=>!!Q.includes(e.type)||(We(ue("uploader.error"),ue("uploader.fileFormatError",{fileFormat:me})),!1))(e)&&(e=>!(e.size>1024*V&&(We(ue("uploader.error"),ue("uploader.fileSizeError",{fileSize:n.default(1024*V)})),1)))(e)){if(N){const t=p.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])}),ne({action:$,requestMethod:I,params:t,queries:G,headers:_,onFetched:e=>{e.data.success?(Le({message:ue("uploader.fileUploadSuccess"),status:"success"}),He(!0),be(e.data.data.url),Qe({path:e.data.data.url})):(Le({message:ue("uploader.fileUploadFailed"),status:"error"}),Be("",!0,!0),Qe({errorMessage:ue("uploader.fileUploadFailed")}))},onError:(e,t)=>{Le({message:ue("uploader.fileUploadFailed"),status:"error"}),Be("",!0,!0),Qe({errorMessage:e,errorCode:t})},onProgress:e=>{Me({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):""})}})})(e),Pe(!0)}},Ye=()=>{fe(!0),oe({content:e.jsx(j.CenterContent,{className:"itd-upload-preview-content",$width:W,$height:B,$padding:z,children:e.jsx(r.default,{src:$e||""})}),showOkButton:!1,showCancelButton:!1,contentPadding:"0px",width:"max-content",onCancel:()=>(fe(!1),!0)})},Ke=()=>{if(C&&$e&&!Te&&we)return e.jsx("span",{className:"delete-icon",children:e.jsx(s.default,{variant:w===u.ComponentVariants.FILLED?"solid":"outline",size:u.ComponentSizes.SMALL,type:"button",onClick:Ve,disabled:he,icon:e.jsx(v.default,{size:16,strokeWidth:2}),className:"itd-upload-delete-button",circle:!0})})},Xe=()=>{if(E&&$e&&!Te&&we)return e.jsx("span",{className:"preview-icon",children:e.jsx(s.default,{variant:w===u.ComponentVariants.FILLED?"solid":"outline",size:u.ComponentSizes.SMALL,type:"button",onClick:Ye,disabled:he,icon:e.jsx(y.default,{size:16,strokeWidth:2}),className:"itd-upload-preview-button",circle:!0})})},Ze=()=>{if(""===qe||Te)return;let t={className:"itd-upload-failed itd-failed-status",onPointerOver:()=>De(!0),onPointerOut:()=>De(!1)};return e.jsxs(j.Failed,{...t,children:[Ee?e.jsx(g.ErrorTooltip,{className:"itd-upload-error-tooltip itd-error-tooltip",children:qe}):null,g.ErrorSVGIcon]})},et=()=>{if(ce)return null===we?e.jsx(h.default,{className:"itd-upload-icon",width:24,height:24}):!1===we?e.jsx(c.default,{width:40,height:40}):e.jsx(r.default,{src:$e||"",width:x.default(U),height:x.default(M)})},tt=()=>{let t=(je||Fe)&&!Te&&!he;return e.jsx(j.Overlay,{$isHover:t,className:"itd-upload-overlay",children:e.jsxs(j.OverlayContent,{$isHover:t,className:"itd-upload-overlay-content",children:[e.jsx("span",{className:"itd-upload-header",children:ue("uploader.header")}),e.jsx("span",{className:"itd-upload-hint",children:ue("uploader.hint")})]})})};return e.jsxs(j.Wrapper,{className:"itd-upload",$fluid:P,children:[e.jsx("input",{type:"file",id:S,accept:me,onChange:_e,onFocus:e=>{e.target.matches(":focus-visible")&&Se(!0)},onBlur:()=>Se(!1),onPointerOver:()=>{!Fe&&ge(!0)},onPointerOut:()=>{!Fe&&ge(!1)},onDragOver:Ae,onDragLeave:Re,onDrop:Ge,disabled:Te||he,ref:ie}),e.jsx(j.Label,{$showFocus:ye,$hasError:""!==qe,className:"itd-upload-label",children:e.jsxs(j.FileContent,{$showBorder:(Fe||je)&&!Te,$padding:T,$disabled:A,$hasError:""!==qe&&!Te,$fileWidth:U,$fileHeight:M,$maxFileWidth:k,$maxFileHeight:H,$containerWidth:O,$containerHeight:L,$variant:w,$showFocus:ye,className:"itd-upload-content",children:[et(),e.jsxs(j.Uploading,{className:"itd-upload-status",$isActive:Te,$complete:"success"===Oe?.status,$error:"error"===Oe?.status,children:[e.jsx(j.UploadStatusBox,{className:"itd-upload-status-box",$progress:Ue?Ue.progress:0,$complete:"success"===Oe?.status,$error:"error"===Oe?.status}),e.jsx("span",{className:"itd-upload-status-message",children:ue(ke||Oe?String(Oe?.message):"uploader.fileUploading")}),Ue?e.jsx("span",{className:"itd-upload-status-info",children:ue("uploader.info",{total:Ue.total,estimated:Ue.estimated})}):e.jsx("span",{className:"itd-upload-status-calculating",children:ue("uploader.calculating")})]}),tt(),e.jsxs(j.IconsWrapper,{$position:""===qe?D:"default",children:[e.jsxs(m.default,{vertical:!0,gap:"small",className:"itd-upload-icons",children:[Ke(),Xe()]}),Ze()]})]})})]})});exports.default=S;

package/dist/cjs/upload/styled.js

@@ -1,228 +0,0 @@
-"use strict";var e=require("styled-components");require("../index.js");var t=require("../enums/enum.js"),i=require("../helpers/theme/Color.js"),r=require("../utils/CommonStyledComponents.js"),o=require("../helpers/unit/AddDefaultUnit.js");require("../helpers/theme/tokens.js"),require("../helpers/theme/cssVariables.js"),require("react/jsx-runtime"),require("../utils/InlineSVGCached.js"),require("../helpers/svg/styles.js"),require("../helpers/datetime/dayjsSetup.js");const n=e.div`
-
-  position    : relative;
-  width       : ${e=>e.$fluid?"100%":"max-content"};
-  font-size   : 13px;
-  font-weight : 400;
-
-  input[type="file"] {
-
-    width     : 100%;
-    height    : 100%;
-    position  : absolute;
-    opacity   : 0;
-    z-index   : 1;
-    
-  }
-
-`,a=e.div`
-
-  >img {
-    max-width     : 100%;
-    width         : ${e=>e.$fileWidth?o.default(e.$fileWidth):"100%"};
-    height        : ${e=>e.$fileHeight?o.default(e.$fileHeight):"auto"};
-    max-width     : ${e=>e.$maxFileWidth?o.default(e.$maxFileWidth):"none"};
-    max-height    : ${e=>e.$maxFileHeight?o.default(e.$maxFileHeight):"none"};
-    overflow      : hidden;
-    border-radius : ${({theme:e})=>e.borderRadius};
-  }
-
-  transition-property         : border-color;
-  transition-duration         : 500ms;
-  transition-timing-function  : cubic-bezier(0.075, 0.82, 0.165, 1);
-
-  background-color            : ${({theme:e,$variant:i})=>i===t.ComponentVariants.FILLED?e.colorBackgroundAlt:"transparent"};
-  border                      : 1px dashed ${({theme:e,$hasError:i,$showBorder:r,$disabled:o,$showFocus:n})=>i?e.colorErrorBorder:r&&!o?e.colorBorderHover:n?e.primaryScale[e.appearance===t.ThemeAppearances.LIGHT?400:900]:e.colorBorder};
-
-  border-radius   : ${({theme:e})=>e.borderRadius};
-  padding         : ${e=>e.$padding+"px"};
-  //overflow: hidden;
-
-  display         : flex;
-  justify-content : center;
-  align-items     : center;
-  position        : relative;
-
-  min-height      : 100px;
-  width           : ${e=>e.$containerWidth?o.default(e.$containerWidth):"100%"};
-  height          : ${e=>e.$containerHeight?o.default(e.$containerHeight):"auto"};
-
-  .itd-upload-icon svg {
-    color: ${({theme:e})=>e.colorText};
-  }
-
-`,l=e.div`
-
-  display: block;
-
-  /* Tab ile focus - outline göster */
-  outline           : ${e=>e.$showFocus?({theme:r})=>e.$hasError?`${r.ringWidth} solid ${i.withOpacity(r.colorErrorBorder,.5)}`:`${r.ringWidth} solid ${i.withOpacity(r.primaryScale[r.appearance===t.ThemeAppearances.LIGHT?400:900],.5)}`:"0 solid transparent"};
-
-  outline-offset    : ${({theme:e})=>e.ringOffset};
-  border-radius     : ${({theme:e})=>e.borderRadius};
-
-  transition        : outline 100ms linear;
-
-`,s=e.div`
-
-  position    : absolute;
-  top         : 50%;
-  right       : ${e=>"default"===e.$position?"15px":"-17px"};
-  height      : ${e=>"default"===e.$position?"auto":"100%"};
-  transform   : translateY(-50%);
-  z-index     : 2;
-
-  ${t=>{if("corners"===t.$position)return e.css`
-        .delete-icon {
-          position  : absolute;
-          bottom    : -17px;
-          right     : 0;
-        }
-        .preview-icon {
-          position  : absolute;
-          top       : -17px;
-          right     : 0px;
-        }
-      `}}
-
-`,d=e.div`
-
-  display         : flex;
-  justify-content : center;
-  align-items     : center;
-  padding         : ${e=>e.$padding?o.default(e.$padding):"100%"};
-
-  img {
-    width   : ${e=>e.$width?o.default(e.$width):"100%"};
-    height  : ${e=>e.$height?o.default(e.$height):"100%"};
-  }
-
-`,p=e.div`
-
-  transition-property         : all;
-  transition-duration         : 0ms;
-  transition-timing-function  : ${({theme:e})=>e.transitionTimingFunction};
-  transition-delay            : 0ms;
-  //animation-direction: reverse;
-
-  position          : absolute;
-  top               : 150%;
-  left              : 50%;
-  transform         : translateX(-50%) translateY(-50%);
-
-  display           : flex;
-  flex-direction    : column;
-  width             : 100%;
-  
-  span {
-    &:nth-child(1) {
-      color         : ${({theme:e})=>e.colorUploadText};
-      text-align    : center;
-      font-weight   : 500;
-    }
-    &:nth-child(2) {
-      color         : ${({theme:e})=>i.withOpacity(e.colorUploadText,.5)};
-      text-align    : center;
-      font-weight   : 400;
-    }
-  }
-
-  ${({$isHover:t})=>t&&e.css`
-      top: 50%;
-    `}
-
-`,c=e.div`
-
-  position                    : absolute;
-  display                     : flex;
-  pointer-events              : all;
-
-  transition-property         : all;
-  transition-duration         : ${({theme:e})=>e.transitionDuration};
-  transition-timing-function  : ${({theme:e})=>e.transitionTimingFunction};
-  animation-direction         : reverse;
-
-  width                       : 100%;
-  height                      : 100%;
-  background-color            : transparent;
-  backdrop-filter             : blur(0px);
-  border-radius               : ${({theme:e})=>e.borderRadius};
-  overflow                    : hidden;
-
-  ${({$isHover:t})=>t&&e.css`
-      backdrop-filter         : blur(2px);
-      background-color        : ${({theme:e})=>e.colorUploadOverlay};
-    `}
-
-`,h=e.div`
-
-  position: absolute;
-
-  display                       : flex;
-  justify-content               : center;
-  align-items                   : center;
-  flex-direction                : column;
-
-  width                         : 100%;
-  height                        : 100%;
-  background-color              : transparent;
-  border-radius                 : ${({theme:e})=>e.borderRadius};
-  overflow                      : hidden;
-
-  transition-property           : all;
-  transition-duration           : ${({theme:e})=>e.transitionDuration};
-  transition-timing-function    : ${({theme:e})=>e.transitionTimingFunction};
-
-  span, div {
-
-    color                       : transparent;
-    z-index                     : 1;
-    pointer-events              : none;
-
-    transition-property         : all;
-    transition-duration         : ${({theme:e})=>e.transitionDuration};
-    transition-timing-function  : ${({theme:e})=>e.transitionTimingFunction};
-    
-  }
-  
-  ${({$isActive:t,$complete:i,$error:r})=>t&&e.css`
-      background-color  : ${i?({theme:e})=>e.colorUploadOverlayCompleted:r?({theme:e})=>e.colorUploadOverlayError:({theme:e})=>e.colorUploadOverlayUploading};
-      span {
-        color: ${i?({theme:e})=>e.colorUploadCompletedText:r?({theme:e})=>e.colorUploadErrorText:({theme:e})=>e.colorUploadingText};
-      }
-    `}
-
-`,u=e.div`
-  transition-property         : all;
-  transition-duration         : ${({theme:e})=>e.transitionDuration};
-  transition-timing-function  : ${({theme:e})=>e.transitionTimingFunction};
-  
-  position          : absolute;
-  top               : 0;
-  left              : 0;
-  height            : 100%;
-  content           : "";
-
-  width             : ${e=>e.$progress+"%"};
-  background-color  : ${({$complete:e,$error:t})=>e?({theme:e})=>e.colorUploadOverlayCompleted:t?({theme:e})=>e.colorUploadOverlayError:({theme:e})=>e.colorUploadOverlayUploading};
-`,m=e.div`
-
-  display           : flex;
-  align-items       : center;
-  justify-content   : center;
-
-  cursor            : pointer;
-  position          : relative;
-
-  &[data-icon="i"] {
-    &::before {
-      padding       : 4px;
-      border-radius : 50px;
-    }
-  }
-
-`,$=e(m)`
-  &::before { background-color: ${({theme:e})=>e.colorError}; }
-  svg circle { fill: ${({theme:e})=>e.colorError}; }
-  svg { color: ${({theme:e})=>e.colorErrorText}; }
-`;exports.ErrorBorder=r.ErrorBorder,exports.ErrorTooltip=r.ErrorTooltip,exports.CenterContent=d,exports.Failed=$,exports.FileContent=a,exports.IconsWrapper=s,exports.Label=l,exports.Overlay=c,exports.OverlayContent=p,exports.UploadStatusBox=u,exports.Uploading=h,exports.Wrapper=n;

package/dist/cjs/utils/CommonStyledComponents.js

@@ -1,61 +0,0 @@
-"use strict";var r=require("react/jsx-runtime"),t=require("styled-components"),o=require("react");const e=r.jsx("svg",{width:"16",height:"16",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:r.jsxs("g",{fill:"none",fillRule:"evenodd",children:[r.jsx("circle",{fill:"currentColor",cx:"10",cy:"10",r:"10"}),r.jsx("path",{d:"M10.04,8.62 L12.86,5.79 C13.25,5.40 13.89,5.40 14.28,5.79 C14.67,6.18 14.67,6.82 14.28,7.21 L11.45,10.04 L14.28,12.86 C14.67,13.25 14.67,13.89 14.28,14.28 C13.89,14.67 13.25,14.67 12.86,14.28 L10.04,11.45 L7.21,14.28 C6.82,14.67 6.18,14.67 5.79,14.28 C5.40,13.89 5.40,13.25 5.79,12.86 L8.62,10.04 L5.79,7.21 C5.40,6.82 5.40,6.18 5.79,5.79 C6.18,5.40 6.82,5.40 7.21,5.79 L10.04,8.62 Z",fill:"currentColor"})]})}),n=t.span`
-  
-  position: absolute;
-  display: flex;
-  justify-content: center;
-  align-items: flex-end;
-
-  font-size: .785rem;
-  line-height: .875rem;
-
-  border-radius: calc( ${({theme:r})=>r.borderRadius} - 2px);
-  padding: 8px 7px;
-  color: ${({theme:r})=>r.colorErrorText};
-  background: ${({theme:r})=>r.colorError};
-  width: max-content;
-  max-width: 210px;
-
-  z-index: 1;
-
-  ${({$position:r="top-right"})=>{switch(r){case"top-left":return"\n          left: -10px;\n          bottom: 30px;\n        ";case"top-right":return"\n          right: -16px;\n          bottom: 30px;\n        ";case"bottom-left":return"\n          left: -95px;\n          top: -40px;\n        ";case"bottom-right":return"\n          right: -95px;\n          bottom: -40px;\n        "}}}
-
-  &::after {
-
-    content: "";
-    width: 0;
-    height: 0;
-    position: absolute;
-    border-left: 7px solid transparent;
-    border-right: 7px solid transparent;
-
-    ${({$position:r="top-right",$offsetX:t=0,$offsetY:o=0,theme:e})=>{switch(r){case"top-right":return`\n            bottom: calc(-6px + ${o}px);\n            right: calc(17px + ${t}px);\n            border-top: 10px solid ${e.colorError};\n          `;case"top-left":return`\n            bottom: calc(-6px + ${o}px);\n            left: calc(17px + ${t}px);\n            border-top: 10px solid ${e.colorError};\n          `;case"bottom-left":return`\n            top: calc(-6px + ${o}px);\n            left: calc(17px + ${t}px);\n            border-bottom: 10px solid ${e.colorError};\n          `;case"bottom-right":return`\n            top: calc(-6px + ${o}px);\n            right: calc(17px + ${t}px);\n            border-bottom: 10px solid ${e.colorError};\n          `}}}
-
-  }
-
-`,i=t.div`
-
-  position: absolute;
-  border: 1px solid ${({theme:r})=>r.colorErrorBorder};
-  width: ${({$fullSize:r})=>r?"100%":"calc(100% + 2px)"};
-  height: ${({$fullSize:r})=>r?"100%":"calc(100% + 2px)"};
-  border-radius: calc( ${({theme:r})=>r.borderRadius} - 2px);
-  top: ${({$fullSize:r})=>r?"0":"-1px"};
-  left: ${({$fullSize:r})=>r?"0":"-1px"};
-  pointer-events: none;
-
-`,l=t.div`
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  position: relative;
-
-  svg circle {
-    fill: ${({theme:r})=>r.colorError};
-  }
-  svg path {
-    fill: ${({theme:r})=>r.colorErrorText};
-  }
-
-`;exports.ErrorBorder=i,exports.ErrorIcon=({message:t,icon:i,className:p="itd-error-icon",tooltipPosition:c="top-right"})=>{const[s,x]=o.useState(!1);return r.jsxs(l,{className:p,onPointerOver:()=>x(!0),onPointerOut:()=>x(!1),children:[i||e,s&&r.jsx(n,{$position:c,children:t})]})},exports.ErrorSVGIcon=e,exports.ErrorTooltip=n;

package/dist/cjs/utils/GetIconSizeBySize.js

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

package/dist/cjs/utils/GetSizeSlugBySize.js

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

package/dist/cjs/utils/InlineSVGCached.js

@@ -1 +0,0 @@
-"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;

package/dist/context/ITDThemeProvider.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-import type { ITDTheme } from '../types/Theme';
-export type ITDThemeProviderProps = {
-    themeName?: 'light' | 'dark';
-    customTheme?: Partial<ITDTheme>;
-    children: ReactNode;
-};
-export default function ITDThemeProvider({ themeName, customTheme, children }: ITDThemeProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/es/_virtual/_commonjsHelpers.js

@@ -1 +0,0 @@
-function e(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}export{e as getDefaultExportFromCjs};

package/dist/es/_virtual/customParseFormat.js

@@ -1 +0,0 @@
-import{getDefaultExportFromCjs as o}from"./_commonjsHelpers.js";import{__require as r}from"../node_modules/dayjs/plugin/customParseFormat.js";var s=o(r());export{s as default};

package/dist/es/_virtual/customParseFormat2.js

@@ -1 +0,0 @@
-var e={exports:{}};export{e as __module};

package/dist/es/_virtual/dayjs.min.js

@@ -1 +0,0 @@
-import{getDefaultExportFromCjs as o}from"./_commonjsHelpers.js";import{__require as r}from"../node_modules/dayjs/dayjs.min.js";var s=o(r());export{s as default};

package/dist/es/_virtual/dayjs.min2.js

@@ -1 +0,0 @@
-var e={exports:{}};export{e as __module};

package/dist/es/_virtual/localizedFormat.js

@@ -1 +0,0 @@
-import{getDefaultExportFromCjs as o}from"./_commonjsHelpers.js";import{__require as r}from"../node_modules/dayjs/plugin/localizedFormat.js";var e=o(r());export{e as default};

package/dist/es/_virtual/localizedFormat2.js

@@ -1 +0,0 @@
-var e={exports:{}};export{e as __module};

package/dist/es/_virtual/react.js

@@ -1 +0,0 @@
-import{getDefaultExportFromCjs as e}from"./_commonjsHelpers.js";import{__require as r}from"../node_modules/fast-deep-equal/react.js";var o=e(r());export{o as default};

package/dist/es/accordion/index.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{useState as r,Children as i,cloneElement as n}from"react";import o from"./submenu/SubMenu.js";import t from"./item/Item.js";import{Wrapper as s}from"./styled.js";const m=({useLink:o=!1,onlyOne:t=!1,subMenuLinkArrow:m=!0,subMenuHeight:u=60,itemHeight:a=40,iconSize:c=22,arrowSize:p=10,className:l="",onChange:d,children:f})=>{const[h,b]=r(""),g=e=>{b(e),d&&d(e)};return e(s,{className:"itd-accordion-menu "+l,children:(()=>{if(f)return"string"==typeof f?f:i.map(f,e=>n(e,{...e.props,useLink:o,onlyOne:t,subMenuLinkArrow:m,subMenuHeight:u,itemHeight:a,iconSize:c,arrowSize:p,isSelected:h===e.props.id,onChange:g}))})()})};m.SubMenu=o,m.Item=t;export{o as SubMenu,m as default};

package/dist/es/accordion/item/Item.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import i from"../../icons/Arrow.js";import{Wrapper as o,Arrow as r}from"./styled.js";import{NavLink as n}from"react-router-dom";const c=({link:c="",itemHeight:a=40,arrowSize:d=20,active:m=!1,end:s=!1,children:l=null})=>e("li",{className:"itd-accordion-menu-content-item",children:t(o,{$itemHeight:a,$isActive:m,className:"itd-accordion-menu-content",as:n,end:s,to:c,children:[e("span",{className:"itd-accordion-menu-content-header-text",children:l}),e(r,{width:d,height:d,as:i,className:"itd-accordion-menu-content-header-arrow-icon itd-svg"})]})});export{c as default};

package/dist/es/accordion/item/styled.js

@@ -1,20 +0,0 @@
-import e from"styled-components";const t=e.div`
-
-  height: ${e=>`${e.$itemHeight}px`};
-
-  padding: 0 20px 0 30px;
-  margin-bottom: 1px;
-  display: flex;
-  align-items: center;
-  overflow: hidden;
-
-  span {
-    user-select: none;
-  }
-
-`,o=e.div`
-
-  margin-left: auto;
-  transform: rotate(-90deg);
-
-`;export{o as Arrow,t as Wrapper};

package/dist/es/accordion/styled.js

@@ -1,15 +0,0 @@
-import o from"styled-components";const f=o.div`
-
-  display: flex;
-  flex-direction: column;
-
-  background-color: #ffffff;
-  border: 1px solid #f1f1f4;
-  border-radius: 6px;
-
-  overflow: hidden;
-
-  font-size: 14px;
-  line-height: 14px;
-
-`;export{f as Wrapper};

package/dist/es/accordion/submenu/SubMenu.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useState as i,useRef as r,useEffect as t,Children as c,cloneElement as o}from"react";import{useLocation as a,NavLink as s}from"react-router-dom";import d from"../../icons/Arrow.js";import{Wrapper as l,Title as u,Icon as m,Content as h,Arrow as p}from"./styled.js";function g({id:g="",link:f="",icon:x="",title:$="",isSelected:y=!1,useLink:N=!1,onlyOne:b=!1,subMenuLinkArrow:w=!0,end:k=!1,subMenuHeight:H=60,itemHeight:z=40,iconSize:O=10,arrowSize:S=20,onChange:A=()=>{},children:j=null}){const v=a(),[C,L]=i(!1),[M,E]=i(!1),[q,B]=i("0px"),D=r(null);t(()=>{F()&&D.current&&(D.current.style=`${D.current.scrollHeight}px`)},[]),t(()=>{!y&&b&&E(!1)},[y]),t(()=>{M&&A(g),B(M&&D.current?`${D.current.scrollHeight}px`:"0px")},[M]),t(()=>{const e=F();L(e),e&&E(!0)},[v]);const F=()=>{if(!N&&y)return!0;let e=!1;return j&&Array.isArray(j)?j.forEach(n=>{v.pathname.indexOf(n?.props.link)>-1&&(e=!0)}):v.pathname.indexOf(f)>-1&&(e=!0),e},G=()=>{E(!M)},I=()=>n(p,{className:"itd-accordion-menu-header-arrow-icon itd-svg",$width:S,$height:S,$isSingle:!j,$isOpen:M,children:n(d,{width:S,height:S})}),J=()=>{let e="itd-accordion-menu-header-icon";return"string"!=typeof x?e+=" itd-icon":""!==x&&(e+=" itd-icon "+x),e};return e(l,{className:(()=>{let e="itd-accordion-menu-sub-menu";return M&&(e+=" itd-accordion-menu-sub-menu-open"),j||(e+=" itd-accordion-menu-sub-menu-single"),C&&(e+=" itd-accordion-menu-sub-menu-active"),j&&(e+=" itd-accordion-menu-sub-menu-multiple"),e})(),children:[e(u,j?{$height:H,onClick:G,className:"itd-accordion-menu-header",children:[n(m,{className:J(),$size:O,children:"string"==typeof x?null:x}),n("span",{className:"itd-accordion-menu-header-text",children:$}),I()]}:{$height:H,className:"itd-accordion-menu-header",as:s,to:f,end:k,children:[n(m,{className:J(),$size:O,children:"string"==typeof x?null:x}),n("span",{className:"itd-accordion-menu-header-text",children:$}),w?I():null]}),j?n(h,{ref:D,style:{maxHeight:`${q}`},className:"itd-accordion-menu-collapse",children:c.map(j,e=>o(e,{...e.props,itemHeight:z,arrowSize:S,active:v.pathname.indexOf(e.props.link)>-1}))}):null]})}export{g as default};