@fluidattacks/design 3.1.6 → 3.1.8

package/dist/components/link/styles.d.ts

@@ -0,0 +1,8 @@
+import { TVariant } from './types';
+interface IStyledLinkProps {
+    $color?: string;
+    $variant: TVariant;
+}
+declare const StyledExternalLink: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, IStyledLinkProps>> & string;
+declare const StyledInternalLink: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react-router-dom').LinkProps & import('react').RefAttributes<HTMLAnchorElement>, IStyledLinkProps>> & string & Omit<import('react').ForwardRefExoticComponent<import('react-router-dom').LinkProps & import('react').RefAttributes<HTMLAnchorElement>>, keyof import('react').Component<any, {}, any>>;
+export { StyledExternalLink, StyledInternalLink };

package/{types → dist}/components/list-item/index.d.ts

@@ -1,4 +1,4 @@
-import { ListItemsWrapper } from "./styles";
-import type { IListItemProps } from "./types";
+import { ListItemsWrapper } from './styles';
+import { IListItemProps } from './types';
 declare const ListItem: ({ children, disabled, icon, iconType, href, onClick, onKeyDown, selected, value, ...props }: Readonly<IListItemProps>) => JSX.Element;
 export { ListItem, ListItemsWrapper };

package/dist/components/list-item/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),n=require("styled-components"),r=require("../../styles-BWVdbvFu.js"),s=require("../container/index.js"),o=require("../icon/index.js"),l=require("../link/index.js");exports.ListItemsWrapper=r.ListItemsWrapper,exports.ListItem=({children:t,disabled:c=!1,icon:a,iconType:d="fa-light",href:p,onClick:u,onKeyDown:x,selected:j=!1,value:m,...y})=>{const h=n.useTheme().palette.gray[c?300:800],b=c?i.Children.map(t,(e=>i.isValidElement(e)?i.cloneElement(e,{disabled:c,...e.props}):e)):t;return e.jsxs(r.Li,{"aria-disabled":c,"aria-label":m,"aria-selected":j,"data-testid":m,onClick:u,onKeyDown:x,value:m,...y,children:[void 0!==a||void 0!==m?e.jsxs(s.Container,{alignItems:"center",display:"flex",gap:.625,children:[a?e.jsx(o.Icon,{disabled:c,icon:a,iconColor:h,iconSize:"xs",iconType:d}):null,void 0===p?b:e.jsx(l.Link,{href:p,children:b})]}):null,j?e.jsx(o.Icon,{disabled:c,icon:"check",iconColor:h,iconSize:"xs",iconType:d}):null]})};

package/dist/components/list-item/styles.d.ts

@@ -0,0 +1,3 @@
+declare const Li: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+declare const ListItemsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+export { Li, ListItemsWrapper };

package/{types → dist}/components/list-item/types.d.ts

@@ -1,5 +1,5 @@
-import type { HTMLAttributes, HTMLProps } from "react";
-import { IIconModifiable } from "components/@core";
+import { HTMLAttributes, HTMLProps } from 'react';
+import { IIconModifiable } from '../@core';
 /**
  * Label component props.
  * @interface ILabelProps

package/{types → dist}/components/little-flag/index.d.ts

@@ -1,4 +1,4 @@
-import { ILittleFlagProps } from "./types";
+import { ILittleFlagProps } from './types';
 declare const LittleFlag: ({ bgColor, children, txtDecoration, ml, }: Readonly<ILittleFlagProps>) => JSX.Element;
 export type { ILittleFlagProps };
 export { LittleFlag };

package/dist/components/little-flag/index.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("styled-components").styled.span`
+  ${({theme:e,$bgColor:t=e.palette.secondary[500],$txtDecoration:o="none"})=>`\n  background-color: ${t};\n  border-radius: 5px;\n  color: ${e.palette.white};\n  font-size: 10px;\n  padding: ${e.spacing[.125]} ${e.spacing[.25]} ${e.spacing[.125]} ${e.spacing[.25]};\n  text-decoration: ${o}\n  `}
+`;exports.LittleFlag=({bgColor:o,children:n,txtDecoration:r,ml:a=1})=>e.jsx(t,{$bgColor:o,$txtDecoration:r,className:`ml-${a}`,children:n});

package/{types → dist}/components/little-flag/styles.d.ts

@@ -2,5 +2,5 @@ interface IStyledLittleFlagProps {
     $bgColor?: string;
     $txtDecoration?: string;
 }
-declare const LittleFlag: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IStyledLittleFlagProps>> & string;
+declare const LittleFlag: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, IStyledLittleFlagProps>> & string;
 export { LittleFlag };

package/{types → dist}/components/loading/index.d.ts

@@ -1,4 +1,4 @@
-import type { ILoadingProps } from "./types";
+import { ILoadingProps } from './types';
 declare const Loading: ({ color, label, size, }: Readonly<ILoadingProps>) => JSX.Element;
 export type { ILoadingProps };
 export { Loading };

package/dist/components/loading/index.js

@@ -0,0 +1,53 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../utils-C2whpEd3.js");require("../../styles-C2CoGJl7.js");const s=require("../container/index.js");require("../typography/heading/index.js"),require("../typography/span/index.js");const i=require("../typography/text/index.js"),o={lg:"56",md:"30",sm:"12"},{getVariant:a}=r.variantBuilder((e=>({red:`stroke: ${e.palette.primary[500]};`,white:`stroke: ${e.palette.white};`}))),n=t.keyframes`
+  0% {
+    transform: rotateZ(0deg);
+  }
+  100% {
+    transform: rotateZ(360deg)
+  }
+`,l=t.keyframes`
+  0%,
+  25% {
+    stroke-dashoffset: 280;
+    transform: rotate(0);
+  }
+
+  50%,
+  75% {
+    stroke-dashoffset: 75;
+    transform: rotate(45deg);
+  }
+
+  100% {
+    stroke-dashoffset: 280;
+    transform: rotate(360deg);
+  }
+`,d=t.styled.svg`
+  ${({$size:e="md"})=>t.css`
+    animation: ${n} 2s linear infinite;
+    animation-timing-function: linear;
+    display: inline-block;
+    width: ${o[e]}px;
+  `}
+`,c=t.styled.circle`
+  ${({theme:e,$color:r="red"})=>t.css`
+    animation: 1.4s ease-in-out infinite both ${l};
+    display: block;
+    fill: transparent;
+    stroke-linecap: round;
+    stroke-dasharray: 283;
+    stroke-dashoffset: 280;
+    stroke-width: 10px;
+    transform-origin: 50% 50%;
+
+    ${a(e,r)}
+  `}
+`,p=t.styled.circle`
+  display: block;
+  fill: transparent;
+  stroke: ${({theme:e})=>e.palette.gray[200]};
+  stroke-linecap: round;
+  stroke-width: 10px;
+  transform-origin: 50% 50%;
+  opacity: ${({$color:e})=>"white"===e?"20%":"unset"};
+`;exports.Loading=({color:r="red",label:o,size:a})=>{const n=t.useTheme();return e.jsxs(s.Container,{alignItems:"center",display:"flex",children:[e.jsxs(d,{$size:a,viewBox:"0 0 100 100",children:[e.jsx(p,{$color:r,cx:"50",cy:"50",r:"45"}),e.jsx(c,{$color:r,cx:"50",cy:"50",r:"45"})]}),o&&e.jsx(i.Text,{color:"red"===r?n.palette.gray[700]:n.palette.white,ml:.5,size:"sm",children:o})]})};

package/dist/components/loading/styles.d.ts

@@ -0,0 +1,9 @@
+import { TColor, TSize } from './types';
+interface IStyledLoadingProps {
+    $color?: TColor;
+    $size?: TSize;
+}
+declare const LoadingContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGSVGElement>, IStyledLoadingProps>> & string;
+declare const Circle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGCircleElement>, IStyledLoadingProps>> & string;
+declare const CircleBg: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGCircleElement>, IStyledLoadingProps>> & string;
+export { Circle, CircleBg, LoadingContainer };

package/{types → dist}/components/logo/index.d.ts

@@ -1,3 +1,3 @@
-import { ILogoProps } from "./types";
+import { ILogoProps } from './types';
 declare const Logo: ({ publicId, variant }: Readonly<ILogoProps>) => JSX.Element;
 export { Logo };

package/dist/components/logo/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../index-TKLFHcRp.js"),t=require("../container/index.js"),r={company:{height:"83px",width:"460px"},footer:{height:"57px",width:"315px"},header:{height:"35px",width:"160px"},icon:{height:"40px",width:"40px"},inline:{width:"150px"}};exports.Logo=({publicId:o,variant:n})=>e.jsx(t.Container,{...r[n],children:e.jsx(i.MemoizedImage,{alt:"logo",publicId:o})});

package/{types → dist}/components/logo-carousel/index.d.ts

@@ -1,3 +1,3 @@
-import { ILogoCarouselProps } from "./types";
+import { ILogoCarouselProps } from './types';
 declare const LogoCarousel: ({ fusion, logos, }: Readonly<ILogoCarouselProps>) => JSX.Element;
 export { LogoCarousel };

package/dist/components/logo-carousel/index.js

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../index-TKLFHcRp.js"),a=require("styled-components"),l=a.styled.div`
+  display: flex;
+  height: 80px;
+  max-width: 1440px;
+  overflow: hidden;
+  position: relative;
+`,o=a.styled.div`
+  height: 79px;
+  width: 64px;
+  flex-shrink: 0;
+  position: absolute;
+  z-index: 11;
+
+  &.left {
+    background: linear-gradient(
+      to right,
+      #fff 57.21%,
+      rgb(255 255 255 / 0%) 100.63%
+    );
+    left: 0;
+  }
+
+  &.right {
+    background: linear-gradient(
+      to left,
+      #fff 57.21%,
+      rgb(255 255 255 / 0%) 100.63%
+    );
+    right: 0;
+  }
+`,r=a.styled.div`
+  display: flex;
+  gap: 40px;
+  animation: clients-animation 50s linear infinite;
+  width: calc(180px * 30);
+
+  @keyframes clients-animation {
+    0% {
+      transform: translateX(0);
+    }
+
+    100% {
+      transform: translateX(calc(-180px * 15));
+    }
+  }
+`,s=["airs/clients-carousel/color/bancolombia","airs/clients-carousel/color/itau_colombia","airs/clients-carousel/color/lulo_bank","airs/clients-carousel/color/oxxo_international","airs/clients-carousel/color/interbank","airs/clients-carousel/color/global_bank","airs/clients-carousel/color/gesa","airs/clients-carousel/color/copa_airlines","airs/clients-carousel/color/consubanco","airs/clients-carousel/color/bantrab","airs/clients-carousel/color/banistmo","airs/clients-carousel/color/banco_internacional","airs/clients-carousel/color/banco_general","airs/clients-carousel/color/banbif","airs/clients-carousel/color/avianca"];exports.LogoCarousel=({fusion:a=!1,logos:t=s})=>e.jsxs(l,{children:[a&&e.jsx(o,{className:"left"}),e.jsx(r,{children:[...t,...t].map(((a,l)=>e.jsx(i.MemoizedImage,{alt:`${a}-${l}`,height:"80px",plugins:[i.placeholder()],publicId:a,width:"140px"},`${a}-${l}`)))}),a&&e.jsx(o,{className:"right"})]});

package/dist/components/logo-carousel/styles.d.ts

@@ -0,0 +1,4 @@
+declare const ClientsContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Rectangle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const SlideShow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { ClientsContainer, Rectangle, SlideShow };

package/{types → dist}/components/lottie/index.d.ts

@@ -1,3 +1,3 @@
-import { ILottieProps } from "./types";
+import { ILottieProps } from './types';
 declare const Lottie: (props: Readonly<ILottieProps>) => JSX.Element;
 export { Lottie };

package/dist/components/lottie/index.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("lottie-light-react"),r=require("styled-components").styled(t).attrs((({autoplay:e=!0})=>({autoplay:e,className:"comp-lottie"})))`
+  ${({$size:e=16})=>`\n    height: ${e}px;\n    width: ${e}px;\n  `}
+`;exports.Lottie=t=>{const{size:s}=t;return e.jsx(r,{$size:s,...t})};

package/dist/components/lottie/styles.d.ts

@@ -0,0 +1,41 @@
+import { ILottieProps } from './types';
+interface IStyledLottieProps extends Partial<ILottieProps> {
+    $size?: ILottieProps["size"];
+}
+declare const StyledLottie: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<Omit<import('lottie-web').AnimationConfigWithData<"svg">, "container" | "animationData"> & {
+    animationData: unknown;
+    lottieRef?: import('lottie-light-react').LottieRef;
+    onComplete?: import('react').AnimationEventHandler | null;
+    onLoopComplete?: import('react').AnimationEventHandler | null;
+    onEnterFrame?: import('react').AnimationEventHandler | null;
+    onSegmentStart?: import('react').AnimationEventHandler | null;
+    onConfigReady?: import('react').AnimationEventHandler | null;
+    onDataReady?: import('react').AnimationEventHandler | null;
+    onDataFailed?: import('react').AnimationEventHandler | null;
+    onLoadedImages?: import('react').AnimationEventHandler | null;
+    onDOMLoaded?: import('react').AnimationEventHandler | null;
+    onDestroy?: import('react').AnimationEventHandler | null;
+} & Omit<import('react').HTMLProps<HTMLDivElement>, "loop"> & {
+    interactivity?: Omit<import('lottie-light-react').InteractivityProps, "lottieObj">;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, Omit<Omit<import('lottie-web').AnimationConfigWithData<"svg">, "container" | "animationData"> & {
+    animationData: unknown;
+    lottieRef?: import('lottie-light-react').LottieRef;
+    onComplete?: import('react').AnimationEventHandler | null;
+    onLoopComplete?: import('react').AnimationEventHandler | null;
+    onEnterFrame?: import('react').AnimationEventHandler | null;
+    onSegmentStart?: import('react').AnimationEventHandler | null;
+    onConfigReady?: import('react').AnimationEventHandler | null;
+    onDataReady?: import('react').AnimationEventHandler | null;
+    onDataFailed?: import('react').AnimationEventHandler | null;
+    onLoadedImages?: import('react').AnimationEventHandler | null;
+    onDOMLoaded?: import('react').AnimationEventHandler | null;
+    onDestroy?: import('react').AnimationEventHandler | null;
+} & Omit<import('react').HTMLProps<HTMLDivElement>, "loop"> & {
+    interactivity?: Omit<import('lottie-light-react').InteractivityProps, "lottieObj">;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}>, never>, IStyledLottieProps>> & string & Omit<(props: import('lottie-light-react').LottieComponentProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>, keyof import('react').Component<any, {}, any>>;
+export type { IStyledLottieProps };
+export { StyledLottie };

package/{types → dist}/components/lottie/types.d.ts

@@ -1,4 +1,4 @@
-import type { LottieComponentProps } from "lottie-light-react";
+import { LottieComponentProps } from 'lottie-light-react';
 /**
  * Lottie component props.
  * @interface ILottieProps

package/{types → dist}/components/menu/index.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
-import type { IMenuProps } from "./types";
+import { PropsWithChildren } from 'react';
+import { IMenuProps } from './types';
 declare const Menu: ({ children, commitSha, commitShortSha, parentElement, userInfo, setVisibility, }: Readonly<PropsWithChildren<IMenuProps>>) => JSX.Element;
 export { Menu };

package/dist/components/menu/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("lodash"),r=require("styled-components"),s=require("../container/index.js"),t=require("../divider/index.js"),n=require("../link/index.js");require("react");const o=require("../../styles-BWVdbvFu.js");require("../icon/index.js");const l=require("../tag/index.js");require("../typography/heading/index.js"),require("../typography/span/index.js");const a=require("../typography/text/index.js"),c=require("../../use-click-outside-BqkLISED.js");exports.Menu=({children:d,commitSha:x,commitShortSha:u,parentElement:h,userInfo:j,setVisibility:p})=>{const m=r.useTheme(),{userName:g,email:y,phone:q,userRole:f}=j;return c.useClickOutside(h,(()=>{p(!1)})),e.jsxs(o.ListItemsWrapper,{children:[e.jsx("li",{className:"user-info",children:e.jsxs(s.Container,{display:"inline-flex",gap:.25,width:"100%",children:[e.jsxs(s.Container,{display:"flex",flexDirection:"column",gap:.25,width:"100%",children:[e.jsx(a.Text,{color:m.palette.gray[800],fontWeight:"bold",size:"sm",children:g}),e.jsx(a.Text,{color:m.palette.gray[400],size:"sm",children:y}),i.isUndefined(q)?void 0:e.jsx(a.Text,{color:m.palette.gray[400],size:"sm",children:q})]}),e.jsx(s.Container,{children:e.jsx(l.Tag,{tagLabel:f,variant:"role"})})]})}),e.jsx(t.Divider,{}),d,e.jsx(t.Divider,{}),e.jsx("li",{className:"commit-info",children:e.jsx(n.Link,{href:`https://gitlab.com/fluidattacks/universe/-/tree/${x}`,iconPosition:"hidden",children:e.jsx(a.Text,{color:m.palette.gray[400],size:"xs",children:`commit : ${u}`})})})]})};

package/{types → dist}/components/message-banner/index.d.ts

@@ -1,3 +1,3 @@
-import type { IMessageBannerProps } from "./types";
+import { IMessageBannerProps } from './types';
 declare const MessageBanner: ({ message, onClickButton, buttonText, buttonFontWeight, icon, onClose, variant, }: Readonly<IMessageBannerProps>) => JSX.Element;
 export { MessageBanner };

package/dist/components/message-banner/index.js

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),n=require("../colors/index.js"),i=require("../container/index.js"),o=require("../icon/index.js");require("../typography/heading/index.js"),require("../typography/span/index.js");const s=require("../typography/text/index.js"),a=r.styled.button`
+  align-items: center;
+  background-color: transparent;
+  border: unset;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  gap: 5px;
+  padding: 0;
+
+  &:hover p {
+    color: ${n.theme.palette.primary[200]};
+  }
+
+  &:hover span {
+    color: ${n.theme.palette.primary[200]};
+  }
+`;exports.MessageBanner=({message:n,onClickButton:l,buttonText:c,buttonFontWeight:p="regular",icon:d,onClose:u,variant:x="web"})=>{const m=r.useTheme(),[g,h]=t.useState(!0),y=t.useCallback((()=>{h(!1),null==u||u()}),[u]),j=(e=>"platform"===e?{normal:"sm",small:void 0}:{normal:"md",small:"sm"})(x);return e.jsxs(i.Container,{alignItems:"center",bgGradient:m.palette.gradients["01"],display:g?"flex":"none",id:"message-banner",justify:"space-between",padding:[.75,.75,.75,.75],children:[e.jsxs(i.Container,{display:"flex",gap:.5,justify:"center",width:"100%",children:[e.jsx(i.Container,{children:"string"==typeof n?e.jsx(s.Text,{color:m.palette.white,display:"inline",size:j.normal,sizeSm:j.small,children:n}):n}),l?e.jsxs(a,{onClick:l,children:[e.jsx(s.Text,{color:m.palette.white,fontWeight:p,size:j.normal,sizeSm:j.small,textDecoration:"underline",children:c}),e.jsx(o.Icon,{icon:d??"arrow-right",iconColor:m.palette.white,iconSize:"xs",iconType:"bold"===p?"fa-regular":"fa-light"})]}):void 0]}),e.jsx(o.Icon,{clickable:!0,hoverColor:m.palette.primary[200],icon:"close",iconColor:m.palette.white,iconSize:"xs",iconType:"fa-light",onClick:y})]})};

package/dist/components/message-banner/styles.d.ts

@@ -0,0 +1,2 @@
+declare const Button: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export { Button };

package/{types → dist}/components/message-banner/types.d.ts

@@ -1,6 +1,6 @@
-import { IconName } from "@fortawesome/free-solid-svg-icons";
-import type { Property } from "csstype";
-import type { MouseEventHandler } from "react";
+import { IconName } from '@fortawesome/free-solid-svg-icons';
+import { Property } from 'csstype';
+import { MouseEventHandler } from 'react';
 type TVariant = "web" | "platform";
 /**
  * Message banner props.

package/{types → dist}/components/message-banner/utils.d.ts

@@ -1,5 +1,5 @@
-import { TVariant } from "./types";
-import { TSize } from "components/@core";
+import { TVariant } from './types';
+import { TSize } from '../@core';
 declare const getFontSize: (variant: TVariant) => {
     normal: TSize;
     small: TSize | undefined;

package/{types → dist}/components/modal/index.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from "react";
-import { ModalConfirm } from "./modal-confirm";
-import type { IModalProps } from "./types";
+import { PropsWithChildren } from 'react';
+import { ModalConfirm } from './modal-confirm';
+import { IModalProps } from './types';
 declare const Modal: ({ _portal, cancelButton, children, confirmButton, content, description, modalRef, otherActions, onClose, title, size, id, }: Readonly<PropsWithChildren<IModalProps>>) => JSX.Element | null;
 export { Modal, ModalConfirm };

package/dist/components/modal/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("lodash"),i=require("react-dom"),t=require("./modal-confirm/index.js"),o=require("./modal-footer/index.js"),a=require("./modal-header/index.js"),n=require("../../styles-CdD9waPD.js"),d=require("../../index-TKLFHcRp.js");require("../typography/heading/index.js"),require("../typography/span/index.js");const s=require("../typography/text/index.js");exports.ModalConfirm=t.ModalConfirm,exports.Modal=({_portal:t=!0,cancelButton:l,children:m,confirmButton:c,content:u,description:p="",modalRef:x,otherActions:j,onClose:g,title:h="",size:y,id:f="modal-container"})=>{const q=()=>e.jsx(n.ModalWrapper,{"aria-label":x.name,"aria-modal":"true",id:"modal-wrapper",children:e.jsxs(n.ModalContainer,{$size:y,"data-testid":f,id:f,children:[!r.isEmpty(h)&&e.jsx(a.ModalHeader,{description:p,modalRef:x,onClose:g,otherActions:j,title:h}),m,r.isObject(u)&&r.isString(u.imageSrc)&&e.jsx(n.ImageContainer,{$framed:u.imageFramed,children:e.jsx(d.MemoizedImage,{alt:"modal-img",publicId:u.imageSrc})}),r.isObject(u)&&r.isString(u.imageText)&&e.jsx(s.Text,{mb:1.5,size:"sm",children:u.imageText}),e.jsx(o.ModalFooter,{cancelButton:l,confirmButton:c,modalRef:x})]})});return t&&x.isOpen?i.createPortal(q(),document.getElementById("portals")??document.body):x.isOpen?q():null};

package/{types → dist}/components/modal/modal-confirm/index.d.ts

@@ -1,3 +1,3 @@
-import type { IModalConfirmProps } from "../types";
+import { IModalConfirmProps } from '../types';
 declare const ModalConfirm: ({ disabled, id, onCancel, onConfirm, txtCancel, txtConfirm, }: Readonly<IModalConfirmProps>) => JSX.Element;
 export { ModalConfirm };

package/dist/components/modal/modal-confirm/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../button/index.js"),e=require("../../container/index.js");exports.ModalConfirm=({disabled:n,id:r="modal-confirm",onCancel:o,onConfirm:a="submit",txtCancel:d,txtConfirm:s})=>{const c="submit"===a;return t.jsxs(e.Container,{display:"flex",gap:.75,maxWidth:o?"392px":"190px",mt:1.5,children:[o?t.jsx(i.Button,{id:`${r}-cancel`,justify:"center",onClick:o,variant:"tertiary",width:"100%",children:d??"Cancel"}):void 0,t.jsx(i.Button,{disabled:n,id:r,justify:"center",onClick:c?void 0:a,type:c?"submit":"button",variant:"primary",width:"100%",children:s??"Confirm"})]})};

package/{types → dist}/components/modal/modal-footer/index.d.ts

@@ -1,3 +1,3 @@
-import type { IModalFooterProps } from "../types";
+import { IModalFooterProps } from '../types';
 declare const ModalFooter: ({ modalRef, confirmButton, cancelButton, }: Readonly<IModalFooterProps>) => JSX.Element | null;
 export { ModalFooter };

package/dist/components/modal/modal-footer/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("lodash"),r=require("react"),i=require("../../../styles-CdD9waPD.js"),l=require("../../button/index.js");exports.ModalFooter=({modalRef:n,confirmButton:o,cancelButton:s})=>{const{close:c}=n,u=r.useCallback((()=>{null==s||s.onClick(),c()}),[s,c]),a=r.useCallback((()=>{null==o||o.onClick(),c()}),[o,c]);return[o,s].some((e=>!t.isEmpty(e)))?e.jsx(i.Footer,{children:e.jsxs("div",{children:[s&&e.jsx(l.Button,{onClick:u,variant:"tertiary",width:"100%",children:s.text}),o&&e.jsx(l.Button,{onClick:a,variant:"primary",width:"100%",children:o.text})]})}):null};

package/{types → dist}/components/modal/modal-header/index.d.ts

@@ -1,3 +1,3 @@
-import type { IModalHeaderProps } from "../types";
+import { IModalHeaderProps } from '../types';
 declare const ModalHeader: ({ title, description, modalRef, otherActions, onClose, }: Readonly<IModalHeaderProps>) => JSX.Element;
 export { ModalHeader };

package/dist/components/modal/modal-header/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("lodash"),t=require("react"),r=require("styled-components"),s=require("../../../styles-CdD9waPD.js"),n=require("../../icon-button/index.js"),o=require("../../typography/heading/index.js");require("../../typography/span/index.js");const l=require("../../typography/text/index.js");exports.ModalHeader=({title:c,description:d,modalRef:a,otherActions:u,onClose:p})=>{const x=r.useTheme(),y=t.useCallback((()=>{null==p||p(),a.close()}),[a,p]);return t.useEffect((()=>{const e=e=>{"Escape"===e.key&&y()};return window.addEventListener("keydown",e),()=>{window.removeEventListener("keydown",e)}}),[y]),e.jsxs(s.Header,{children:[e.jsxs(s.Title,{children:["string"==typeof c?e.jsx(o.Heading,{fontWeight:"bold",lineSpacing:1.75,mr:1,size:"sm",children:c}):c,e.jsxs("div",{className:"flex",children:[u,e.jsx(n.IconButton,{icon:"close",iconColor:x.palette.gray[300],iconSize:"xs",iconType:"fa-light",id:"modal-close",onClick:y,variant:"ghost"})]})]}),d&&i.isString(d)&&!i.isEmpty(d)?e.jsx(l.Text,{mt:.5,size:"sm",children:d}):d]})};

package/dist/components/modal/styles.d.ts

@@ -0,0 +1,16 @@
+import { TSize } from './types';
+declare const ModalWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;
+declare const ModalContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $size: TSize;
+}>> & string;
+declare const Header: 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('styled-components').FastOmit<import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}>, never>, never>> & string;
+declare const Footer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const ImageContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $framed?: boolean;
+}>> & string;
+export { Header, ModalContainer, Footer, ModalWrapper, ImageContainer, Title };

package/{types → dist}/components/modal/types.d.ts

@@ -1,4 +1,4 @@
-import type { IUseModal } from "hooks";
+import { IUseModal } from '../../hooks';
 type TSize = "lg" | "md" | "sm";
 /**
  * Button props.

package/{types → dist}/components/notification/index.d.ts

@@ -1,3 +1,3 @@
-import type { INotificationProps } from "./types";
+import { INotificationProps } from './types';
 declare const Notification: ({ description, onClose, title, variant, }: Readonly<INotificationProps>) => JSX.Element;
 export { Notification };

package/dist/components/notification/index.js

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("react"),i=require("styled-components"),t=require("../container/index.js"),o=require("../icon/index.js"),s=require("../icon-button/index.js"),a=require("../typography/heading/index.js");require("../typography/span/index.js");const r=require("../typography/text/index.js"),c=i.styled.div`
+  ${({theme:n,$variant:e})=>`\n    background: ${n.palette.white};\n    border: 1px solid ${n.palette.gray[200]};\n    border-radius: ${n.spacing[.25]};\n    border-left: 4px solid ${n.palette[e][500]};\n    box-shadow: ${n.shadows.md};\n    position: relative;\n    display: flex;\n    width: 360px;\n    padding: ${n.spacing[1.25]} ${n.spacing[1]} ${n.spacing[1.25]} ${n.spacing[.75]};\n    gap: ${n.spacing[.5]};\n\n    button {\n      position: absolute;\n      top: 20px;\n      right: 16px;\n    }\n  `}
+`,l=i.styled.div`
+  ${({theme:n,$variant:e})=>`\n    height: ${n.spacing[2.5]};\n    width: ${n.spacing[2.5]};\n    position: relative;\n    flex-shrink: 0;\n\n    & .ellipse-1,\n    & .ellipse-2,\n    & .icon {\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      position: absolute;\n    }\n\n    & .ellipse-1 {\n      transform: scale(2.5) translate(-20%, -20%);\n      color: ${n.palette[e][50]};\n      position: absolute;\n    }\n\n    & .ellipse-2 {\n      transform: scale(2) translate(-25%, -25%);\n      color: ${n.palette[e][200]};\n    }\n\n    & .icon {\n      color: ${n.palette[e][500]};\n    }\n  `}
+`;exports.Notification=({description:p,onClose:d,title:x,variant:g})=>{const h=i.useTheme(),u=e.useCallback((()=>{null==d||d()}),[d]);return n.jsxs(c,{$variant:g,className:`notification notification__${g}`,role:"alertdialog",children:[n.jsxs(l,{$variant:g,children:[n.jsx(o.Icon,{icon:"circle",iconClass:"ellipse-1",iconSize:"xs"}),n.jsx(o.Icon,{icon:"circle",iconClass:"ellipse-2",iconSize:"xs"}),n.jsx(o.Icon,{icon:($=g,"warning"===$?"triangle-exclamation":"info"===$?"circle-info":"success"===$?"circle-check":"circle-exclamation"),iconClass:"icon",iconSize:"xs",iconType:"fa-light"})]}),n.jsxs(t.Container,{pr:1.5,children:[n.jsx(a.Heading,{fontWeight:"bold",size:"xs",children:x}),n.jsx(r.Text,{size:"sm",whiteSpace:"break-spaces",wordWrap:"break-word",children:p})]}),n.jsx(s.IconButton,{height:"fit-content",icon:"close",iconColor:h.palette.gray[400],iconSize:"xs",iconType:"fa-light",onClick:u,px:.125,py:.125,variant:"ghost"})]});var $};

package/dist/components/notification/styles.d.ts

@@ -0,0 +1,7 @@
+import { TNotificationVariant } from './types';
+interface IAlertAndNotifyBoxProps {
+    $variant: TNotificationVariant;
+}
+declare const NotificationContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IAlertAndNotifyBoxProps>> & string;
+declare const IconsContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IAlertAndNotifyBoxProps>> & string;
+export { IconsContainer, NotificationContainer };

package/dist/components/notification/utils.d.ts

@@ -0,0 +1,4 @@
+import { IconName } from '@fortawesome/free-solid-svg-icons';
+import { TNotificationVariant } from './types';
+declare const getIcon: (variant: TNotificationVariant) => IconName;
+export { getIcon };

package/dist/components/notification-sign/index.d.ts

@@ -0,0 +1,3 @@
+import { INotificationSignProps } from './types';
+declare const NotificationSign: import('react').ForwardRefExoticComponent<Readonly<INotificationSignProps> & import('react').RefAttributes<HTMLDivElement>>;
+export { NotificationSign };

package/dist/components/notification-sign/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),n=require("styled-components"),r=require("../../styles-C2CoGJl7.js"),i=n.styled(r.BaseComponent)`
+  ${({theme:e,$variant:t})=>`\n    align-items: center;\n    background: ${"error"===t?e.palette.primary[400]:e.palette.warning[500]};\n    border-radius: 100%;\n    font-family: ${e.typography.type.primary};\n    justify-content: center;\n    padding: 0;\n    position: absolute;\n    z-index: 11;\n    width: ${e.spacing[.5]};\n    height: ${e.spacing[.5]};\n  `}
+`,a=n.styled.div`
+  align-items: center;
+  color: ${({theme:e})=>e.palette.white};
+  display: flex;
+  font-size: 6px;
+  font-weight: ${({theme:e})=>e.typography.weight.bold};
+  justify-content: center;
+`,o=t.forwardRef((function({numberIndicator:t,show:n,variant:r="error",...o},s){return e.jsx(i,{$variant:r,className:n?"flex":"hidden","data-testid":"notification-sign",ref:s,...o,children:t&&e.jsx(a,{children:t<=9?t:9})})}));exports.NotificationSign=o;

package/dist/components/notification-sign/styles.d.ts

@@ -0,0 +1,9 @@
+import { INotificationSignProps } from './types';
+interface IStyledNotificationSignProps {
+    $variant?: INotificationSignProps["variant"];
+}
+declare const NotificationSignButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<Omit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('../@core').IPaddingModifiable | keyof import('../@core').IMarginModifiable | keyof import('../@core').IPositionModifiable | keyof import('../@core').IBorderModifiable | keyof import('../@core').IDisplayModifiable | keyof import('../@core').ITextModifiable | keyof import('../@core').IInteractionModifiable> & import('../@core').IBorderModifiable & import('../@core').IDisplayModifiable & import('../@core').IInteractionModifiable & import('../@core').IMarginModifiable & import('../@core').IPaddingModifiable & import('../@core').IPositionModifiable & import('../@core').ITextModifiable, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, IStyledNotificationSignProps>> & string;
+declare const NumberIndicator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { NotificationSignButton, NumberIndicator };

package/{types → dist}/components/notification-sign/types.d.ts

@@ -1,4 +1,4 @@
-import { IPositionModifiable } from "components/@core";
+import { IPositionModifiable } from '../@core';
 type TVariant = "error" | "warning";
 /**
  * Notification sign component props.

package/{types → dist}/components/number-input/index.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import type { INumberInputProps } from "./types";
+import { default as React } from 'react';
+import { INumberInputProps } from './types';
 declare const NumberInput: React.ForwardRefExoticComponent<Readonly<INumberInputProps> & React.RefAttributes<HTMLInputElement>>;
 export type { INumberInputProps };
 export { NumberInput };

package/dist/components/number-input/index.js

@@ -0,0 +1,34 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("lodash"),r=require("react"),a=require("styled-components"),n=require("../../index-CmylnDrF.js"),o=a.styled.div`
+  width: fit-content;
+  border: ${({theme:e})=>`1px solid ${e.palette.gray[300]}`};
+  border-radius: 4px;
+  background: none;
+  color: ${({theme:e})=>e.palette.black};
+  font-family: ${({theme:e})=>e.typography.type.primary};
+  font-size: ${({theme:e})=>e.typography.text.md};
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0.5em;
+`,i=a.styled.input`
+  width: 4em;
+  appearance: textfield;
+  border-style: none;
+  padding: 0.5rem;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem;
+  padding-left: 0.5rem;
+  background: none;
+
+  &:focus {
+    border-color: unset;
+    box-shadow: none;
+    outline: none;
+  }
+
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    opacity: 1;
+  }
+`,u=r.forwardRef((function({autoUpdate:a=!1,decimalPlaces:u=0,defaultValue:l=0,max:d,min:p,name:s,onEnter:m,tooltipMessage:b,...c},g){const x=u<0?0:u,[y,h]=r.useState(Number(l).toFixed(x)),f=r.useCallback((e=>{const r=t.toNumber(e.target.value);e.target.value.endsWith(".")?h(e.target.value):r>=Number(p)&&r<=Number(d)&&(h(String(r)),a&&m(t.toNumber(r.toFixed(x)))),e.stopPropagation()}),[a,x,d,p,m]),v=r.useCallback((e=>{e.currentTarget.contains(e.relatedTarget)||h(Number(l).toFixed(x)),e.stopPropagation()}),[x,l]),N=r.useCallback((e=>{e.stopPropagation(),"Enter"!==e.key||t.isEmpty(e.currentTarget.value)||m(t.toNumber(e.currentTarget.value))}),[m]);return e.jsx(o,{onBlur:v,tabIndex:-1,children:e.jsx(n.Tooltip,{id:"numberInputTooltip",tip:b,children:e.jsx(i,{...c,"aria-label":s,"aria-valuemax":Number(d),"aria-valuemin":Number(p),"aria-valuenow":Number(y),max:d,min:p,name:s,onChange:f,onKeyUp:N,ref:g,step:10**-x,type:"number",value:y})})})}));exports.NumberInput=u;

package/dist/components/number-input/styles.d.ts

@@ -0,0 +1,3 @@
+declare const StyledInputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export { StyledInputContainer, StyledInput };

package/{types → dist}/components/number-input/types.d.ts

@@ -1,4 +1,4 @@
-import { InputHTMLAttributes } from "react";
+import { InputHTMLAttributes } from 'react';
 /**
  *  Number input component props.
  * @interface INumberInputProps

package/{types → dist}/components/oauth-selector/index.d.ts

@@ -1,5 +1,5 @@
-import { PropsWithChildren } from "react";
-import { OptionContainer } from "./option-container";
-import type { IOAuthSelectorProps } from "./types";
+import { PropsWithChildren } from 'react';
+import { OptionContainer } from './option-container';
+import { IOAuthSelectorProps } from './types';
 declare const OAuthSelector: ({ align, buttonLabel, children, id, manualOption, providers, }: Readonly<PropsWithChildren<IOAuthSelectorProps>>) => JSX.Element;
 export { OAuthSelector, OptionContainer };

package/dist/components/oauth-selector/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),n=require("styled-components"),t=require("./option-container/index.js"),r=require("../button/index.js"),o=require("../container/index.js"),l=require("../../use-click-outside-BqkLISED.js");exports.OptionContainer=t.OptionContainer,exports.OAuthSelector=({align:s="end",buttonLabel:a="Add Credential",children:u,id:d,manualOption:c,providers:p})=>{const x=n.useTheme(),[b,C]=i.useState(!1),m=i.useRef(null);l.useClickOutside(m.current,(()=>{C(!1)}),!0);const j=i.useCallback((e=>{null==c||c.onClick(e),C(!1)}),[c]),h=i.useCallback((()=>{C((e=>!e))}),[C]),k=i.useCallback((e=>i=>{var n;null==(n=p[e])||n.onClick(i),C(!1)}),[p]);return e.jsxs(o.Container,{alignItems:s,display:"flex",flexDirection:"column",position:"relative",ref:m,width:"max-content",zIndex:10,children:[e.jsx(r.Button,{icon:"plus",onClick:h,variant:"primary",children:a}),e.jsxs(o.Container,{alignItems:"center",bgColor:"#fff",border:`1px solid ${x.palette.gray[200]}`,borderRadius:"4px",display:"flex",gap:.5,height:"78px",id:d,pb:.5,pl:.75,position:"absolute",pr:.75,pt:.5,shadow:"md",top:"40px",visibility:b?"visible":"hidden",zIndex:10,children:[Object.keys(p).map((i=>e.jsx(t.OptionContainer,{onClick:k(i),provider:i},i))),void 0===c?void 0:e.jsx(t.OptionContainer,{icon:"square-plus",label:c.label??"Add manually",onClick:j}),u]})]})};

package/{types → dist}/components/oauth-selector/option-container/index.d.ts

@@ -1,3 +1,3 @@
-import type { IOptionContainerProps } from "../types";
+import { IOptionContainerProps } from '../types';
 declare const OptionContainer: ({ icon, label, onClick, onlyLabel, provider, }: Readonly<IOptionContainerProps>) => JSX.Element;
 export { OptionContainer };

package/dist/components/oauth-selector/option-container/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("styled-components"),i=require("../../../index-TKLFHcRp.js"),n=require("../../container/index.js"),r=require("../../icon/index.js");require("../../typography/heading/index.js"),require("../../typography/span/index.js");const o=require("../../typography/text/index.js"),a={Azure:"integrates/autoenrollment/azureIcon",Bitbucket:"integrates/autoenrollment/bitbucketLogo",GitHub:"integrates/autoenrollment/githubLogo",GitLab:"integrates/autoenrollment/gitlabIcon"};exports.OptionContainer=({icon:l,label:s,onClick:c,onlyLabel:p=!1,provider:u="GitLab"})=>{const d=t.useTheme();return e.jsxs(n.Container,{alignItems:"center",bgColorHover:d.palette.gray[100],borderRadius:"4px",cursor:"pointer",display:"flex",flexDirection:"column",gap:.25,height:"62px",justify:"center",minWidth:"64px",onClick:c,pb:.5,pl:.25,pr:.25,pt:.5,children:[!p&&e.jsx(n.Container,{height:"24px",width:"24px",children:void 0===l?e.jsx(i.MemoizedImage,{alt:`${u} Logo`,height:"100%",publicId:a[u],width:"100%"}):e.jsx(r.Icon,{icon:l,iconColor:"#000",iconSize:"sm",iconType:"fa-light"})}),e.jsx(n.Container,{alignItems:"center",display:"flex",minWidth:"24px",children:e.jsx(o.Text,{color:d.palette.gray[800],display:"inline",size:"xs",textAlign:"center",whiteSpace:p?"break-spaces":"nowrap",wordWrap:"unset",children:s??u})})]})};

package/{types → dist}/components/oauth-selector/types.d.ts

@@ -1,6 +1,6 @@
-import type { Property } from "csstype";
-import type { MouseEventHandler } from "react";
-import { IIconModifiable } from "components/@core";
+import { Property } from 'csstype';
+import { MouseEventHandler } from 'react';
+import { IIconModifiable } from '../@core';
 type TOAuthProvider = "Azure" | "Bitbucket" | "GitHub" | "GitLab";
 /**
  * Shared props for OAuth selector.

package/{types → dist}/components/plan-card/index.d.ts

@@ -1,3 +1,3 @@
-import { IPlanCardProps } from "./types";
+import { IPlanCardProps } from './types';
 declare const PlanCard: ({ description: customDescription, onClick, plan, }: Readonly<IPlanCardProps>) => JSX.Element;
 export { PlanCard };