@inntechcorp/it-design 2.2.89 → 3.1.0

package/dist/cjs/textarea/styled.js

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

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

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

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

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

@@ -0,0 +1,228 @@
+"use strict";var e=require("styled-components"),t=require("../enums/enum.js"),i=require("../helpers/theme/Color.js"),o=require("../utils/CommonStyledComponents.js"),r=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?r.default(e.$fileWidth):"100%"};
+    height        : ${e=>e.$fileHeight?r.default(e.$fileHeight):"auto"};
+    max-width     : ${e=>e.$maxFileWidth?r.default(e.$maxFileWidth):"none"};
+    max-height    : ${e=>e.$maxFileHeight?r.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:o,$disabled:r,$showFocus:n})=>i?e.colorErrorBorder:o&&!r?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?r.default(e.$containerWidth):"100%"};
+  height          : ${e=>e.$containerHeight?r.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:o})=>e.$hasError?`${o.ringWidth} solid ${i.withOpacity(o.colorErrorBorder,.5)}`:`${o.ringWidth} solid ${i.withOpacity(o.primaryScale[o.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?r.default(e.$padding):"100%"};
+
+  img {
+    width   : ${e=>e.$width?r.default(e.$width):"100%"};
+    height  : ${e=>e.$height?r.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:o})=>t&&e.css`
+      background-color  : ${i?({theme:e})=>e.colorUploadOverlayCompleted:o?({theme:e})=>e.colorUploadOverlayError:({theme:e})=>e.colorUploadOverlayUploading};
+      span {
+        color: ${i?({theme:e})=>e.colorUploadCompletedText:o?({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=o.ErrorBorder,exports.ErrorTooltip=o.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

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

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

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

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

package/dist/datepicker/styled.d.ts

@@ -1,9 +1,9 @@
-import { ITDPosition } from 'types/ITDProps';
+import { ITDHorizontalPosition } from 'types/ITDProps';
 declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $disabled: boolean;
 }>> & string;
 declare const CalendarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $position: ITDPosition;
+    $position: ITDHorizontalPosition;
 }>> & string;
 declare const RemoveButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export { Wrapper, CalendarWrapper, RemoveButton };

package/dist/enums/enum.d.ts

@@ -69,7 +69,20 @@ export declare enum ComponentSizesSlug {
     LARGE = "lg",
     X_LARGE = "xlg"
 }
-export declare enum ComponentPositions {
+export declare enum ComponentXPositions {
     LEFT = "left",
     RIGHT = "right"
 }
+export declare enum ComponentYPositions {
+    TOP = "top",
+    BOTTOM = "bottom"
+}
+export declare enum ComponentVariants {
+    DEFAULT = "default",
+    FILLED = "filled",
+    CUSTOM = "custom"
+}
+export declare enum ThemeAppearances {
+    LIGHT = "light",
+    DARK = "dark"
+}

package/dist/es/_virtual/_commonjsHelpers.js

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

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

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

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

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

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

package/dist/es/_virtual/localizedFormat.js

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

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

package/dist/es/_virtual/react.js

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

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

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

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