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

package/dist/enums/enum.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Modal states
+ *
+ * Modal states for the modal component.
+ */
 export declare enum ModalState {
     NOT_SHOW = "modal-not-show",
     BEGIN = "modal-begin",
@@ -13,30 +18,47 @@ export declare enum ModalState {
     ESC_CLICK = "modal-esc-click",
     ALL_REMOVED = "modal-all-removed"
 }
+/**
+ * File types
+ *
+ * File types for the file component.
+ */
 export declare enum FileTypes {
     SVG = "image/svg+xml",
     PNG = "image/png",
-    JPG = "image/jpeg",
+    JPG = "image/jpg",
+    JPEG = "image/jpeg",
     GIF = "image/gif",
-    WEBP = "image/webp",
     PDF = "application/pdf",
-    XLSX = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
     OTF = "font/otf"
 }
+/**
+ * File extensions
+ *
+ * File extensions for the file component.
+ */
 export declare enum FileExtensions {
     SVG = ".svg",
     PNG = ".png",
     JPG = ".jpg",
     GIF = ".gif",
-    WEBP = ".webp",
     PDF = ".pdf",
-    XLSX = ".xlsx",
     OTF = ".otf"
 }
+/**
+ * Form validations
+ *
+ * Form validations for the form component.
+ */
 export declare enum FormValidations {
     REQUIRED = "required",
     TYPE = "type"
 }
+/**
+ * Form validation types
+ *
+ * Form validation types for the form component.
+ */
 export declare enum FormValidationTypes {
     MIN_LENGTH = "minLength",
     MAX_LENGTH = "maxLength",
@@ -50,13 +72,22 @@ export declare enum FormValidationTypes {
     SITE_USERNAME = "siteUsername",
     ADMIN_USERNAME = "adminUsername",
     URL = "url",
-    FORBIDDEN_WORDS = "forbiddenWords",
-    MULTIPLE_OF = "multipleOf"
+    FORBIDDEN_WORDS = "forbiddenWords"
 }
+/**
+ * Connection status
+ *
+ * Connection status for the connection component.
+ */
 export declare enum ConnectionStatus {
     ONLINE = "online",
     OFFLINE = "offline"
 }
+/**
+ * Component sizes
+ *
+ * Component sizes for the component.
+ */
 export declare enum ComponentSizes {
     X_SMALL = "x-small",
     SMALL = "small",
@@ -65,6 +96,11 @@ export declare enum ComponentSizes {
     LARGE = "large",
     X_LARGE = "x-large"
 }
+/**
+ * Component sizes slug
+ *
+ * Component sizes slug for the component.
+ */
 export declare enum ComponentSizesSlug {
     X_SMALL = "xs",
     SMALL = "sm",
@@ -73,7 +109,101 @@ export declare enum ComponentSizesSlug {
     LARGE = "lg",
     X_LARGE = "xlg"
 }
-export declare enum ComponentPositions {
+/**
+ * Button sizes
+ *
+ * Button-specific sizes including icon-only variants.
+ * Extends ComponentSizes with icon variants.
+ */
+export declare enum ButtonSizes {
+    X_SMALL = "x-small",
+    SMALL = "small",
+    MEDIUM = "medium",
+    DEFAULT = "default",
+    LARGE = "large",
+    X_LARGE = "x-large",
+    ICON = "icon",
+    ICON_SM = "icon-sm",
+    ICON_LG = "icon-lg"
+}
+/**
+ * Button sizes slug
+ *
+ * Button sizes slug for the component.
+ * Extends ComponentSizesSlug with icon variants.
+ */
+export declare enum ButtonSizesSlug {
+    X_SMALL = "xs",
+    SMALL = "sm",
+    MEDIUM = "md",
+    DEFAULT = "df",
+    LARGE = "lg",
+    X_LARGE = "xlg",
+    ICON = "icon",
+    ICON_SM = "icon-sm",
+    ICON_LG = "icon-lg"
+}
+/**
+ * Component x positions
+ *
+ * Component x positions for the component.
+ */
+export declare enum ComponentXPositions {
     LEFT = "left",
     RIGHT = "right"
 }
+/**
+ * Component y positions
+ *
+ * Component y positions for the component.
+ */
+export declare enum ComponentYPositions {
+    TOP = "top",
+    BOTTOM = "bottom"
+}
+/**
+ * Component variants
+ *
+ * Component variants for the component.
+ */
+export declare enum ComponentVariants {
+    DEFAULT = "default",
+    FILLED = "filled",
+    CUSTOM = "custom"
+}
+export declare enum ButtonTypes {
+    BUTTON = "button",
+    SUBMIT = "submit",
+    RESET = "reset"
+}
+/**
+ * Tooltip positions
+ *
+ * Tooltip positions for the tooltip component.
+ */
+export declare enum TooltipPositions {
+    TOP_LEFT = "top-left",
+    TOP_RIGHT = "top-right",
+    BOTTOM_LEFT = "bottom-left",
+    BOTTOM_RIGHT = "bottom-right"
+}
+/**
+ * Trigger types
+ *
+ * Trigger types for the useFloatingTrigger hook.
+ */
+export declare enum TriggerTypes {
+    HOVER = "hover",
+    CLICK = "click",
+    FOCUS = "focus",
+    MANUAL = "manual"
+}
+/**
+ * Theme appearances
+ *
+ * Theme appearances for the theme component.
+ */
+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};

package/dist/es/accordion/styled.js

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

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

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};