@fluidattacks/design 3.1.7 → 3.1.8

package/dist/components/plan-card/index.js

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("./recommended-tag/index.js"),t=require("styled-components"),i=require("../button/index.js"),a=require("../colors/index.js"),r=require("../container/index.js"),s=require("../typography/heading/index.js");require("../typography/span/index.js");const o=require("../typography/text/index.js"),d=t.styled.div`
+  ${({className:e,theme:n})=>`\n    align-items: flex-start;\n    border-radius: ${n.spacing[1]};\n    background: ${n.palette.white};\n    display: flex;\n    flex-direction: column;\n    gap: ${n.spacing[1]};\n    padding: ${n.spacing[1.5]};\n    position: relative;\n    width: 320px;\n\n    button {\n      text-align: center;\n      width: 100%;\n    }\n\n    ${"essential"===e?`border: 2px solid ${n.palette.gray[300]};`:`\n          box-shadow: 0px 9px 18px 0px rgba(243, 38, 55, 0.06),\n            0px 18px 27px 0px rgba(243, 38, 55, 0.10);\n\n          &::before {\n            background: ${n.palette.gradients["01"]} border-box;\n            border-radius: ${n.spacing[1]};\n            content: "";\n            position: absolute;\n            inset: 0;\n            border: 2px solid transparent;\n            mask:\n              linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n            mask-composite: exclude;\n          }\n        `}\n  `}
+`;t.styled.div`
+  ${({className:e,theme:n})=>`\n    align-items: flex-start;\n    border-radius: ${n.spacing[1]};\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: ${n.spacing[1.5]};\n    padding: ${n.spacing[1.5]};\n    width: 466px;\n\n    button {\n      text-align: center;\n      width: 100%;\n    }\n\n    ${"essential"===e?`\n          background: linear-gradient(\n            180deg,\n            ${n.palette.primary[400]} 0%,\n            ${n.palette.black} 100%\n          );`:`\n          background: ${n.palette.white};\n          box-shadow: 0px 9px 18px 0px rgba(243, 38, 55, 0.06),\n            0px 18px 27px 0px rgba(243, 38, 55, 0.10);\n        `}\n\n    @media screen and (max-width: ${n.breakpoints.mobile}) {\n      width: 320px;\n    }\n  `}
+`;const p={advanced:{title:"Advanced plan",benefits:"Leverage vulnerability scanning + AI + expert intelligence",buttonText:"Contact sales",description:"For teams that want to discover risk exposure with speed and accuracy.",priceGroup:"$1,579"},essential:{title:"Essential plan",benefits:"Leverage vulnerability scanning",buttonText:"Start a 21-day free trial",description:"For teams that want to discover risk exposure quickly\n        through our scanning tool.",priceAuthor:"$499",priceGroup:"$1,579"}};exports.PlanCard=({description:t,onClick:l,plan:c})=>{const{title:x,description:g,benefits:u,buttonText:b}=p[c],m=t??g;return e.jsxs(d,{className:c,children:[e.jsxs(r.Container,{display:"flex",flexDirection:"column",gap:.25,pt:"essential"===c?1.75:0,children:["advanced"===c&&e.jsx(n.RecommendedTag,{}),e.jsx(s.Heading,{color:a.theme.palette.gray[900],fontWeight:"semibold",size:"sm",sizeSm:"xs",children:x}),e.jsx(o.Text,{color:a.theme.palette.gray[400],fontWeight:"semibold",pb:"essential"===c?1.25:0,size:"sm",sizeSm:"xs",children:u})]}),e.jsx(o.Text,{lineSpacing:1.5,lineSpacingSm:1.25,pb:"advanced"===c?1.5:0,size:"md",sizeSm:"sm",children:m}),e.jsx(i.Button,{onClick:l,variant:"primary",children:b})]})};

package/dist/components/plan-card/recommended-tag/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../colors/index.js"),r=require("../../container/index.js");require("../../typography/heading/index.js"),require("../../typography/span/index.js");const i=require("../../typography/text/index.js");exports.RecommendedTag=()=>e.jsx(r.Container,{alignItems:"center",bgColor:t.theme.palette.primary[25],borderRadius:"8px",gap:.5,justify:"center",padding:[.125,.25,.125,.25],width:"max-content",children:e.jsx(i.Text,{bgGradient:t.theme.palette.gradients["01"],fontWeight:"semibold",size:"xs",textFill:"transparent",children:"Recommended"})});

package/dist/components/plan-card/styles.d.ts

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

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

@@ -1,4 +1,4 @@
-import { IconName } from "@fortawesome/free-solid-svg-icons";
+import { IconName } from '@fortawesome/free-solid-svg-icons';
 type TPlan = "advanced" | "essential";
 type TVersion = "full" | "overview";
 /**

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

@@ -1,4 +1,4 @@
-import { IPlanFeatureProps, IPlanProps, TPlan } from "./types";
+import { IPlanFeatureProps, IPlanProps, TPlan } from './types';
 declare const plans: Record<TPlan, IPlanProps>;
 declare const advancedPlanFeatures: IPlanFeatureProps[];
 declare const essentialPlanFeatures: IPlanFeatureProps[];

package/dist/components/pop-up/description/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");require("../../typography/heading/index.js");const t=require("../../typography/span/index.js"),r=require("../../typography/text/index.js");exports.Description=({description:l="",highlightDescription:s=""})=>{const p=n.useTheme(),o="string"==typeof s,g=o?"":new RegExp(`(${s.join("|")})`,"u");return s.length>0?e.jsx(r.Text,{display:"inline",lineSpacing:1.5,size:"lg",textAlign:"center",children:o?e.jsxs(i.Fragment,{children:[e.jsx(t.Span,{color:p.palette.gray[600],display:"inline",fontWeight:"bold",lineSpacing:1.5,size:"lg",children:s}),l]}):l.split(g).map(((i,n)=>s.includes(i)?e.jsx(t.Span,{color:p.palette.gray[600],display:"inline",fontWeight:"bold",lineSpacing:1.5,size:"lg",children:i},`${n+1}-bold`):i))}):e.jsx(r.Text,{lineSpacing:1.5,size:"lg",textAlign:"center",children:l})};

package/{types → dist}/components/pop-up/index.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
-import type { IPopUpProps } from "./types";
+import { PropsWithChildren } from 'react';
+import { IPopUpProps } from './types';
 declare const PopUp: ({ _portal, cancelButton, darkBackground, children, confirmButton, container, description, highlightDescription, image, maxWidth, title, titleColor, }: Readonly<PropsWithChildren<IPopUpProps>>) => JSX.Element;
 export { PopUp };

package/dist/components/pop-up/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("react-dom"),n=require("styled-components"),l=require("./description/index.js"),o=require("../button/index.js"),a=require("../../index-TKLFHcRp.js"),d=require("../container/index.js"),s=require("../typography/heading/index.js");require("../typography/span/index.js"),require("../typography/text/index.js"),exports.PopUp=({_portal:c=!1,cancelButton:x,darkBackground:u=!1,children:h,confirmButton:p,container:g,description:j,highlightDescription:m="",image:y,maxWidth:b,title:C,titleColor:f})=>{const v=n.useTheme(),{alt:q,src:k,width:w="77px",height:I="77px"}=y,D=t.useCallback((()=>{null==x||x.onClick()}),[x]),B=t.useCallback((()=>{null==p||p.onClick()}),[p]),z=e.jsx(d.Container,{alignItems:"center","aria-label":C,"aria-modal":"true",bgColor:u?"rgba(52, 64, 84, 70%)":"",display:"flex",height:"100vh",justify:"center",left:"0",position:c?"fixed":"absolute",top:"0px",width:"100%",zIndex:99999,children:e.jsxs(d.Container,{bgColor:v.palette.white,border:`1px solid ${v.palette.gray[200]}`,borderRadius:"8px",display:"inline-flex",flexDirection:"column",maxWidth:b,pb:2.5,pl:2.5,pr:2.5,pt:2.5,shadow:"lg",width:"100%",zIndex:11,children:[e.jsxs(d.Container,{alignItems:"center",display:"flex",flexDirection:"column",width:"100%",children:[e.jsx(d.Container,{children:e.jsx(a.MemoizedImage,{alt:q,height:I,publicId:k,width:w})}),e.jsxs(d.Container,{display:"flex",flexDirection:"column",gap:.5,mb:1.5,mt:1.5,children:[e.jsx(s.Heading,{color:f,fontWeight:"bold",lineSpacing:2.5,size:"lg",textAlign:"center",children:C}),e.jsx(l.Description,{description:j,highlightDescription:m})]})]}),h&&e.jsx(d.Container,{mb:1,scroll:"y",children:e.jsx(d.Container,{height:"100%",children:h})}),e.jsxs(d.Container,{alignItems:"flex-start",display:"flex",gap:1,justify:"center",children:[i.isObject(p)?e.jsx(o.Button,{onClick:B,variant:(null==p?void 0:p.variant)??"primary",children:null==p?void 0:p.text},null==p?void 0:p.key):void 0,i.isObject(x)?e.jsx(o.Button,{onClick:D,variant:(null==x?void 0:x.variant)??"tertiary",children:null==x?void 0:x.text},null==x?void 0:x.key):void 0]})]})});return c?r.createPortal(z,g??document.body):z};

package/{types → dist}/components/pop-up/types.d.ts

@@ -1,4 +1,4 @@
-import type { TVariant } from "components/button/types";
+import { TVariant } from '../button/types';
 /**
  * Pop up button props.
  * @interface IButtonProps

package/{types → dist}/components/premium-feature/index.d.ts

@@ -1,3 +1,3 @@
-import type { IPremiumFeatureProps } from "./types";
+import { IPremiumFeatureProps } from './types';
 declare const PremiumFeature: ({ margin, onClick, text, }: Readonly<IPremiumFeatureProps>) => JSX.Element;
 export { PremiumFeature };

package/dist/components/premium-feature/index.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("styled-components"),i=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"),s=e.styled.div`
+  ${({theme:n})=>`\n    height: ${n.spacing[1]};\n    width: ${n.spacing[1]};\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      color: ${n.palette.warning[200]};\n      position: absolute;\n    }\n\n    & .ellipse-2 {\n      transform: scale(0.75) translate(-67%, -66%);\n      color: ${n.palette.warning[400]};\n    }\n\n    & .icon {\n      color: ${n.palette.warning[600]};\n      font-size: ${n.spacing[.5]};\n    }\n  `}
+`;exports.PremiumFeature=({margin:t,onClick:l,text:c})=>{const a=e.useTheme(),p=n.jsxs(s,{children:[n.jsx(r.Icon,{icon:"circle",iconClass:"ellipse-1",iconSize:"xs"}),n.jsx(r.Icon,{icon:"circle",iconClass:"ellipse-2",iconSize:"xs"}),n.jsx(r.Icon,{icon:"crown",iconClass:"icon",iconSize:"xs"})]});return void 0!==c?n.jsx(i.Container,{cursor:"pointer",display:"inline-block",mr:t,onClick:l,children:n.jsxs(i.Container,{alignItems:"center",bgColor:a.palette.warning[50],borderRadius:"4px",display:"flex",padding:[.25,.25,.25,.25],width:"fit-content",children:[p,n.jsx(o.Text,{color:a.palette.warning[500],display:"inline",ml:.25,size:"xs",children:c})]})}):n.jsx(i.Container,{display:"inline-block",mr:t,onClick:l,children:p})};

package/dist/components/premium-feature/styles.d.ts

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

package/{types → dist}/components/premium-feature/types.d.ts

@@ -1,4 +1,4 @@
-import { IMarginModifiable } from "components/@core";
+import { IMarginModifiable } from '../@core';
 /**
  * Premium feature component props.
  * @interface IPremiumFeatureProps

package/{types → dist}/components/priority-score/index.d.ts

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

package/dist/components/priority-score/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("styled-components"),i=require("../container/index.js"),t=require("../icon/index.js");require("../typography/heading/index.js"),require("../typography/span/index.js");const o=require("../typography/text/index.js");exports.PriorityScore=({score:n})=>{const s=r.useTheme(),a=n>66||0===n?"priority-bars-high":n<=33?"priority-bars-low":"priority-bars-medium";return e.jsxs(i.Container,{alignItems:"center",display:"inline-flex",gap:.25,children:[e.jsx(t.Icon,{icon:a,iconClass:n<=66?"fa-kit-duotone":"",iconColor:n>0?s.palette.primary[500]:s.palette.gray[200],iconSize:"xs",iconType:"fa-kit",secondaryColor:s.palette.gray[200]}),e.jsx(o.Text,{color:s.palette.gray[800],size:"sm",textAlign:"right",children:n+"%"})]})};

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

@@ -1,4 +1,4 @@
-import type { IProgressBarProps } from "./types";
+import { IProgressBarProps } from './types';
 declare const Progress: ({ progressTime, onComplete, }: Readonly<IProgressBarProps>) => JSX.Element;
 export { Progress };
 export type { IProgressBarProps };

package/dist/components/progress/index.js

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),s=require("../../styles-C2CoGJl7.js"),i=require("../container/index.js"),n=r.styled(s.BaseComponent)`
+  animation: ${({$animationTime:e})=>`progress-bar ${e}s ease-in-out`};
+  animation-fill-mode: both;
+
+  @keyframes progress-bar {
+    0% {
+      width: 0;
+    }
+
+    100% {
+      width: 100%;
+    }
+  }
+`;exports.Progress=({progressTime:s=10,onComplete:o})=>{const a=r.useTheme(),[l,u]=t.useState(0);return t.useEffect((()=>{100===l&&(null==o||o())}),[l,o]),t.useEffect((()=>{const e=setInterval((()=>{u((e=>100===e?0:e+1))}),1e3*s/100);return()=>{clearInterval(e)}}),[l,s]),e.jsx(i.Container,{bgColor:a.palette.gray[200],height:"4px",children:e.jsx(n,{$animationTime:s,bgGradient:a.palette.gradients["01"],height:"100%",width:`${l}%`})})};

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

@@ -0,0 +1,6 @@
+declare const ProgressLine: 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;
+}, {
+    $animationTime: number;
+}>> & string;
+export { ProgressLine };

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

@@ -1,4 +1,4 @@
-import { IDisplayModifiable } from "components/@core";
+import { IDisplayModifiable } from '../@core';
 /**
  * Progress bar component props
  * @interface IProgressBarProps

package/{types → dist}/components/progress-bar/index.d.ts

@@ -1,3 +1,3 @@
-import type { IProgressBarProps } from "./types";
+import { IProgressBarProps } from './types';
 declare const ProgressBar: ({ minWidth, percentage, percentageLocation, showPercentage, orientation, rounded, variant, }: Readonly<IProgressBarProps>) => JSX.Element;
 export { ProgressBar };

package/dist/components/progress-bar/index.js

@@ -0,0 +1,5 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),e=require("styled-components"),r=require("../../utils-C2whpEd3.js");require("../../styles-C2CoGJl7.js");const i=require("../container/index.js");require("../typography/heading/index.js"),require("../typography/span/index.js");const t=require("../typography/text/index.js"),{getVariant:a}=r.variantBuilder((n=>({compliance:`\n      display: inline-flex;\n\n      &.horizontal {\n        height: ${n.spacing[.75]};\n      }\n      &.vertical {\n        width: ${n.spacing[.75]};\n      }\n    `,default:`\n      display: inline-flex;\n\n      &.horizontal {\n        height: ${n.spacing[.5]};\n      }\n      &.vertical {\n        width: ${n.spacing[.5]};\n      }\n      .progress-bar {\n        background-color: ${n.palette.primary[500]};\n      }\n    `,progressIndicator:`\n      display: flex;\n\n      &.horizontal {\n        height: ${n.spacing[.125]};\n      }\n      &.vertical {\n        width: ${n.spacing[.125]};\n      }\n      .progress-bar {\n        background-color: ${n.palette.primary[500]};\n      }\n    `,progressIndicatorError:`\n      display: flex;\n\n      &.horizontal {\n        height: ${n.spacing[.125]};\n      }\n      &.vertical {\n        width: ${n.spacing[.125]};\n      }\n      .progress-bar {\n        background-color: ${n.palette.error[200]};\n      }\n    `,small:`\n      color: ${n.palette.primary[500]};\n      display: inline-flex;\n\n      &.horizontal {\n        height: ${n.spacing[.25]};\n      }\n      &.vertical {\n        width: ${n.spacing[.25]};\n      }\n      .progress-bar {\n        background-color: ${n.palette.primary[500]};\n      }\n    `}))),o=e.styled.div`
+  ${({theme:n,$minWidth:e,$orientation:r,$rounded:i,$variant:t})=>`\n    background-color: ${n.palette.gray[100]};\n    border-radius: ${i?"100px":"unset"};\n    ${"horizontal"===r?"min-width":"min-height"}: ${e}px;\n    ${"horizontal"===r?"":"height: 100%;"}\n\n    ${a(n,t)}\n\n  `}
+`,s=e.styled.div`
+  ${({theme:n,$percentage:e,$rounded:r,$variant:i})=>{return`\n    display: inline-flex;\n    width: ${e}%;\n    max-width: 100%;\n    min-width: 0%;\n    height: 100%;\n    border-radius: ${r?"100px":"unset"};\n    border-end-end-radius: ${r&&e<100?"0":"inherit"};\n    border-start-end-radius: ${r&&e<100?"0":"inherit"};\n    background-color: ${"compliance"===i?(t=n,a=e,a<50?t.palette.error[500]:a<80?t.palette.warning[500]:t.palette.success[500]):"inherit"};\n  `;var t,a}}
+`;exports.ProgressBar=({minWidth:e=100,percentage:r,percentageLocation:a="right",showPercentage:l=!1,orientation:d="horizontal",rounded:p=!0,variant:c="default"})=>{const h=l&&"left"===a,g=l?n.jsx(i.Container,{alignItems:"center",display:"flex",justify:h?"flex-end":"flex-start",width:"40px",children:n.jsx(t.Text,{ml:.5,mr:h?.5:0,size:"sm",children:`${r}%`})}):null,$=n.jsx(o,{$minWidth:e,$orientation:d,$rounded:p,$variant:c,className:d,children:n.jsx(s,{$percentage:r,$rounded:p,$variant:c,className:"progress-bar"})});return n.jsxs(i.Container,{alignItems:"center",display:"inline-flex",flexDirection:h?"row-reverse":"row",height:"horizontal"===d?"auto":"100%",maxWidth:h?`${e+43}px`:void 0,minWidth:h?`${e+43}px`:void 0,textAlign:"end",children:[$,g]})};

package/dist/components/progress-bar/styles.d.ts

@@ -0,0 +1,13 @@
+import { TOrientation, TProgressVariant } from './types';
+declare const Bar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $minWidth: number;
+    $orientation: TOrientation;
+    $rounded: boolean;
+    $variant: TProgressVariant;
+}>> & string;
+declare const StyledProgressBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $percentage: number;
+    $rounded: boolean;
+    $variant: TProgressVariant;
+}>> & string;
+export { Bar, StyledProgressBar };

package/dist/components/radio-button/index.d.ts

@@ -0,0 +1,3 @@
+import { IRadioButtonProps } from './types';
+declare const RadioButton: import('react').ForwardRefExoticComponent<Omit<Readonly<IRadioButtonProps>, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export { RadioButton };

package/dist/components/radio-button/index.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),t=require("styled-components"),a=t.styled.label`
+  ${({theme:e})=>`\n    align-items: center;\n    display: flex;\n    color: ${e.palette.gray[600]};\n    cursor: pointer;\n    font-family: ${e.typography.type.primary};\n    font-size: ${e.typography.text.sm};\n    font-weight: ${e.typography.weight.regular};\n    gap: ${e.spacing[.5]};\n    line-height: ${e.typography.text.lg};\n    text-align: left;\n    position: relative;\n\n    &[aria-disabled="true"] {\n      color: ${e.palette.gray[300]};\n      cursor: not-allowed;\n    }\n\n    input {\n      position: absolute;\n      opacity: 0;\n      cursor: pointer;\n      width: 0;\n    }\n\n    .checkmark {\n      position: relative;\n      top: 0;\n      left: 0;\n      height: 16px;\n      width: 16px;\n      background-color: ${e.palette.white};\n      border-radius: 50%;\n      border: 1px solid ${e.palette.gray[600]};\n    }\n\n    input:disabled ~ .checkmark {\n      border: 1px solid ${e.palette.gray[300]};\n      background-color: ${e.palette.white};\n      cursor: not-allowed;\n    }\n\n    input:not(:disabled):checked ~ .checkmark {\n      background-color: ${e.palette.white};\n      border: 1px solid ${e.palette.primary[500]};\n    }\n\n    input:not(:disabled):hover ~ .checkmark {\n      background-color: ${e.palette.white};\n      box-shadow: 0 0 0 4px ${e.palette.gray[100]};\n    }\n\n    input:not(:disabled):hover:checked ~ .checkmark {\n      background-color: ${e.palette.white};\n      box-shadow: 0 0 0 4px ${e.palette.primary[50]};\n    }\n\n    .checkmark::after {\n      content: "";\n      position: absolute;\n      display: none;\n      top: 3px;\n      left: 3px;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: ${e.palette.primary[500]};\n    }\n\n    input:checked ~ .checkmark::after {\n      display: block;\n    }\n\n    input:disabled:checked ~ .checkmark::after {\n      background-color: ${e.palette.gray[300]};\n    }\n\n  `}
+`,r=t.styled.span.attrs({className:"checkmark"})``,o=n.forwardRef((function({defaultChecked:n=!1,disabled:t=!1,label:o,name:i,onChange:l,onClick:p,value:d,...c},s){return e.jsxs(a,{"aria-disabled":t,"aria-label":i,role:"radiogroup",children:[e.jsx("input",{"aria-checked":n,"aria-disabled":t,"aria-label":i,defaultChecked:n,disabled:t,name:i,onChange:l,onClick:p,ref:s,type:"radio",value:d,...c}),e.jsx(r,{}),o??null]})}));exports.RadioButton=o;

package/dist/components/radio-button/styles.d.ts

@@ -0,0 +1,5 @@
+declare const LabelContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+declare const CheckMark: 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<HTMLSpanElement>, HTMLSpanElement>, Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import('react').RefObject<HTMLSpanElement> | null | undefined;
+}>, never>, never>> & string;
+export { CheckMark, LabelContainer };

package/{types → dist}/components/radio-button/types.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes, HTMLProps } from "react";
+import { HTMLAttributes, HTMLProps } from 'react';
 /**
  * Radio button props.
  * @interface IRadioButtonProps

package/{types → dist}/components/scroll-button/index.d.ts

@@ -1,4 +1,4 @@
-import type { FC } from "react";
-import { IScrollUpButtonProps } from "./types";
+import { FC } from 'react';
+import { IScrollUpButtonProps } from './types';
 declare const ScrollUpButton: FC<IScrollUpButtonProps>;
 export { ScrollUpButton };

package/dist/components/scroll-button/index.js

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),o=require("styled-components"),r=require("../icon-button/index.js"),l=o.styled.div.attrs({className:"comp-scroll-up"})`
+  bottom: 15px;
+  position: fixed;
+  right: 140px;
+  z-index: 100;
+`;exports.ScrollUpButton=({scrollerId:o="dashboard",visibleAt:s=500})=>{const[n,i]=t.useState(!1),[c,u]=t.useState(null);t.useEffect((()=>{u(document.getElementById(o)),null==c||c.addEventListener("scroll",(()=>{i(c.scrollTop>s)}))}),[c,o,s]);const d=t.useCallback((()=>{null==c||c.scrollTo({behavior:"smooth",top:0})}),[c]);return n?e.jsx(l,{children:e.jsx(r.IconButton,{height:"40px",icon:"arrow-up",iconSize:"sm",id:"scroll-up",onClick:d,width:"40px"})}):null};

package/dist/components/scroll-button/styles.d.ts

@@ -0,0 +1,4 @@
+declare const FloatButton: 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;
+export { FloatButton };

package/dist/components/search/index.d.ts

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

package/dist/components/search/index.js

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../index-CmylnDrF.js"),t=require("lodash"),r=require("react"),i=require("styled-components"),o=require("../icon/index.js"),a=require("../icon-button/index.js"),s=require("../../use-click-outside-BqkLISED.js"),l=i.styled.input`
+  ${({theme:e})=>`\n    background: none;\n    border: none !important;\n    box-shadow: none;\n    box-sizing: border-box;\n    color: ${e.palette.gray[800]};\n    font-family: ${e.typography.type.primary};\n    font-size: ${e.typography.text.sm};\n    outline: none;\n    width: 100%;\n\n    &::placeholder {\n      color: ${e.palette.gray[400]};\n    }\n  `}
+`,c=i.styled.div`
+  ${({theme:e})=>`\n    align-items: center;\n    background-color: ${e.palette.white};\n    border: 1px solid ${e.palette.gray[300]};\n    border-radius: ${e.spacing[.5]};\n    display: flex;\n    height: 40px;\n    gap: ${e.spacing[.5]};\n    padding: ${e.spacing[.5]};\n    width: 100%;\n\n    &:hover {\n      border-color: ${e.palette.gray[600]};\n    }\n\n    &:focus-within {\n      border: 2px solid ${e.palette.black};\n    }\n  `}
+`,d=i.styled.div`
+  ${({theme:e})=>`\n    background-color: ${e.palette.white};\n    border-radius: ${e.spacing[.5]};\n    width: 250px;\n  `}
+`,p=r.forwardRef((function({name:p,smallSearch:g=!1,value:u,...y},h){const x=i.useTheme(),[f,m]=r.useState(!1),{refs:b,floatingStyles:$}=n.useFloating(),j=r.useCallback((()=>{m((e=>!e))}),[]);s.useClickOutside(b.floating.current,(()=>{m(!1)}),!0);const k=e.jsxs(c,{children:[e.jsx(o.Icon,{icon:"magnifying-glass",iconColor:x.palette.gray[700],iconSize:"xs",iconType:"fa-light"}),e.jsx(l,{...y,id:p,name:p,ref:h,value:u}),!t.isEmpty(u)&&e.jsx(a.IconButton,{icon:"xmark",iconColor:x.palette.gray[300],iconSize:"xs",iconType:"fa-light",px:.25,py:.25,type:"reset",variant:"ghost"})]});return g?e.jsxs(r.Fragment,{children:[e.jsx(a.IconButton,{border:`1px solid ${x.palette.gray[300]} !important`,icon:"magnifying-glass",iconSize:"xs",iconType:"fa-light",onClick:j,ref:b.setReference,variant:"ghost"}),f?e.jsx(d,{ref:b.setFloating,style:$,children:k}):void 0]}):k}));exports.Search=p;

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

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

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

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

package/{types → dist}/components/search-bar/index.d.ts

@@ -1,3 +1,3 @@
-import { ISearchBarProps } from "./types";
+import { ISearchBarProps } from './types';
 declare const SearchBar: ({ items, placeholder, refine, query, }: Readonly<ISearchBarProps>) => JSX.Element;
 export { SearchBar };

package/dist/components/search-bar/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),i=require("../../index-qe0nJwzl.js"),s=require("../button/index.js"),l=require("../../index-TKLFHcRp.js"),n=require("../colors/index.js"),r=require("../icon/index.js"),a=require("../typography/heading/index.js");require("../typography/span/index.js");const c=require("../typography/text/index.js"),o=require("../../use-click-outside-BqkLISED.js"),h=[{hit:{slug:"/services/continuous-hacking/",title:"Continuous Hacking"},icon:"infinity"},{hit:{slug:"/platform/",title:"Platform"},icon:"sidebar"},{hit:{slug:"/plans/",title:"Plans"},icon:"star-christmas"},{hit:{slug:"/blog/",title:"Blog"},icon:"pen-line"}],u={hit:{slug:"/contact-us/",title:"Contact Support"},icon:"envelope"};exports.SearchBar=({items:d,placeholder:x="Search",refine:g,query:p})=>{const[m,f]=t.useState(p),[j,S]=t.useState(!1),y=t.useRef(null),b=t.useRef(null),C=m.length>=2,k=t.useCallback((e=>{f(e),g(e)}),[g]),z=t.useCallback((()=>{k("")}),[k]),I=t.useCallback((()=>{S(!0)}),[]),q=t.useCallback((e=>{k(e.currentTarget.value)}),[k]),v=t.useCallback((e=>{e.preventDefault(),e.stopPropagation(),z(),b.current&&b.current.focus()}),[z]),w=t.useCallback((e=>{e.preventDefault(),e.stopPropagation(),b.current&&b.current.blur()}),[]);return o.useClickOutside(y.current,(()=>{z(),S(!1)}),!0),e.jsxs(i.StyledSearchBox,{ref:y,children:[e.jsxs(i.StyledSearchBar,{action:"",noValidate:!0,onReset:v,onSubmit:w,role:"search",children:[e.jsxs("div",{className:"flex gap-2 w-full",children:[e.jsx("div",{className:"h-10 p-2",children:e.jsx(r.Icon,{icon:"magnifying-glass",iconSize:"sm",iconType:"fa-light"})}),e.jsx(i.StyledSearchInput,{autoCapitalize:"off",autoComplete:"off",autoCorrect:"off",maxLength:512,onChange:q,onFocus:I,placeholder:x,ref:b,spellCheck:!1,type:"search",value:m})]}),C&&e.jsx(i.StyledSearchReset,{type:"reset",children:e.jsx(r.Icon,{icon:"xmark",iconSize:"sm",iconType:"fa-light"})})]}),j&&m.length<2&&e.jsxs(i.StyledDropdownItems,{children:[e.jsx(c.Text,{color:n.theme.palette.gray[400],fontWeight:"bold",lineSpacing:1.5,size:"md",sizeSm:"sm",children:"Suggested"}),e.jsx("div",{className:"flex flex-col items-start self-stretch",children:h.map((({hit:t,icon:s},l)=>e.jsx(i.ItemSearching,{hit:t,icon:s,showIcon:!0},`${s}-${l}`)))}),e.jsx(c.Text,{color:n.theme.palette.gray[400],fontWeight:"bold",lineSpacing:1.5,size:"md",sizeSm:"sm",children:"Can’t find what you’re looking for?"}),e.jsx(i.ItemSearching,{hit:u.hit,icon:u.icon,showIcon:!0})]}),C&&d.length>0&&e.jsxs(i.StyledDropdownItems,{$showHits:C,children:[e.jsx(c.Text,{color:n.theme.palette.gray[400],fontWeight:"bold",lineSpacing:1.5,size:"md",sizeSm:"sm",children:"Results"}),e.jsx("div",{className:"flex flex-col items-start self-stretch",children:d.map((t=>e.jsx(i.ItemSearching,{hit:t},t.objectID)))})]}),C&&0===d.length&&e.jsx(i.StyledDropdownItems,{$empty:0===d.length,children:e.jsxs("div",{className:"items-center\tflex flex-col\tgap-4 py-[90px] w-full",children:[e.jsx(l.MemoizedImage,{height:96,publicId:"airs/search-bar/empty-state-icon",width:96}),e.jsx(a.Heading,{display:"flex",size:"sm",sizeSm:"xs",textAlign:"center",children:"No results found"}),e.jsxs(c.Text,{display:"flex",lineSpacing:1.5,size:"md",sizeSm:"sm",textAlign:"center",children:[`“${m}” did not match.`,e.jsx("br",{}),"Please try again."]}),e.jsx(s.Button,{onClick:z,variant:"secondary",children:"Clear search"})]})})]})};

package/{types → dist}/components/search-bar/item-searching/index.d.ts

@@ -1,3 +1,3 @@
-import { IItemSearchingProps } from "../types";
+import { IItemSearchingProps } from '../types';
 declare const ItemSearching: ({ hit, icon, showIcon, }: Readonly<IItemSearchingProps>) => JSX.Element;
 export { ItemSearching };

package/dist/components/search-bar/item-searching/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("react/jsx-runtime");const e=require("../../../index-qe0nJwzl.js");require("../../colors/index.js"),require("../../icon/index.js"),require("../../typography/heading/index.js"),require("../../typography/span/index.js"),require("../../typography/text/index.js"),exports.ItemSearching=e.ItemSearching;

package/dist/components/search-bar/styles.d.ts

@@ -0,0 +1,15 @@
+declare const StyledItemSearching: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
+declare const IconWrapper: 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 StyledSearchBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledSearchBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, never>> & string;
+declare const StyledSearchInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+declare const StyledSearchReset: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+declare const StyledDropdownItems: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<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>, {
+    $empty?: boolean;
+    $showHits?: boolean;
+}>> & string;
+export { IconWrapper, StyledDropdownItems, StyledItemSearching, StyledSearchBar, StyledSearchBox, StyledSearchInput, StyledSearchReset, };

package/{types → dist}/components/search-bar/types.d.ts

@@ -1,4 +1,4 @@
-import { IIconModifiable } from "components/@core";
+import { IIconModifiable } from '../@core';
 type THit = Record<string, unknown>;
 /**
  * Item searching component props.

package/{types → dist}/components/search-bar/utils.d.ts

@@ -1,4 +1,4 @@
-import { IItemSearchingProps } from "./types";
+import { IItemSearchingProps } from './types';
 declare const itemsSuggested: IItemSearchingProps[];
 declare const itemContact: IItemSearchingProps;
 export { itemContact, itemsSuggested };

package/{types → dist}/components/severity-badge/index.d.ts

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

package/dist/components/severity-badge/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../colors/index.js"),o=require("../container/index.js");require("../typography/heading/index.js"),require("../typography/span/index.js");const l=require("../typography/text/index.js"),i={critical:{bgColor:r.theme.palette.primary[700],colorL:r.theme.palette.gray[800],colorR:r.theme.palette.white},disable:{bgColor:r.theme.palette.gray[200],colorL:r.theme.palette.gray[400],colorR:r.theme.palette.gray[400]},high:{bgColor:r.theme.palette.error[500],colorL:r.theme.palette.gray[800],colorR:r.theme.palette.white},low:{bgColor:r.theme.palette.warning[200],colorL:r.theme.palette.gray[800],colorR:r.theme.palette.gray[800]},medium:{bgColor:r.theme.palette.warning[500],colorL:r.theme.palette.gray[800],colorR:r.theme.palette.gray[800]}};exports.SeverityBadge=({textL:r,textR:a,variant:p})=>{const n=t.useTheme(),{bgColor:s,colorL:x,colorR:c}=i[p];return e.jsxs(o.Container,{alignItems:"flex-start",display:"inline-flex",children:[r?e.jsx(o.Container,{alignItems:"center",bgColor:n.palette.white,border:`1px solid ${s}`,borderRadius:"4px 0px 0px 4px",display:"flex",justify:"center",padding:[0,.25,0,.25],children:e.jsx(l.Text,{color:x,size:"xs",children:r})}):void 0,e.jsx(o.Container,{alignItems:"center",bgColor:s,border:`1px solid ${s}`,borderRadius:r?"0px 4px 4px 0px":"4px",display:"flex",padding:r?[0,.25,0,.125]:[0,.25,0,.25],pb:.125,pl:.125,pr:.125,pt:.125,children:e.jsx(l.Text,{color:c,size:"xs",children:a})})]})};

package/{types → dist}/components/severity-badge/utils.d.ts

@@ -1,3 +1,3 @@
-import { IVariant, TSeverityBadgeVariant } from "./types";
+import { IVariant, TSeverityBadgeVariant } from './types';
 declare const variants: Record<TSeverityBadgeVariant, IVariant>;
 export { variants };

package/{types → dist}/components/severity-overview/badge/index.d.ts

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

package/dist/components/severity-overview/badge/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("../../colors/index.js"),i=require("../../container/index.js"),n=require("../../../index-CmylnDrF.js");require("../../typography/heading/index.js"),require("../../typography/span/index.js");const a=require("../../typography/text/index.js");exports.SeverityOverviewBadge=({variant:o,value:l})=>{const{iconColor:p,iconText:s,iconTextColor:c,textColor:h}=((e,i)=>{const n={critical:r.theme.palette.primary[700],high:r.theme.palette.error[500],low:r.theme.palette.warning[200],medium:r.theme.palette.warning[500],none:r.theme.palette.gray[200]},a={disabled:r.theme.palette.gray[400],enabled:r.theme.palette.gray[800]},o={critical:r.theme.palette.white,high:r.theme.palette.white,low:r.theme.palette.gray[800],medium:r.theme.palette.gray[800],none:r.theme.palette.gray[400]};return{iconColor:i<1?n.none:n[e],iconText:t.capitalize(e.charAt(0)),iconTextColor:i<1?o.none:o[e],textColor:i<1?a.disabled:a.enabled}})(o,l),d=t.capitalize(o.charAt(0))+o.slice(1);return e.jsxs(i.Container,{alignItems:"center",display:"inline-flex",gap:.5,minWidth:"43px",children:[e.jsx(n.Tooltip,{id:d,place:"top",tip:d,children:e.jsx(i.Container,{alignItems:"center",bgColor:p,borderRadius:"4px",cursor:"pointer",display:"flex",height:"22px",maxWidth:"22px",minWidth:"22px",children:e.jsx(a.Text,{color:c,size:"sm",textAlign:"center",children:s})})}),e.jsx(a.Text,{color:h,size:"sm",children:l})]})};

package/{types → dist}/components/severity-overview/index.d.ts

@@ -1,3 +1,3 @@
-import { ISeverityOverviewProps } from "./types";
+import { ISeverityOverviewProps } from './types';
 declare const SeverityOverview: ({ critical, high, medium, low, }: Readonly<ISeverityOverviewProps>) => JSX.Element;
 export { SeverityOverview };

package/dist/components/severity-overview/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./badge/index.js"),r=require("../container/index.js");exports.SeverityOverview=({critical:a,high:t,medium:v,low:n})=>e.jsxs(r.Container,{alignItems:"center",display:"inline-flex",gap:1,children:[e.jsx(i.SeverityOverviewBadge,{value:a,variant:"critical"}),e.jsx(i.SeverityOverviewBadge,{value:t,variant:"high"}),e.jsx(i.SeverityOverviewBadge,{value:v,variant:"medium"}),e.jsx(i.SeverityOverviewBadge,{value:n,variant:"low"})]});

package/{types → dist}/components/severity-overview/utils.d.ts

@@ -1,3 +1,3 @@
-import { IVariant, TSeverityOverviewBadgeVariant } from "./types";
+import { IVariant, TSeverityOverviewBadgeVariant } from './types';
 declare const getVariant: (variant: TSeverityOverviewBadgeVariant, value: number) => IVariant;
 export { getVariant };

package/{types → dist}/components/show-on-hover/index.d.ts

@@ -1,3 +1,3 @@
-import type { IShowOnHoverProps } from "./types";
+import { IShowOnHoverProps } from './types';
 declare const ShowOnHover: ({ visibleElement, hiddenElement, }: Readonly<IShowOnHoverProps>) => JSX.Element;
 export { ShowOnHover };

package/dist/components/show-on-hover/index.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("styled-components"),i=require("../container/index.js"),r=n.styled.div`
+  ${({theme:e})=>`\n    border-radius: ${e.spacing[.25]};\n    cursor: pointer;\n    display: flex;\n    gap: ${e.spacing[.5]};\n    justify-content: end;\n    position: relative;\n    z-index: 20;\n\n    &:hover {\n      background-color: ${e.palette.gray[100]};\n    }\n\n    &:hover > div {\n      display: block;\n    }\n  `}
+`;exports.ShowOnHover=({visibleElement:n,hiddenElement:o})=>e.jsxs(r,{children:[n,e.jsx(i.Container,{display:"none",position:"absolute",top:"100%",zIndex:10,children:o})]});

package/dist/components/show-on-hover/styles.d.ts

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

package/{types → dist}/components/show-on-hover/types.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from "react";
+import { ReactNode } from 'react';
 /**
  * Show on hover component props.
  * @interface IShowOnHoverProps

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

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
-import type { ISlideOutMenuProps } from "./types";
+import { PropsWithChildren } from 'react';
+import { ISlideOutMenuProps } from './types';
 declare const SlideOutMenu: ({ children, closeIconId, isOpen, items, onClose, primaryButtonText, primaryOnClick, secondaryButtonText, secondaryOnClick, title, }: Readonly<PropsWithChildren<ISlideOutMenuProps>>) => JSX.Element;
 export { SlideOutMenu };