@inntechcorp/it-design 2.2.90 → 3.1.0

package/dist/alert/Description.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+export type AlertDescriptionProps = {
+    children?: ReactNode;
+    className?: string;
+};
+export declare const AlertDescription: FC<AlertDescriptionProps>;
+export default AlertDescription;

package/dist/alert/Title.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+export type AlertTitleProps = {
+    children?: ReactNode;
+    className?: string;
+};
+export declare const AlertTitle: FC<AlertTitleProps>;
+export default AlertTitle;

package/dist/alert/alert.style.neutral.d.ts

@@ -0,0 +1,4 @@
+/**
+ * NEUTRAL ALERT (neutral/subtle style)
+ */
+export declare const getNeutralAlert: () => import("styled-components").RuleSet<object>;

package/dist/alert/index.d.ts

@@ -1,6 +1,8 @@
 import { AlertProps } from "../index";
 declare const Alert: {
-    ({ type, size, title, className, children, icon, }: AlertProps): import("react/jsx-runtime").JSX.Element;
+    ({ type, size, variant, title, className, children, icon, }: AlertProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Alert;
+export { AlertTitle } from './Title';
+export { AlertDescription } from './Description';

package/dist/alert/styled.d.ts

@@ -1,8 +1,4 @@
 declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-declare const Description: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-declare const Texts: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $noTitle: boolean;
-}>> & string;
-declare const IconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export { Wrapper, IconWrapper, Title, Description, Texts };
+declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Description: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { Wrapper, Title, Description };

package/dist/alink/styled.d.ts

@@ -1,2 +1,2 @@
-declare const NavigationLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
+declare const NavigationLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-router").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router").NavLinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
 export { NavigationLink };

package/dist/button/index.d.ts

@@ -1,3 +1,3 @@
-import { ButtonProps } from '../index';
+import type { ButtonProps } from '../types/ButtonProps';
 declare const Button: ({ id, disabled, loading, selected, circle, strecth, justify, contentPosition, type, variant, size, state, icon, href, target, className, children, onClick }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default Button;

package/dist/card/index.d.ts

@@ -1,3 +1,3 @@
 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;
+declare const Card: ({ title, description, extra, tabs, onTabChange, minWidth, minHeight, children, className, variant, titleSeparator, activeTabKey, updating, contentPadding, }: CardProps) => import("react/jsx-runtime").JSX.Element;
 export default Card;

package/dist/card/styles.d.ts

@@ -8,8 +8,9 @@ declare const Header: import("styled-components/dist/types").IStyledComponentBas
     $showSeparator?: boolean;
 }>> & string;
 declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Description: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $padding?: string;
 }>> & string;
 declare const Extra: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export { Wrapper, Body, Header, Title, Content, Extra };
+export { Wrapper, Body, Header, Title, Description, Content, Extra };

package/dist/checkbox/styled.d.ts

@@ -1,4 +1,5 @@
-declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+import { ErrorTooltip } from '../utils/CommonStyledComponents';
+declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const CheckboxInnerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const Checkmark: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
     $isChecked: boolean;
@@ -6,5 +7,4 @@ declare const Checkmark: import("styled-components/dist/types").IStyledComponent
     $isIndeterminate?: boolean;
 }>> & string;
 declare const CheckboxInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
-declare const ErrorTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export { Wrapper, CheckboxInnerWrapper, CheckboxInput, Checkmark, ErrorTooltip };

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"),r=require("./styled.js");const s=({children:s,className:t})=>e.jsx(r.Description,{className:`itd-alert-description ${t||""}`,children:s});s.displayName="ITD-Alert-Description",exports.AlertDescription=s,exports.default=s;

package/dist/cjs/alert/Title.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./styled.js");const r=({children:r,className:l})=>e.jsx(t.Title,{className:`itd-alert-title ${l||""}`,children:r});r.displayName="ITD-Alert-Title",exports.AlertTitle=r,exports.default=r;

package/dist/cjs/alert/alert.style.error.js

@@ -0,0 +1,32 @@
+"use strict";var r=require("styled-components");exports.getErrorAlert=()=>r.css`
+
+    &.itd-alert-error {
+
+      &.itd-alert-default {
+        border: 1px solid ${({theme:r})=>r.colorAlertErrorBorder};
+      }
+
+      &.itd-alert-filled {
+        border: 1px solid transparent;
+      }
+
+      &.itd-alert-default, &.itd-alert-filled {
+
+        background: ${({theme:r})=>r.colorAlertErrorBackground};
+
+        .itd-alert-title {
+          color: ${({theme:r})=>r.colorAlertErrorTitle};
+        }
+
+        .itd-alert-description {
+          color: ${({theme:r})=>r.colorAlertErrorText};
+        }
+        
+        svg {
+          color: ${({theme:r})=>r.colorAlertErrorText};
+        }
+        
+      }
+
+    }
+  `;

package/dist/cjs/alert/alert.style.info.js

@@ -0,0 +1,32 @@
+"use strict";var e=require("styled-components");exports.getInfoAlert=()=>e.css`
+
+    &.itd-alert-info {
+
+      &.itd-alert-default {
+        border: 1px solid ${({theme:e})=>e.colorAlertInfoBorder};
+      }
+
+      &.itd-alert-filled {
+        border: 1px solid transparent;
+      }
+
+      &.itd-alert-default, &.itd-alert-filled {
+
+        background: ${({theme:e})=>e.colorAlertInfoBackground};
+
+        .itd-alert-title {
+          color: ${({theme:e})=>e.colorAlertInfoTitle};
+        }
+
+        .itd-alert-description {
+          color: ${({theme:e})=>e.colorAlertInfoText};
+        }
+        
+        svg {
+          color: ${({theme:e})=>e.colorAlertInfoText};
+        }
+
+      }
+
+    }
+  `;

package/dist/cjs/alert/alert.style.neutral.js

@@ -0,0 +1,32 @@
+"use strict";var e=require("styled-components");exports.getNeutralAlert=()=>e.css`
+
+    &.itd-alert-neutral {
+
+      &.itd-alert-default {
+        background: ${({theme:e})=>e.card};
+        border: 1px solid ${({theme:e})=>e.colorBorder};
+      }
+
+      &.itd-alert-filled {
+        background: ${({theme:e})=>e.colorBackgroundAlt};
+        border: 1px solid transparent;
+      }
+
+      &.itd-alert-default, &.itd-alert-filled {
+
+        .itd-alert-title {
+          color: ${({theme:e})=>e.colorText};
+        }
+
+        .itd-alert-description {
+          color: ${({theme:e})=>e.colorTextMuted};
+        }
+
+        svg {
+          color: ${({theme:e})=>e.colorText};
+        }
+
+      }
+
+    }
+  `;

package/dist/cjs/alert/alert.style.success.js

@@ -0,0 +1,32 @@
+"use strict";var e=require("styled-components");exports.getSuccessAlert=()=>e.css`
+
+    &.itd-alert-success {
+
+      &.itd-alert-default {
+        border: 1px solid ${({theme:e})=>e.colorAlertSuccessBorder};
+      }
+
+      &.itd-alert-filled {
+        border: 1px solid transparent;
+      }
+
+      &.itd-alert-default, &.itd-alert-filled {
+
+        background: ${({theme:e})=>e.colorAlertSuccessBackground};
+
+        .itd-alert-title {
+          color: ${({theme:e})=>e.colorAlertSuccessTitle};
+        }
+
+        .itd-alert-description {
+          color: ${({theme:e})=>e.colorAlertSuccessText};
+        }
+
+        svg {
+          color: ${({theme:e})=>e.colorAlertSuccessText};
+        }
+
+      }
+
+    }
+  `;

package/dist/cjs/alert/alert.style.warning.js

@@ -0,0 +1,32 @@
+"use strict";var r=require("styled-components");exports.getWarningAlert=()=>r.css`
+
+    &.itd-alert-warning {
+
+      &.itd-alert-default {
+        border: 1px solid ${({theme:r})=>r.colorAlertWarningBorder};
+      }
+
+      &.itd-alert-filled {
+        border: 1px solid transparent;
+      }
+
+      &.itd-alert-default, &.itd-alert-filled {
+
+        background: ${({theme:r})=>r.colorAlertWarningBackground};
+
+        .itd-alert-title {
+          color: ${({theme:r})=>r.colorAlertWarningTitle};
+        }
+
+        .itd-alert-description {
+          color: ${({theme:r})=>r.colorAlertWarningText};
+        }
+
+        svg {
+          color: ${({theme:r})=>r.colorAlertWarningText};
+        }
+
+      } 
+      
+    }
+  `;

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("./styled.js"),r=require("react"),s=require("./Title.js"),l=require("./Description.js"),o=require("../node_modules/lucide-react/dist/esm/icons/info.js");const u=({type:u="info",size:p=t.ComponentSizes.SMALL,variant:a=t.ComponentVariants.DEFAULT,title:c,className:d,children:S,icon:m})=>{const A=r.useMemo(()=>{let e="itd-alert";return e+=" itd-alert-"+u,e+=" itd-alert-"+(p===t.ComponentSizes.X_SMALL?t.ComponentSizesSlug.X_SMALL:p===t.ComponentSizes.SMALL?t.ComponentSizesSlug.SMALL:p===t.ComponentSizes.MEDIUM?t.ComponentSizesSlug.MEDIUM:p===t.ComponentSizes.DEFAULT?t.ComponentSizesSlug.DEFAULT:p===t.ComponentSizes.LARGE?t.ComponentSizesSlug.LARGE:p===t.ComponentSizes.X_LARGE?t.ComponentSizesSlug.X_LARGE:t.ComponentSizesSlug.DEFAULT),e+=" itd-alert-"+a,""!==d&&(e+=" "+d),e},[u,p,a,d]),L=r.Children.toArray(S);let C=m,z=null,D=null,j=[];L.forEach(t=>{if(r.isValidElement(t)){const e=t.type?.displayName||t.type?.name;"ITD-Alert-Title"===e?z=t:"ITD-Alert-Description"===e?D=t:!C&&(e?.includes("Icon")||e?.includes("Lucide")||t.type?.$$typeof?.toString().includes("react.forward_ref")||!z&&!D)?C=t:j.push(t)}else t&&!D&&(D=e.jsx(l.AlertDescription,{children:t}))}),c&&!z&&(z=e.jsx(s.AlertTitle,{children:c})),j.length>0&&!D&&(D=e.jsx(l.AlertDescription,{children:j}));const f=!!C;return e.jsxs(n.Wrapper,{className:A,"data-has-icon":f?"true":"false",children:[f&&(C?"string"==typeof C?e.jsx(i.default,{src:C}):C:e.jsx(o.default,{size:16})),z,D]})};u.displayName="ITD-Alert",exports.AlertTitle=s.AlertTitle,exports.AlertDescription=l.AlertDescription,exports.default=u;

package/dist/cjs/alert/styled.js

@@ -0,0 +1,68 @@
+"use strict";var t=require("styled-components"),e=require("../helpers/theme/tokens.js"),i=require("./alert.style.neutral.js"),r=require("./alert.style.success.js"),a=require("./alert.style.error.js"),l=require("./alert.style.info.js"),s=require("./alert.style.warning.js");const n=t.div`
+
+  display       : grid;
+  align-items   : flex-start;
+  width         : 100%;
+  position      : relative;
+
+  row-gap               : calc(var(--itd-spacing) * .5);
+  padding-block         : calc(var(--itd-spacing) * 3);
+  padding-inline        : calc(var(--itd-spacing) * 4);
+  border-radius         : calc( ${({theme:t})=>t.borderRadius});
+
+  &:has(>svg) {
+    grid-template-columns : calc(var(--itd-spacing) * 4) 1fr;
+    column-gap            : calc(var(--itd-spacing) * 3);
+  }
+
+  &:not(:has(>svg)) {
+    grid-template-columns : 0 1fr;
+    column-gap            : 0;
+  }
+
+  /* Icon varsa ilk kolonda */
+  >svg {
+    width                 : calc(var(--itd-spacing) * 4);
+    height                : calc(var(--itd-spacing) * 4);
+    --itd-translate-y         : calc(var(--itd-spacing) * .5);
+    translate             : var(--itd-translate-x) var(--itd-translate-y);
+  }
+
+  /* ------------------------ */
+  // NEUTRAL
+  /* ------------------------ */
+  ${()=>i.getNeutralAlert()}
+  
+  /* ------------------------ */
+  // SUCCESS
+  /* ------------------------ */
+  ${()=>r.getSuccessAlert()}
+
+  /* ------------------------ */
+  // INFO
+  /* ------------------------ */
+  ${()=>l.getInfoAlert()}
+
+  /* ------------------------ */
+  // WARNING
+  /* ------------------------ */
+  ${()=>s.getWarningAlert()}
+
+  /* ------------------------ */
+  // ERROR
+  /* ------------------------ */
+  ${()=>a.getErrorAlert()}
+  
+`,c=t.div`
+  font-size         : ${e.ALERT_TOKENS.title.fontSize};
+  line-height       : ${e.ALERT_TOKENS.title.lineHeight};
+  font-weight       : ${e.ALERT_TOKENS.title.fontWeight};
+  color             : ${({theme:t})=>t.colorText};
+  grid-column-start : 2;
+`,o=t.div`
+  font-size         : ${e.ALERT_TOKENS.description.fontSize};
+  line-height       : ${e.ALERT_TOKENS.description.lineHeight};
+  font-weight       : ${e.ALERT_TOKENS.description.fontWeight};
+  color             : ${({theme:t})=>t.colorTextMuted};
+  grid-column-start : 2;
+`;exports.Description=o,exports.Title=c,exports.Wrapper=n;

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