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

package/dist/calendar/index.d.ts

@@ -1,10 +1,18 @@
 import dayjs from "../helpers/datetime/dayjsSetup";
 import { CalendarValueProps } from "../index";
-declare const Calendar: ({ value, defaultValue, className, onChange, disabledDate }: {
+export type CalendarLocale = {
+    weekdaysLong: string[];
+    weekdaysShort: string[];
+    months: string[];
+    firstDay: number;
+    format: string;
+};
+declare const Calendar: ({ value, defaultValue, className, onChange, disabledDate, locale }: {
     value?: string;
     defaultValue?: string;
     className?: string;
     onChange?: ((value: CalendarValueProps) => void) | null;
     disabledDate?: (date: dayjs.Dayjs) => boolean;
+    locale?: CalendarLocale;
 }) => import("react/jsx-runtime").JSX.Element | null;
 export default Calendar;

package/dist/card/Card.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+interface CardProps {
+    children: ReactNode;
+    className?: string;
+    variant?: string;
+    updating?: boolean;
+}
+export declare const Card: FC<CardProps>;
+export {};

package/dist/card/CardAction.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+interface CardActionProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare const CardAction: FC<CardActionProps>;
+export {};

package/dist/card/CardContent.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+interface CardContentProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare const CardContent: FC<CardContentProps>;
+export {};

package/dist/card/CardDescription.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+interface CardDescriptionProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare const CardDescription: FC<CardDescriptionProps>;
+export {};

package/dist/card/CardFooter.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+interface CardFooterProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare const CardFooter: FC<CardFooterProps>;
+export {};

package/dist/card/CardHeader.d.ts

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from 'react';
+interface CardHeaderProps {
+    children: ReactNode;
+    className?: string;
+    separator?: boolean;
+}
+export declare const CardHeader: FC<CardHeaderProps>;
+export {};

package/dist/card/CardTabs.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { TabsProps } from '../types/TabsProps';
+interface CardTabsProps extends Omit<TabsProps, 'children'> {
+    className?: string;
+}
+export declare const CardTabs: FC<CardTabsProps>;
+export {};

package/dist/card/CardTitle.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+interface CardTitleProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare const CardTitle: FC<CardTitleProps>;
+export {};

package/dist/card/index.d.ts

@@ -1,3 +1,8 @@
-import { CardProps } from "../index";
-declare const Card: ({ title, titleSeparator, extra, tabs, onTabChange, minWidth, minHeight, children, activeTabKey, updating, contentPadding, }: CardProps) => import("react/jsx-runtime").JSX.Element;
-export default Card;
+export { Card } from './Card';
+export { CardHeader } from './CardHeader';
+export { CardTitle } from './CardTitle';
+export { CardDescription } from './CardDescription';
+export { CardAction } from './CardAction';
+export { CardTabs } from './CardTabs';
+export { CardContent } from './CardContent';
+export { CardFooter } from './CardFooter';

package/dist/cjs/_virtual/_commonjsHelpers.js

@@ -0,0 +1 @@
+"use strict";exports.getDefaultExportFromCjs=function(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t};

package/dist/cjs/_virtual/customParseFormat.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./_commonjsHelpers.js"),r=require("../node_modules/dayjs/plugin/customParseFormat.js").__require(),s=e.getDefaultExportFromCjs(r);exports.default=s;

package/dist/cjs/_virtual/customParseFormat2.js

@@ -0,0 +1 @@
+"use strict";exports.__module={exports:{}};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./_commonjsHelpers.js"),r=require("../node_modules/dayjs/dayjs.min.js").__require(),s=e.getDefaultExportFromCjs(r);exports.default=s;

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

@@ -0,0 +1 @@
+"use strict";exports.__module={exports:{}};

package/dist/cjs/_virtual/localizedFormat.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./_commonjsHelpers.js"),r=require("../node_modules/dayjs/plugin/localizedFormat.js").__require(),o=e.getDefaultExportFromCjs(r);exports.default=o;

package/dist/cjs/_virtual/localizedFormat2.js

@@ -0,0 +1 @@
+"use strict";exports.__module={exports:{}};

package/dist/cjs/_virtual/react.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./_commonjsHelpers.js"),r=require("../node_modules/fast-deep-equal/react.js").__require(),s=e.getDefaultExportFromCjs(r);exports.default=s;

package/dist/cjs/accordion/index.js

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

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

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

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

@@ -0,0 +1,20 @@
+"use strict";var e=require("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;
+  }
+
+`,r=e.div`
+
+  margin-left: auto;
+  transform: rotate(-90deg);
+
+`;exports.Arrow=r,exports.Wrapper=t;

package/dist/cjs/accordion/styled.js

@@ -0,0 +1,15 @@
+"use strict";const e=require("styled-components").div`
+
+  display: flex;
+  flex-direction: column;
+
+  background-color: #ffffff;
+  border: 1px solid #f1f1f4;
+  border-radius: 6px;
+
+  overflow: hidden;
+
+  font-size: 14px;
+  line-height: 14px;
+
+`;exports.Wrapper=e;

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

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

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

@@ -0,0 +1,214 @@
+"use strict";var o=require("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"};
+  }
+
+`,r=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;
+  }
+
+`;exports.Arrow=n,exports.Content=i,exports.Icon=t,exports.Title=r,exports.Wrapper=e;

package/dist/cjs/alert/Description.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const t=({children:t,className:r})=>e.jsx("div",{className:`itd-alert-description col-start-2 grid justify-items-start gap-1 text-sm ${r||""}`,children:t});t.displayName="ITD-Alert-Description",exports.AlertDescription=t,exports.default=t;

package/dist/cjs/alert/Title.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");const t=({children:t,className:r})=>e.jsx("div",{className:`itd-alert-title col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight ${r||""}`,children:t});t.displayName="ITD-Alert-Title",exports.AlertTitle=t,exports.default=t;

package/dist/cjs/alert/index.js

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

package/dist/cjs/alink/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./styled.js");var s=r.memo(r=>(()=>{const{to:s,children:i,...a}=r;return e.jsx(t.NavigationLink,{...a,to:s,children:i})})(),(e,r)=>e.to===r.to&&e.className===r.className&&e.style===r.style&&e.children===r.children);exports.default=s;

package/dist/cjs/alink/styled.js

@@ -0,0 +1,5 @@
+"use strict";var e=require("react-router-dom");const t=require("styled-components")(e.NavLink)`
+
+  text-decoration: none;
+  
+`;exports.NavigationLink=t;

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

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

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

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

package/dist/cjs/button/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../primitives/Slot.js"),n=require("react-router-dom"),s=require("../spin/index.js"),r=require("../utils/GetButtonSizeSlug.js"),o=require("../enums/enum.js");const l=t.forwardRef((l,u)=>{const{as:a,asChild:d=!1,id:c="",form:m="",disabled:f=!1,loading:p=!1,type:g=o.ButtonTypes.BUTTON,variant:b=o.ComponentVariants.DEFAULT,size:x=o.ComponentSizes.DEFAULT,state:h=null,href:j="",target:v="_self",className:q="",children:z=null,onClick:C,...N}=l,y=t.useRef(null),B=u||y,[E,S]=t.useState(c),T=t.useId();t.useEffect(()=>{""===c&&S("itd-button-"+T)},[]);const k={id:E,ref:B,className:(()=>{const e=r.default(x);let t="itd-button inline-flex items-center justify-center rounded-md shrink-0";return t+=" itd-button-"+b,t+=" itd-button-"+e,t+=" itd-button-"+g,"icon"===e||"icon-sm"===e||"icon-lg"===e?(t+=" itd-button-has-icon","icon-sm"===e?t+=" size-8":"icon"===e?t+=" size-9":"icon-lg"===e&&(t+=" size-10")):t+=" itd-size-"+e,p&&(t+=" itd-button-loading"),q&&(t+=" "+q),t})(),disabled:f||void 0,tabIndex:f?-1:0,form:m,onClick:e=>{p||C?.(e)},...N};let U="button";if(d){if(t.isValidElement(z))return e.jsx(i.Slot,{...k,children:z});"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 a?U=a:j&&(U=n.NavLink,k.to=j,k.target=v),e.jsxs(U,{type:g,...k,children:[(()=>{if(!p)return null;const t=r.default(x),i="xs"===t?12:"lg"===t||"icon-lg"===t?20:"xlg"===t?24:16;return e.jsx(s.default,{size:i})})(),e.jsx("span",{className:"itd-button-content",children:z})]})});l.displayName="Button",exports.default=l;

package/dist/cjs/calendar/dates.js

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),d=require("./styled.js"),r=require("react");exports.default=function({date:a,today:t,current:c,disabled:l,selected:n,handleClick:s,children:i}){const u=r.useMemo(()=>{let e="itd-calendar-day";return t&&(e+=" itd-calendar-day-today"),n&&(e+=" itd-calendar-day-selected"),l&&(e+=" itd-calendar-day-disabled"),c&&(e+=" itd-calendar-day-current"),e},[t,n,l,c]);return e.jsx(d.Wrapper,{className:u,$today:t,$selected:n,$disabled:l,$current:c,onClick:()=>s(a),children:e.jsx("span",{children:i})})};

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

@@ -0,0 +1,91 @@
+"use strict";var e=require("styled-components");const o=e.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.css`
+      span {
+        border: 1px solid #3598FE80;
+      }
+    `}
+
+  ${({$selected:o})=>o&&e.css`
+      span {
+        color: #3598FE;
+        background-color: #0E1531;
+      }
+    `}
+
+  ${({$current:o})=>o?e.css`
+        span {
+          color: #ffffff;
+        }
+      `:e.css`
+        span {
+          color: #ffffff80;
+        }
+      `}
+
+  ${({$disabled:o})=>o&&e.css`
+      pointer-events: none;
+      
+      &::before {
+        background-color: none;
+        background-color: #0E153180;
+      }
+
+      span {
+        background: 0 0;
+        color: #ffffff40;
+      }
+    `}
+
+`;exports.Wrapper=o;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),l=require("./styled.js");exports.default=function(n){const{month:d="",year:r="",onPrevYear:s=null,onPrevMonth:c=null,onNextMonth:i=null,onNextYear:t=null,onClickMonth:o=null,onClickYear:x=null,viewMode:h="days",decadeLabel:m=""}=n;return a.useEffect(()=>{},[]),e.jsxs(l.Wrapper,{className:"itd-calendar-header",children:[e.jsx(l.PrevYear,{className:"itd-calendar-prev-year",onClick:s,children:e.jsx("span",{})}),"days"===h&&e.jsx(l.PrevMonth,{className:"itd-calendar-prev-month",onClick:c,children:e.jsx("span",{})}),e.jsxs(l.Middle,{className:"itd-calendar-middle",children:["days"===h&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"itd-calendar-middle-month",onClick:o,children:d}),e.jsx("div",{className:"itd-calendar-middle-year",onClick:x,children:r})]}),"months"===h&&e.jsx("div",{className:"itd-calendar-middle-year",onClick:x,children:r}),"years"===h&&e.jsx("div",{className:"itd-calendar-middle-decade",children:m||r})]}),"days"===h&&e.jsx(l.NextMonth,{className:"itd-calendar-next-month",onClick:i,children:e.jsx("span",{})}),e.jsx(l.NextYear,{className:"itd-calendar-next-year",onClick:t,children:e.jsx("span",{})})]})};