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

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

@@ -0,0 +1,214 @@
+import o from"styled-components";const e=o.div`
+
+  &.itd-accordion-menu-sub-menu {
+
+    &:not(:last-child) {
+      .itd-accordion-menu-header {
+        margin-bottom: 1px;
+      }
+    }
+
+    /**
+     * SINGLE
+     */
+    &.itd-accordion-menu-sub-menu-single {
+      .itd-accordion-menu-header svg.itd-accordion-menu-header-arrow-icon.itd-svg svg {
+        transform: rotate(-90deg);
+      }
+    }
+    
+    /**
+     * MULTIPLE
+     */
+    &.itd-accordion-menu-sub-menu-multiple.itd-accordion-menu-sub-menu-open {
+      .itd-accordion-menu-header {
+        background-color: #f1f1f4;
+      }
+      .itd-accordion-menu-header svg.itd-accordion-menu-header-arrow-icon.itd-svg svg {
+        transform: rotate(-180deg);
+      }
+    }
+    
+    /**
+     * SINGLE AND MULTIPLE
+     */
+    &.itd-accordion-menu-sub-menu-single, &.itd-accordion-menu-sub-menu-multiple {
+    
+      /**
+       * DEFAULT
+       */
+      .itd-accordion-menu-header {
+
+        background-color: #f9f9f9;
+        transition: all 0.25s ease-out;
+        text-decoration: none;
+
+        span.itd-accordion-menu-header-text {
+          font-size: 14px;
+          font-weight: 500;
+          color: #071437;
+          transition: all 0.25s ease-out;
+        }
+
+        .itd-icon {
+          margin-right: 8px;
+          color: #071437;
+          transition: all 0.25s ease-out;
+        }
+
+        svg.itd-accordion-menu-header-arrow-icon.itd-svg svg {
+          fill: #071437;
+          transition: all 0.25s ease-out;
+        }
+
+        /* HOVER */
+        &:hover {
+
+          background-color: #f1f1f4;
+
+          span.itd-accordion-menu-header-text {
+            color: #071437;
+          }
+
+          .itd-icon {
+            color: #071437;
+          }
+
+          svg.itd-accordion-menu-header-arrow-icon.itd-svg svg {
+            fill: #071437;
+          }
+          
+        }
+
+      }
+
+      ul.itd-accordion-menu-collapse {
+        
+        li.itd-accordion-menu-content-item {
+          
+          .itd-accordion-menu-content {
+
+            background-color: #f9f9f950;
+            transition: all 0.25s ease-out;
+            
+            span.itd-accordion-menu-content-header-text {
+              font-size: 13px;
+              font-weight: 500;
+              color: #071437;
+              transition: all 0.25s ease-out;
+            }
+
+            .itd-svg svg {
+              transition: all 0.25s ease-out;
+              fill: #071437;
+            }
+
+            /* HOVER */
+            &:hover {
+              background-color: #f1f1f4;
+            }
+
+          }
+          
+        }
+        
+      }
+
+      /**
+       * ACTIVE
+       */
+      &.itd-accordion-menu-sub-menu-active {
+      
+        .itd-accordion-menu-header {
+
+          transition-duration: 0ms;
+          background-color: #071437;
+
+          span.itd-accordion-menu-header-text {
+            color: #ffffff;
+          }
+
+          .itd-icon {
+            color: #ffffff;
+          }
+
+          .itd-svg svg {
+            fill: #ffffff;
+          }
+          
+        }
+
+        ul.itd-accordion-menu-collapse li.itd-accordion-menu-content-item {
+          
+          .itd-accordion-menu-content {
+
+            &.active {
+
+              background-color: #E9F3FF;
+
+              span.itd-accordion-menu-content-header-text {
+                color: #1b84ff;
+              }
+  
+              .itd-svg svg {
+                fill: #1b84ff;
+              }
+
+            }
+
+            
+          }
+
+        }
+
+      }
+
+    }
+
+  }
+
+`,t=o.div`
+
+  font-size: ${o=>`${o.$size}px`};
+  width: ${o=>`${o.$size}px`};
+  height: ${o=>`${o.$size}px`};
+  
+  display: flex;
+  align-items: center;
+  
+`,i=o.ul`
+
+  overflow: hidden;
+  transition: max-height 0.25s ease-out;
+  margin: 0px;
+  padding: 0px;
+  list-style-type: none;
+
+`,n=o.div`
+
+  transition  : all 0.25s ease-out;
+  margin-left : auto;
+  transform   : ${o=>o.$isSingle?"rotate(-90deg)":o.$isOpen?"rotate(-180deg)":"rotate(0deg)"};
+
+  width: ${o=>o.$width+"px"};
+  height: ${o=>o.$height+"px"};
+
+  svg {
+    width: ${o=>o.$width+"px"};
+    height: ${o=>o.$height+"px"};
+  }
+
+`,a=o.div`
+
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  height: ${o=>`${o.$height}px`};
+  padding: 0 20px 0 0;
+  cursor: pointer;
+  
+  span {
+    user-select: none;
+  }
+
+`;export{n as Arrow,i as Content,t as Icon,a as Title,e as Wrapper};

package/dist/es/alert/Description.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";const e=({children:e,className:s})=>t("div",{className:`itd-alert-description col-start-2 grid justify-items-start gap-1 text-sm ${s||""}`,children:e});e.displayName="ITD-Alert-Description";export{e as AlertDescription,e as default};

package/dist/es/alert/Title.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";const e=({children:e,className:i})=>t("div",{className:`itd-alert-title col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight ${i||""}`,children:e});e.displayName="ITD-Alert-Title";export{e as AlertTitle,e as default};

package/dist/es/alert/index.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{ComponentVariants as r,ComponentSizes as i,ComponentSizesSlug as l}from"../enums/enum.js";import s from"../utils/InlineSVGCached.js";import{useMemo as n,Children as o,isValidElement as a}from"react";import{AlertTitle as c}from"./Title.js";import{AlertDescription as d}from"./Description.js";import m from"../node_modules/lucide-react/dist/esm/icons/info.js";const p=({type:p="info",size:u=i.SMALL,variant:L=r.DEFAULT,title:f,className:A,children:D,icon:E})=>{const h=n(()=>{let e="itd-alert";return e+=" itd-alert-"+p,e+=" itd-alert-"+(u===i.X_SMALL?l.X_SMALL:u===i.SMALL?l.SMALL:u===i.MEDIUM?l.MEDIUM:u===i.DEFAULT?l.DEFAULT:u===i.LARGE?l.LARGE:u===i.X_LARGE?l.X_LARGE:l.DEFAULT),e+=" itd-alert-"+L,e+=" grid relative w-full rounded-lg px-4 py-3 text-sm items-start",""!==A&&(e+=" "+A),e},[p,u,L,A]),y=o.toArray(D);let M=E,T=null,I=null,S=[];y.forEach(t=>{if(a(t)){const e=t.type?.displayName||t.type?.name;"ITD-Alert-Title"===e?T=t:"ITD-Alert-Description"===e?I=t:!M&&(e?.includes("Icon")||e?.includes("Lucide")||t.type?.$$typeof?.toString().includes("react.forward_ref")||!T&&!I)?M=t:S.push(t)}else t&&!I&&(I=e(d,{children:t}))}),f&&!T&&(T=e(c,{children:f})),S.length>0&&!I&&(I=e(d,{children:S}));const j=!!M;return t("div",{className:h,"data-has-icon":j?"true":"false",children:[j&&(M?"string"==typeof M?e(s,{src:M}):M:e(m,{size:16})),T,I]})};p.displayName="ITD-Alert";export{d as AlertDescription,c as AlertTitle,p as default};

package/dist/es/alink/index.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{memo as t}from"react";import{NavigationLink as e}from"./styled.js";var o=t(t=>(()=>{const{to:o,children:s,...l}=t;return r(e,{...l,to:o,children:s})})(),(r,t)=>r.to===t.to&&r.className===t.className&&r.style===t.style&&r.children===t.children);export{o as default};

package/dist/es/alink/styled.js

@@ -0,0 +1,5 @@
+import{NavLink as o}from"react-router-dom";import t from"styled-components";const r=t(o)`
+
+  text-decoration: none;
+  
+`;export{r as NavigationLink};

package/dist/es/back-top/index.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{useState as t,useEffect as e}from"react";import{Wrapper as r,Show as n}from"./styled.js";import i from"../icons/BackToTop.js";function c(c){const{children:s=null}=c,[l,d]=t(!1);e(()=>(document.addEventListener("scroll",m),()=>{document.removeEventListener("scroll",m)}),[]);const m=()=>{d(document.body.scrollTop>window.innerHeight)};return o(r,{className:"itd-back-to-top",children:o(n,{onClick:()=>{window.scrollTo({top:0,behavior:"smooth"})},$show:l,children:s||o(i,{width:30,height:30})})})}export{c as default};

package/dist/es/back-top/styled.js

@@ -0,0 +1,25 @@
+import i,{keyframes as o}from"styled-components";const s=i.div`
+  position: fixed;
+  bottom: 80px;
+  right: 30px;
+  visibility: hidden;
+  `,t=i.a`
+
+  visibility: ${i=>i.$show?"visible":"hidden"};
+  animation: ${i=>i.$show?n:"none"} 0.5s;
+
+  display: block;
+  transition: fill .3s ease-out;
+  cursor: pointer;
+  fill: #ffffff80;
+
+  &:hover {
+    fill: #3396fb;
+  }
+  
+  `,n=o`
+  0% { transform: scale(.2) }
+  50% { transform: scale(1.1) }
+  75% { transform: scale(0.9) }
+  100% { transform: scale(1) }
+`;export{t as Show,s as Wrapper};

package/dist/es/button/index.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as i}from"react/jsx-runtime";import e,{forwardRef as n,useRef as o,useState as r,useId as s,useEffect as l}from"react";import{Slot as a}from"../primitives/Slot.js";import{NavLink as d}from"react-router-dom";import u from"../spin/index.js";import c from"../utils/GetButtonSizeSlug.js";import{ButtonTypes as m,ComponentVariants as p,ComponentSizes as f}from"../enums/enum.js";const g=n((n,g)=>{const{as:b,asChild:h=!1,id:x="",form:z="",disabled:N=!1,loading:j=!1,type:v=m.BUTTON,variant:B=p.DEFAULT,size:C=f.DEFAULT,state:E=null,href:y="",target:T="_self",className:U="",children:k=null,onClick:D,...S}=n,A=o(null),F=g||A,[L,O]=r(x),V=s();l(()=>{""===x&&O("itd-button-"+V)},[]);const _={id:L,ref:F,className:(()=>{const t=c(C);let i="itd-button inline-flex items-center justify-center rounded-md shrink-0";return i+=" itd-button-"+B,i+=" itd-button-"+t,i+=" itd-button-"+v,"icon"===t||"icon-sm"===t||"icon-lg"===t?(i+=" itd-button-has-icon","icon-sm"===t?i+=" size-8":"icon"===t?i+=" size-9":"icon-lg"===t&&(i+=" size-10")):i+=" itd-size-"+t,j&&(i+=" itd-button-loading"),U&&(i+=" "+U),i})(),disabled:N||void 0,tabIndex:N?-1:0,form:z,onClick:t=>{j||D?.(t)},...S};let q="button";if(h){if(e.isValidElement(k))return t(a,{..._,children:k});"production"!==process.env.NODE_ENV&&console.warn("[Button]: Using `asChild` requires a single React element as children. Example: <Button asChild><a /></Button>. You are currently passing a primitive value (string, etc.), so `asChild` is ignored.")}return b?q=b:y&&(q=d,_.to=y,_.target=T),i(q,{type:v,..._,children:[(()=>{if(!j)return null;const i=c(C);return t(u,{size:"xs"===i?12:"lg"===i||"icon-lg"===i?20:"xlg"===i?24:16})})(),t("span",{className:"itd-button-content",children:k})]})});g.displayName="Button";export{g as default};

package/dist/es/calendar/dates.js

@@ -0,0 +1 @@
+import"../helpers/datetime/dayjsSetup.js";import t from"../_virtual/dayjs.min.js";const e=(e,r,a)=>{const s=Number.isInteger(a)&&a>=0&&a<=6?a:0;let n=t();Number.isInteger(e)&&Number.isInteger(r)&&(n=n.month(e-1).year(r));const o=n.startOf("month"),m=n.endOf("month"),d=[],u=[],Y=[];let h=null;h=o;let l=0;for(;h.day()!==s&&l<7;)h=h.subtract(1,"day"),d.push(h.format("MM/DD/YYYY")),l++;for(h=o;h.month()===e-1;)u.push(h.format("MM/DD/YYYY")),h=h.add(1,"day");for(h=m;d.length+u.length+Y.length<42;)h=h.add(1,"day"),Y.push(h.format("MM/DD/YYYY"));return[...d.reverse(),...u,...Y]};export{e as default};

package/dist/es/calendar/day/Day.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Wrapper as d}from"./styled.js";import{useMemo as a}from"react";function t({date:t,today:r,current:c,disabled:l,selected:n,handleClick:i,children:s}){const o=a(()=>{let e="itd-calendar-day";return r&&(e+=" itd-calendar-day-today"),n&&(e+=" itd-calendar-day-selected"),l&&(e+=" itd-calendar-day-disabled"),c&&(e+=" itd-calendar-day-current"),e},[r,n,l,c]);return e(d,{className:o,$today:r,$selected:n,$disabled:l,$current:c,onClick:()=>i(t),children:e("span",{children:s})})}export{t as default};

package/dist/es/calendar/day/styled.js

@@ -0,0 +1,91 @@
+import o,{css as e}from"styled-components";const t=o.div`
+
+  position: relative;
+  cursor: pointer;
+  border-radius: 4px;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  &::before {
+
+    position: absolute;
+    top: 50%;
+    right: 0;
+    left: 0;
+    //z-index: 1;
+    height: 30px;
+    -webkit-transform: translateY(-50%);
+    transform: translateY(-50%);
+    content: "";
+
+  }
+
+  span {
+
+    font-size: 13px;
+    letter-spacing: -.5;
+    font-weight: 500;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    position: relative;
+    min-width: 30px;
+    height: 30px;
+    line-height: 30px;
+    border-radius: 50px;
+
+    transition: background-color 0.15s ease-out;
+
+  }
+
+  &:hover {
+
+    span {
+      color: #3598FE;
+      background-color: #0E1531;
+    }
+
+  }
+
+  ${({$today:o})=>o&&e`
+      span {
+        border: 1px solid #3598FE80;
+      }
+    `}
+
+  ${({$selected:o})=>o&&e`
+      span {
+        color: #3598FE;
+        background-color: #0E1531;
+      }
+    `}
+
+  ${({$current:o})=>o?e`
+        span {
+          color: #ffffff;
+        }
+      `:e`
+        span {
+          color: #ffffff80;
+        }
+      `}
+
+  ${({$disabled:o})=>o&&e`
+      pointer-events: none;
+      
+      &::before {
+        background-color: none;
+        background-color: #0E153180;
+      }
+
+      span {
+        background: 0 0;
+        color: #ffffff40;
+      }
+    `}
+
+`;export{t as Wrapper};

package/dist/es/calendar/header/Header.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as a,Fragment as l}from"react/jsx-runtime";import{useEffect as n}from"react";import{Wrapper as d,PrevYear as r,PrevMonth as c,Middle as i,NextMonth as s,NextYear as t}from"./styled.js";function o(o){const{month:m="",year:h="",onPrevYear:N=null,onPrevMonth:y=null,onNextMonth:p=null,onNextYear:u=null,onClickMonth:k=null,onClickYear:v=null,viewMode:C="days",decadeLabel:x=""}=o;n(()=>{},[]);return e(d,{className:"itd-calendar-header",children:[a(r,{className:"itd-calendar-prev-year",onClick:N,children:a("span",{})}),"days"===C&&a(c,{className:"itd-calendar-prev-month",onClick:y,children:a("span",{})}),e(i,{className:"itd-calendar-middle",children:["days"===C&&e(l,{children:[a("div",{className:"itd-calendar-middle-month",onClick:k,children:m}),a("div",{className:"itd-calendar-middle-year",onClick:v,children:h})]}),"months"===C&&a("div",{className:"itd-calendar-middle-year",onClick:v,children:h}),"years"===C&&a("div",{className:"itd-calendar-middle-decade",children:x||h})]}),"days"===C&&a(s,{className:"itd-calendar-next-month",onClick:p,children:a("span",{})}),a(t,{className:"itd-calendar-next-year",onClick:u,children:a("span",{})})]})}export{o as default};

package/dist/es/calendar/header/styled.js

@@ -0,0 +1,196 @@
+import e from"styled-components";const t=e.div`
+
+  display: flex;
+  height: 40px;
+
+`,o=e.div`
+
+  flex: auto;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+
+  div {
+
+    font-size: 14px;
+    font-weight: 600;
+    cursor: pointer;
+    
+    transition: color .15s ease-out;
+    color: #ffffff;
+
+    &:nth-child(2) {
+      margin-left: 5px;
+    }
+
+    &:hover {
+      color: #3598FE;
+    }
+  }
+
+`,i=e.a`
+
+  span {
+    transform: rotate(135deg);
+    position: relative;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+  }
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  flex: none;
+  min-width: 22px;
+
+  transition: color .15s ease-out;
+  color: #ffffff80;
+
+  &:hover {
+    color: #ffffff;
+  }
+  
+  span::before, span::after {
+      
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+    border: 0 solid;
+    border-width: 2px 0 0 2px;
+    content: "";
+
+  }
+
+
+`,n=e.a`
+
+  span {
+    transform: rotate(-45deg);
+    position: relative;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+  }
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  flex: none;
+  min-width: 22px;
+
+  transition: color .15s ease-out;
+  color: #ffffff80;
+
+  &:hover {
+    color: #ffffff;
+  }
+  
+  span::before, span::after {
+      
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+    border: 0 solid;
+    border-width: 2px 0 0 2px;
+    content: "";
+
+  }
+
+
+`,r=e.a`
+
+  span {
+    transform: rotate(135deg);
+    position: relative;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+  }
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  flex: none;
+  min-width: 22px;
+
+  transition: color .15s ease-out;
+  color: #ffffff80;
+
+  &:hover {
+    color: #ffffff;
+  }
+  
+  span::before, span::after {
+      
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+    border: 0 solid;
+    border-width: 2px 0 0 2px;
+    content: "";
+
+  }
+
+  span::after {
+    top: 4px;
+    left: 4px;
+  }
+
+`,f=e.a`
+
+  span {
+    transform: rotate(-45deg);
+    position: relative;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+  }
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  flex: none;
+  min-width: 22px;
+
+  transition: color .15s ease-out;
+  color: #ffffff80;
+
+  &:hover {
+    color: #ffffff;
+  }
+  
+  span::before, span::after {
+      
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+    border: 0 solid;
+    border-width: 2px 0 0 2px;
+    content: "";
+
+  }
+
+  span::after {
+    top: 4px;
+    left: 4px;
+  }
+
+`;export{o as Middle,i as NextMonth,r as NextYear,n as PrevMonth,f as PrevYear,t as Wrapper};

package/dist/es/calendar/index.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as t,Fragment as e}from"react/jsx-runtime";import{useContext as o,useState as a,useEffect as s,useMemo as i}from"react";import"../helpers/datetime/dayjsSetup.js";import n from"./dates.js";import l from"./day/Day.js";import m from"./header/Header.js";import d from"../locales/tr/calendar.json.js";import p from"../locales/en/calendar.json.js";import c from"../context/ITDContext.js";import"../helpers/theme/cssVariables.js";import"../helpers/theme/light.js";import"../helpers/theme/dark.js";import"../helpers/theme/tokens.js";import"../enums/enum.js";import"../utils/InlineSVGCached.js";import"../helpers/svg/styles.js";import"../logger/index.js";import"react-router-dom";import"axios";import"../html/header/styled.js";import"../select/index.js";import"../form/index.js";import"../checkbox/index.js";import"../accordion/index.js";import{Wrapper as j,Separator as h,WeekShortDays as y,Days as u,Months as f,Years as x}from"./styled.js";import"../datepicker/index.js";import"../input/index.js";import"../textarea/index.js";import"../switch/index.js";import"../upload/index.js";import"react-dom";import"react-transition-group";import"../button/index.js";import"../modal/modal/styled.js";import"../modal/container/styled.js";import"../modal/context/ModalContext.js";import"../notification/context/NotificationsContext.js";import"../radio/index.js";import"../image/index.js";import"../alert/index.js";import"../result/index.js";import"../alink/index.js";import"../back-top/styled.js";import"../progress/styled.js";import"../node_modules/overlayscrollbars/styles/overlayscrollbars.css.js";import"../tinyscrollbar/scroll.styled.js";import"../label/index.js";import"../card/Card.js";import"../card/CardHeader.js";import"../card/CardTitle.js";import"../card/CardDescription.js";import"../card/CardAction.js";import"../card/CardTabs.js";import"../card/CardContent.js";import"../card/CardFooter.js";import"../popover/PopoverContent.js";import"../popover/Popover.js";import"../popover/PopoverTrigger.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipTrigger.js";import"../tooltip/TooltipContent.js";import"../hovercard/HoverCard.js";import"../hovercard/HoverCardTrigger.js";import"../hovercard/HoverCardContent.js";import"../table/index.js";import"../flex/styled.js";import Y from"../_virtual/dayjs.min.js";const v=({value:v="",defaultValue:C="",className:b,onChange:g,disabledDate:M,locale:D})=>{const{language:N}=o(c),k=D||("tr"===N?d:p),[T,$]=a(0),[H,P]=a([]),[S,w]=a(null),[V,A]=a(Y()),[I,_]=a(null),[z,F]=a("days"),G=r=>Y(r,"MM/DD/YYYY"),L=()=>V.format("YYYY"),q=()=>V.format("M");s(()=>{E(),B(C)},[]),s(()=>{B(v)},[v]),s(()=>{Q()},[V]),s(()=>{E()},[N,D]);const B=r=>{if(""===r)return;let t;if("DD/MM/YYYY"===k.format){const e=r.split("/");if(3===e.length){const[r,o,a]=e;t=Y(`${a}-${o}-${r}`)}else t=Y(r)}else if("MM/DD/YYYY"===k.format){const e=r.split("/");if(3===e.length){const[r,o,a]=e;t=Y(`${a}-${r}-${o}`)}else t=Y(r)}else t=Y(r,k.format,!0);t.isValid()&&(_(t),A(t))},E=()=>{J(k)},J=r=>{w(r),P(r.weekdaysShort),$(r.firstDay)},K=r=>!!M&&M(r),O=r=>{var t=r.format(k.format);g&&g({localizated:t,global:r.format("YYYY-MM-DD")})},Q=()=>{const t=n(Number(q()),Number(L()),T);let e=[];for(let o=0;o<t.length;o++){const a=G(t[o]);let s={date:a,handleClick:O};a.isSame(G(Y().format("MM/DD/YYYY")))&&(s.today=!0),a.isSame(I)&&(s.selected=!0),a.format("M")===q()&&(s.current=!0),K(a)&&(s.disabled=!0),e.push(r(l,{...s,children:a.format("D")},o))}return e},R=()=>{let t=[];for(let e=0;e<H.length;e++)t.push(r("div",{children:r("span",{children:H[e]})},e));return t},U=r=>{if("month"===r&&"days"!==z)return;const t="year"===r&&"years"===z?10:1;A(V.clone().subtract(t,r))},W=r=>{if("month"===r&&"days"!==z)return;const t="year"===r&&"years"===z?10:1;A(V.clone().add(t,r))},X=()=>{F("months")},Z=()=>{F("years")},rr=()=>r(f,{className:"itd-calendar-months",children:(S?.months||[]).map((t,e)=>r("button",{type:"button",className:"itd-calendar-month"+(V.month()===e?" itd-calendar-month-current":""),onClick:()=>{return r=e,A(V.clone().month(r)),void F("days");var r},children:t},e))}),tr=()=>{const t=10*Math.floor(V.year()/10),e=Array.from({length:12},(r,e)=>t-1+e);return r(x,{className:"itd-calendar-years",children:e.map(e=>r("button",{type:"button",className:"itd-calendar-year"+(V.year()===e?" itd-calendar-year-current":"")+(e<t||e>t+9?" itd-calendar-year-outside":""),onClick:()=>{return r=e,A(V.clone().year(r)),void F("months");var r},children:e},e))})},er=i(()=>{let r="itd-calendar";return""!==b&&(r+=" "+b),r},[b]);return S?t(j,{className:er,children:[r(m,{month:S?.months[Number(q())-1],year:L(),onPrevYear:()=>U("year"),onPrevMonth:()=>U("month"),onNextYear:()=>W("year"),onNextMonth:()=>W("month"),onClickMonth:X,onClickYear:Z,viewMode:z,decadeLabel:(()=>{if("years"!==z)return"";const r=10*Math.floor(V.year()/10);return`${r}-${r+9}`})()}),r(h,{className:"itd-calendar-separator"}),"days"===z&&t(e,{children:[r(y,{className:"itd-calendar-weekdays",children:R()}),r(u,{className:"itd-calendar-days",children:Q()})]}),"months"===z&&rr(),"years"===z&&tr()]}):null};export{v as default};

package/dist/es/calendar/styled.js

@@ -0,0 +1,82 @@
+import r from"styled-components";const e=r.div`
+
+  width: 280px;
+  border-radius: 6px;
+  background-color: #1D2649;
+  padding: 4px 14px 14px 14px;
+
+`,i=r.div`
+
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  grid-gap: 4px 0;
+
+`,d=r.div`
+
+  display: grid;
+  grid-gap: 0;
+  grid-template-columns: repeat(7, 1fr);
+  font-size: 13px;
+  line-height: 30px;
+  text-align: center;
+
+  > div {
+    
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    span {
+      color: #ffffff;
+      font-weight: bold;
+    }
+
+  }
+
+`,t=r.div`
+
+  width: 100%;
+  height: 1px;
+  margin: 4px 0;
+  background-color: #505A7D60;
+
+`,o=r.div`
+
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 8px;
+
+  .itd-calendar-month {
+    background: transparent;
+    border: 0;
+    color: #ffffff;
+    height: 36px;
+    border-radius: 6px;
+    cursor: pointer;
+    font-size: .875rem;
+  }
+
+  .itd-calendar-month-current {
+    outline: 2px solid #2F74FF;
+  }
+
+`,a=r.div`
+
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  grid-gap: 8px;
+
+  .itd-calendar-year {
+    background: transparent;
+    border: 0;
+    color: #ffffff;
+    height: 36px;
+    border-radius: 6px;
+    cursor: pointer;
+    font-size: .875rem;
+  }
+
+  .itd-calendar-year-current { outline: 2px solid #2F74FF; }
+  .itd-calendar-year-outside { color: #ffffff80; }
+
+`;export{i as Days,o as Months,t as Separator,d as WeekShortDays,e as Wrapper,a as Years};

package/dist/es/card/Card.js

@@ -0,0 +1 @@
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useMemo as a}from"react";import i from"../spin/index.js";import{ComponentVariants as d}from"../enums/enum.js";const t=({children:t,className:c="",variant:l=d.DEFAULT,updating:s=!1})=>{const n=a(()=>{let r="itd-card flex flex-col relative overflow-hidden";return l&&(r+=` itd-card-${l}`),c&&(r+=` ${c}`),r},[l,c]);return r("div",{className:n,children:[e("div",{className:"itd-card-body flex flex-col",children:t}),s&&e("div",{className:"itd-card-overlay",children:e(i,{updating:!0,className:"itd-card-spin"})})]})};t.displayName="Card";export{t as Card};

package/dist/es/card/CardAction.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{cn as i}from"../utils/cn.js";const t=({children:t,className:a})=>e("div",{className:i("itd-card-action flex justify-between gap-3",a),children:t});t.displayName="CardAction";export{t as CardAction};

package/dist/es/card/CardContent.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{cn as t}from"../utils/cn.js";const r=({children:r,className:a})=>e("div",{className:t("itd-card-content flex flex-col gap-6 px-6",a),children:r});r.displayName="CardContent";export{r as CardContent};

package/dist/es/card/CardDescription.js

@@ -0,0 +1 @@
+import{jsx as i}from"react/jsx-runtime";import{cn as r}from"../utils/cn.js";const s=({children:s,className:t})=>i("div",{className:r("itd-card-description text-sm",t),children:s});s.displayName="CardDescription";export{s as CardDescription};

package/dist/es/card/CardFooter.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{cn as r}from"../utils/cn.js";const t=({children:t,className:i})=>e("div",{className:r("itd-card-footer flex items-center py-4 px-6",i),children:t});t.displayName="CardFooter";export{t as CardFooter};

package/dist/es/card/CardHeader.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Children as r,isValidElement as t,useMemo as a}from"react";import{cn as i}from"../utils/cn.js";const n=({children:n,className:s,separator:m=!1})=>{const o=r.toArray(n),p=o.some(e=>{if(t(e)){const r=e.type.displayName||e.type.name;return"CardTabs"===r||"CardAction"===r}return!1}),c=o.some(e=>{if(t(e)){return"CardDescription"===(e.type.displayName||e.type.name)}return!1}),d=m||p,l=a(()=>{let e="itd-card-header px-6";return e+=p?" flex items-center justify-between gap-8 min-h-16":c?" flex flex-col gap-1 py-4":" flex items-center min-h-16",d&&(e+=" itd-card-header-separator"),i(e,s)},[p,c,d,s]);return e("div",{className:l,children:n})};n.displayName="CardHeader";export{n as CardHeader};