@devtron-labs/devtron-fe-common-lib 1.20.0-pre-5 → 1.20.1-beta-1

package/dist/{@common-rjsf-CEv35RMu.js → @common-rjsf-H82t1TCw.js}

@@ -1,7 +1,7 @@
 import { j as n, aI as v, aK as W, aJ as K } from "./@vendor-DMIFbFhR.js";
 import V, { useState as q, useEffect as Y, forwardRef as G, useMemo as E } from "react";
 import z, { getDefaultRegistry as Q } from "@rjsf/core";
-import { T as O, j as F, c as S, b as N, S as X, i as Z, g as ee, a as te, d as I, e as ne } from "./@code-editor-CQa5l5q4.js";
+import { T as O, j as F, c as S, b as N, S as X, i as Z, g as ee, a as te, d as I, e as ne } from "./@code-editor-IJc1_9nZ.js";
 import { getUiOptions as B, getTemplate as $, getSubmitButtonOptions as re, ADDITIONAL_PROPERTY_FLAG as L, errorId as se, englishStringTranslator as ae, TranslatableString as oe, titleId as le, canExpand as ie, deepEquals as ce } from "@rjsf/utils";
 import { ReactComponent as de } from "./assets/ic-add.cfaa779b.svg";
 import { ReactComponent as ue } from "./assets/ic-warning.ecf7ff97.svg";

package/dist/Common/SegmentedBarChart/utils.d.ts

@@ -1,2 +1,2 @@
 import { ComponentSizeType } from '../../Shared/constants';
-export declare const getBarHeightForSize: (size: ComponentSizeType) => "h-20" | "h-8";
+export declare const getBarHeightForSize: (size: ComponentSizeType) => "h-20" | "h-6" | "h-8";

package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/PageHeader/PageHeader.d.ts

@@ -0,0 +1 @@
+export declare const ApplicationManagementPageHeader: () => JSX.Element;

package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/PageHeader/constants.d.ts

@@ -0,0 +1,2 @@
+import { BreadcrumbConfig } from './types';
+export declare const APPLICATION_MANAGEMENT_BREADCRUMB_CONFIG: BreadcrumbConfig[];

package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/PageHeader/index.d.ts

@@ -0,0 +1 @@
+export * from './PageHeader';

package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/PageHeader/types.d.ts

@@ -0,0 +1,12 @@
+export type BreadcrumbKey = 'overview';
+export interface BreadcrumbConfig {
+    key: BreadcrumbKey;
+    route: string;
+    heading: string;
+}
+export interface BreadcrumbAlias {
+    [key: string]: {
+        component: React.ReactNode;
+        linked: boolean;
+    } | null;
+}

package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/PageHeader/utils.d.ts

@@ -0,0 +1,2 @@
+import { useBreadcrumb } from '../../../../Common/index';
+export declare const getApplicationManagementBreadcrumbs: (url: string) => Parameters<typeof useBreadcrumb>[0];

package/dist/Pages-Devtron-2.0/ApplicationManagement/Shared/index.d.ts

@@ -0,0 +1 @@
+export * from './PageHeader';

package/dist/Pages-Devtron-2.0/ApplicationManagement/index.d.ts

@@ -1 +1 @@
-export * from './Overview';
+export * from './Shared';

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/ApplicationManagementIcon/ApplicationManagementIcon.d.ts

@@ -0,0 +1 @@
+export declare const ApplicationManagementIcon: () => JSX.Element;

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/ApplicationManagementIcon/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ApplicationManagementIcon';
+export { getApplicationManagementBreadcrumb } from './utils';

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/ApplicationManagementIcon/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const getApplicationManagementBreadcrumb: () => {
+    'application-management': {
+        component: JSX.Element;
+        linked: boolean;
+    };
+};

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/InfrastructureManagementIcon.d.ts

@@ -0,0 +1 @@
+export declare const InfrastructureManagementIcon: () => JSX.Element;

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/index.d.ts

@@ -0,0 +1,2 @@
+export * from './InfrastructureManagementIcon';
+export { getInfrastructureManagementBreadcrumb } from './utils';

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/InfrastructureManagementIcon/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const getInfrastructureManagementBreadcrumb: () => {
+    'infrastructure-management': {
+        component: JSX.Element;
+        linked: boolean;
+    };
+};

package/dist/Pages-Devtron-2.0/InfrastructureManagement/Shared/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ApplicationManagementIcon';
+export * from './InfrastructureManagementIcon';

package/dist/Pages-Devtron-2.0/InfrastructureManagement/index.d.ts

@@ -1 +1,2 @@
 export * from './Overview';
+export * from './Shared';

package/dist/Pages-Devtron-2.0/index.d.ts

@@ -1 +1,3 @@
+export * from './ApplicationManagement';
 export * from './CostVisibility';
+export * from './InfrastructureManagement';

package/dist/Shared/Components/Badge/utils.d.ts

@@ -1,7 +1,8 @@
-import { IconBaseColorType } from '../../types';
+import { IconBaseColorType, IconBaseSizeType } from '../../types';
 import { BadgeProps } from './types';
 export declare const getClassNameAccToVariant: (variant: BadgeProps["variant"]) => {
     styles: string;
     iconColor: IconBaseColorType;
 };
 export declare const getClassNameAccToSize: (size: BadgeProps["size"]) => "fs-11 lh-16 px-4 py-1" | "fs-12 lh-16 px-6 py-2" | "fs-13 lh-20 px-6 py-2";
+export declare const COMPONENT_SIZE_TO_ICON_SIZE_MAP: Record<BadgeProps['size'], IconBaseSizeType>;

package/dist/Shared/Components/Charts/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Chart } from './Chart.component';
+export { CHART_COLORS } from './constants';
 export type { ChartColorKey, ChartProps, ChartType, SimpleDataset, SimpleDatasetForPie } from './types';

package/dist/Shared/Components/Charts/types.d.ts

@@ -1,3 +1,4 @@
+import { ChartConfiguration, ChartOptions } from 'chart.js';
 import { AppThemeType } from '../../Providers';
 export type ChartType = 'area' | 'pie' | 'stackedBar' | 'stackedBarHorizontal' | 'line';
 type ColorTokensType = 'DeepPlum' | 'Magenta' | 'Slate' | 'Lavender' | 'SkyBlue' | 'AquaTeal' | 'LimeGreen' | 'CoralRed' | 'GoldenYellow' | 'CharcoalGray' | 'Gray';
@@ -41,6 +42,14 @@ export type ChartProps = {
      * @default false
      */
     hideAxis?: boolean;
+    /**
+     * Custom plugins for chart
+     */
+    customPlugins?: ChartConfiguration['plugins'];
+    /**
+     * Callback function for chart click events
+     */
+    onChartClick?: ChartOptions['onClick'];
 } & TypeAndDatasetsType;
 export type TransformDatasetProps = {
     appTheme: AppThemeType;
@@ -58,4 +67,8 @@ export type GetBackgroundAndBorderColorProps = TransformDatasetProps;
 export type TransformDataForChartProps = {
     appTheme: AppThemeType;
 } & TypeAndDatasetsType;
+export interface GetDefaultOptionsParams extends Pick<ChartProps, 'hideAxis' | 'onChartClick'> {
+    type: ChartType;
+    appTheme: AppThemeType;
+}
 export {};

package/dist/Shared/Components/Charts/utils.d.ts

@@ -1,11 +1,12 @@
 import { ChartDataset, ChartOptions, ChartType as ChartJSChartType } from 'chart.js';
-import { AppThemeType } from '../../Providers';
-import { ChartType, TransformDataForChartProps } from './types';
+import { ChartType, GetDefaultOptionsParams, TransformDataForChartProps } from './types';
 export declare const getChartJSType: (type: ChartType) => ChartJSChartType;
-export declare const getDefaultOptions: (type: ChartType, appTheme: AppThemeType, hideAxis: boolean) => ChartOptions;
+export declare const getDefaultOptions: ({ type, appTheme, hideAxis, onChartClick, }: GetDefaultOptionsParams) => ChartOptions;
 export declare const transformDataForChart: (props: TransformDataForChartProps) => (ChartDataset<"line"> | {
     label: string;
     data: number[];
     backgroundColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
     borderColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
+    pointBackgroundColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
+    pointBorderColor: string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern> | readonly (string | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasGradient> | import('chart.js/dist/types/utils')._DeepPartialObject<CanvasPattern>)[] | ((ctx: import('chart.js').ScriptableContext<"line">, options: import('chart.js/dist/types/basic').AnyObject) => import('chart.js').Color);
 })[];

package/dist/Shared/Components/FeatureDescription/types.d.ts

@@ -31,7 +31,7 @@ type FeatureDescriptionModalWithTabsConfig = {
     imageStyles?: never;
 };
 export type FeatureDescriptionModalProps = {
-    title: string;
+    title: React.ReactNode;
     closeModalText?: string;
     closeModal?: () => void;
 } & ((BaseFeatureDescriptionModalProps & {

package/dist/Shared/Components/Header/types.d.ts

@@ -17,6 +17,7 @@ export interface PageHeaderType {
         TippyIcon?: React.FunctionComponent<any>;
         tippyMessage?: string;
         onClickTippyButton?: () => void;
+        tippyHeader?: string;
     };
     onClose?: () => void;
     closeIcon?: JSX.Element;

package/dist/Shared/Components/Icon/Icon.d.ts

@@ -18,8 +18,13 @@ export declare const iconMap: {
     'ic-aws-codecommit': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure-aks': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-azure': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-build': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-cluster': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-deploy': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bg-environment': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-production-pipelines': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-project': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
+    'ic-bg-scan': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bharatpe': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-bitbucket': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;
     'ic-book-open': import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement>>;

package/dist/Shared/Components/Table/InternalTable.d.ts

@@ -1,3 +1,3 @@
 import { FiltersTypeEnum, InternalTableProps } from './types';
-declare const InternalTable: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filtersVariant, filterData, rows, getRows, columns, ViewWrapper, resizableConfig, emptyStateConfig, additionalProps, areColumnsConfigurable, filter, setVisibleColumns, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, pageSizeOptions, clearFilters: userGivenUrlClearFilters, }: InternalTableProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
+declare const InternalTable: <RowData extends unknown, FilterVariant extends FiltersTypeEnum, AdditionalProps extends Record<string, any>>({ filtersVariant, filterData, rows, getRows, columns, ViewWrapper, resizableConfig, emptyStateConfig, additionalProps, areColumnsConfigurable, filter, setVisibleColumns, visibleColumns, stylesConfig, loading, bulkSelectionConfig, bulkSelectionReturnValue, id, handleClearBulkSelection, handleToggleBulkSelectionOnRow, paginationVariant, RowActionsOnHoverComponent, pageSizeOptions, clearFilters: userGivenUrlClearFilters, }: InternalTableProps<RowData, FilterVariant, AdditionalProps>) => JSX.Element;
 export default InternalTable;

package/dist/assets/ic-bg-build.7de825b3.svg

@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <g clip-path="url(#a)">
+    <rect width="24" height="24" fill="#FFE5DE" rx="6"/>
+    <path fill="#8898A6" fill-rule="evenodd" d="M17.396 6.271 15.98 7.67a.452.452 0 0 0 0 .643l1.052 1.04c.18.177.47.177.65 0l1.416-1.4a.18.18 0 0 1 .298.08c.268.98.014 2.07-.764 2.838a2.986 2.986 0 0 1-3.13.672l-6.125 6.62a1.646 1.646 0 0 1-2.362.052 1.603 1.603 0 0 1 .06-2.343l6.713-5.984a2.902 2.902 0 0 1 .656-3.156 2.986 2.986 0 0 1 2.871-.755.175.175 0 0 1 .08.294Zm-9.679 10.79c0 .267.22.484.49.484s.49-.217.49-.485a.487.487 0 0 0-.49-.483c-.27 0-.49.216-.49.483Z" clip-rule="evenodd"/>
+    <path fill="#F4910D" fill-rule="evenodd" d="m8.355 10.166 1.679-1.659 8.104 8.011c.32.316.32.829 0 1.145l-.52.514a.826.826 0 0 1-1.158 0l-8.105-8.011Z" clip-rule="evenodd"/>
+    <path fill="#66757F" fill-rule="evenodd" d="m7.1 11.927.47-.465.044-.31a.485.485 0 0 1 .654-.38l2.098-2.074-.083-.655a1.49 1.49 0 0 1 .432-1.246 1.8 1.8 0 0 1 1.266-.518h.833c-1.312-1.296-2.55-1.368-3.716-.216L6.212 8.916a.826.826 0 0 1-.627.236L5.21 9.13l-.47.464a.803.803 0 0 0 0 1.145l1.201 1.188a.826.826 0 0 0 1.158 0Z" clip-rule="evenodd"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h24v24H0z"/>
+    </clipPath>
+  </defs>
+</svg>

package/dist/assets/ic-bg-deploy.266711fe.svg

@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <g clip-path="url(#a)">
+    <rect width="24" height="24" fill="#F3F0FF" rx="6"/>
+    <path fill="#FE636E" d="M7.273 13.64c-1.055.055-2.858.653-2.684 1.903.44 3.172-3.027 4.19 1.588 4.19 2.321 0 3.785-1.018 4.006-3.155l-.627-2.423-2.283-.515Z"/>
+    <path fill="#FFD659" d="M8.103 14.479c-.49.025-1.327.303-1.247.884.205 1.473-1.406 1.946.738 1.946 1.078 0 1.759-.473 1.861-1.466l-.237-1.197-1.115-.168Z"/>
+    <path fill="#FB2A39" d="M9.162 16.672c-.627 1.14-1.87 1.69-3.576 1.69-.668 0-1.167-.021-1.532-.067-.493 1.05-.733 1.44 2.123 1.44 2.321 0 3.785-1.019 4.006-3.156l-.527-.532-.18-.182a3.652 3.652 0 0 1-.052.182 1.569 1.569 0 0 1-.262.625Z"/>
+    <path fill="#FFBF00" d="M8.964 15.349c-.23.712-.859 1.053-1.776 1.053a8.38 8.38 0 0 1-.47-.01c-.27.676-.657.918.876.918.715 0 1.255-.208 1.568-.638.125-.173.214-.38.262-.625a1.87 1.87 0 0 0 .031-.203l-.49-.495Z"/>
+    <path fill="#99B4CD" d="m8.55 11.901-1.377.808c-.276.162-.23.597-.01.82l.11.11.83.84 1.352 1.364.728.735.38.383c.22.222.651.268.812-.01l.8-1.39-.905-3.519-2.72-.14Zm11.148-8.108c-.662-.122-1.867.006-3.335.508l.66 2.45 2.683.916c.5-1.491.625-2.713.498-3.376-.073-.387-.12-.426-.506-.498Z"/>
+    <path fill="#06C" d="M12.14 6.521c-1.838-.67-3.26-.364-4.703.954-.67.65-1.783 1.504-.863 2.432l1.143 1.154 3.286-1.675L12.14 6.52Zm5.365 5.416-3.09 1.289-1.408 3.175 1.143 1.155c.92.928 1.766-.196 2.41-.871.667-.745 1.855-2.163.945-4.748Z"/>
+    <path fill="#E5E5E5" d="M19.706 7.667c-.077.233-.164.473-.26.717a16.894 16.894 0 0 1-1.942 3.553 18.865 18.865 0 0 1-4.497 4.465l-.227-.229-.606-.612-1.636-1.651-.176-.178-.177-.179-1.636-1.651-.832-.84a18.872 18.872 0 0 1 4.422-4.54c1.483-1.073 2.953-1.787 4.224-2.221l3.343 3.366Z"/>
+    <path fill="#6C9ABB" d="M19.49 3.765c.065.695-.08 1.815-.528 3.152l.744.75c.5-1.491.624-2.713.498-3.376-.073-.387-.12-.427-.506-.498a2.132 2.132 0 0 0-.208-.028Z"/>
+    <path fill="#C7C7C7" d="M18.7 7.634a16.87 16.87 0 0 1-1.94 3.553 18.227 18.227 0 0 1-1.27 1.59 18.82 18.82 0 0 1-1.566 1.559c-.511.452-1.064.893-1.66 1.315l.516.522.227.229a18.857 18.857 0 0 0 4.497-4.465 16.884 16.884 0 0 0 1.942-3.553c.096-.244.183-.484.26-.717l-.744-.75a13.42 13.42 0 0 1-.261.717Z"/>
+    <path fill="#6C9ABB" d="m11.268 14.646-.799 1.39c-.16.279-.592.233-.813.01l.527.533.38.383c.22.222.651.268.812-.01l.8-1.39-.907-.915Z"/>
+    <path fill="#0053A6" d="M17.504 11.937c-.151.213-.31.427-.476.64.215 1.812-.691 2.887-1.243 3.502-.529.554-1.192 1.41-1.922 1.187l.287.29c.92.928 1.766-.196 2.41-.871.667-.745 1.855-2.163.944-4.748ZM10.975 6.22A18.879 18.879 0 0 0 7 10.338l.718.725a18.877 18.877 0 0 1 4.422-4.54 5.755 5.755 0 0 0-1.164-.301Z"/>
+    <path fill="#C7C7C7" d="m11.822 12.615-1.282 1.294h-.002l-.176-.177-.177-.179 1.281-1.292a.25.25 0 1 1 .356.354Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h24v24H0z"/>
+    </clipPath>
+  </defs>
+</svg>

package/dist/assets/ic-bg-production-pipelines.5965401c.svg

@@ -0,0 +1,21 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <g clip-path="url(#a)">
+    <rect width="24" height="24" fill="#E9FBF4" rx="6"/>
+    <path fill="#FF6B6B" d="M7.273 13.64c-1.055.055-2.858.653-2.684 1.903.44 3.172-3.027 4.19 1.588 4.19 2.321 0 3.785-1.018 4.006-3.155l-.627-2.423-2.283-.515Z"/>
+    <path fill="#FFC266" d="M8.103 14.479c-.49.025-1.327.303-1.247.884.205 1.473-1.406 1.946.738 1.946 1.078 0 1.759-.473 1.861-1.466l-.237-1.197-1.115-.168Z"/>
+    <path fill="#F33E3E" d="M9.162 16.672c-.627 1.14-1.87 1.69-3.576 1.69-.668 0-1.167-.021-1.532-.067-.493 1.05-.733 1.44 2.123 1.44 2.321 0 3.785-1.019 4.006-3.156l-.527-.532-.18-.182a3.652 3.652 0 0 1-.052.182 1.569 1.569 0 0 1-.262.625Z"/>
+    <path fill="#FFB549" d="M8.964 15.349c-.23.712-.859 1.053-1.776 1.053a8.38 8.38 0 0 1-.47-.01c-.27.676-.657.918.876.918.715 0 1.255-.208 1.568-.638.125-.173.214-.38.262-.625a1.87 1.87 0 0 0 .031-.203l-.49-.495Z"/>
+    <path fill="#B6E9D3" d="m8.55 11.901-1.377.808c-.276.162-.23.597-.01.82l.11.11.83.84 1.352 1.364.728.735.38.383c.22.222.651.268.812-.01l.8-1.39-.905-3.519-2.72-.14Zm11.148-8.108c-.662-.122-1.867.006-3.335.508l.66 2.45 2.683.916c.5-1.491.625-2.713.498-3.376-.073-.387-.12-.426-.506-.498Z"/>
+    <path fill="#1DAD70" d="M12.14 6.521c-1.838-.67-3.26-.364-4.703.954-.67.65-1.783 1.504-.863 2.432l1.143 1.154 3.286-1.675L12.14 6.52Zm5.365 5.416-3.09 1.289-1.408 3.175 1.143 1.155c.92.928 1.766-.196 2.41-.871.667-.745 1.855-2.163.945-4.748Z"/>
+    <path fill="#fff" d="M19.706 7.667c-.077.233-.164.473-.26.717a16.894 16.894 0 0 1-1.942 3.553 18.865 18.865 0 0 1-4.497 4.465l-.227-.229-.606-.612-1.636-1.651-.176-.178-.177-.179-1.636-1.651-.832-.84a18.872 18.872 0 0 1 4.422-4.54c1.483-1.073 2.953-1.787 4.224-2.221l3.343 3.366Z"/>
+    <path fill="#7ACCAA" d="M19.49 3.765c.065.695-.08 1.815-.528 3.152l.744.75c.5-1.491.624-2.713.498-3.376-.073-.387-.12-.427-.506-.498a2.132 2.132 0 0 0-.208-.028Z"/>
+    <path fill="#D0D4D9" d="M18.7 7.634a16.87 16.87 0 0 1-1.94 3.553 18.227 18.227 0 0 1-1.27 1.59 18.82 18.82 0 0 1-1.566 1.559c-.511.452-1.064.893-1.66 1.315l.516.522.227.229a18.857 18.857 0 0 0 4.497-4.465 16.884 16.884 0 0 0 1.942-3.553c.096-.244.183-.484.26-.717l-.744-.75a13.42 13.42 0 0 1-.261.717Z"/>
+    <path fill="#7ACCAA" d="m11.268 14.646-.799 1.39c-.16.279-.592.233-.813.01l.527.533.38.383c.22.222.651.268.812-.01l.8-1.39-.907-.915Z"/>
+    <path fill="#168859" d="M17.504 11.937c-.151.213-.31.427-.476.64.215 1.812-.691 2.887-1.243 3.502-.529.554-1.192 1.41-1.922 1.187l.287.29c.92.928 1.766-.196 2.41-.871.667-.745 1.855-2.163.944-4.748ZM10.975 6.22A18.879 18.879 0 0 0 7 10.338l.718.725a18.877 18.877 0 0 1 4.422-4.54 5.755 5.755 0 0 0-1.164-.301Zm.847 6.395-1.282 1.294h-.002l-.176-.177-.177-.179 1.281-1.292a.25.25 0 1 1 .356.354Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h24v24H0z"/>
+    </clipPath>
+  </defs>
+</svg>

package/dist/assets/ic-bg-project.84658405.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <g clip-path="url(#a)">
+    <rect width="24" height="24" fill="#E5F2FF" rx="6"/>
+    <path fill="#72ACE6" d="M18 7.5h-6.75L9.75 6H6c-.825 0-1.5.675-1.5 1.5v3h15V9c0-.825-.675-1.5-1.5-1.5Z"/>
+    <path fill="#ABCFF3" d="M18 7.5H6c-.825 0-1.5.675-1.5 1.5v7.5c0 .825.675 1.5 1.5 1.5h12c.825 0 1.5-.675 1.5-1.5V9c0-.825-.675-1.5-1.5-1.5Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h24v24H0z"/>
+    </clipPath>
+  </defs>
+</svg>

package/dist/assets/ic-bg-scan.2249360c.svg

@@ -0,0 +1,28 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <g clip-path="url(#a)">
+    <rect width="24" height="24" fill="#E9FBF4" rx="6"/>
+    <path fill="#373952" fill-rule="evenodd" d="M11.913 12.717c0-.185.15-.336.337-.336h5.495a.337.337 0 1 1 0 .673H12.25a.337.337 0 0 1-.337-.337Z" clip-rule="evenodd"/>
+    <path fill="#373952" fill-rule="evenodd" d="M5.919 12.717c0-.185.15-.336.336-.336h5.495a.337.337 0 1 1 0 .673H6.255a.337.337 0 0 1-.336-.337Z" clip-rule="evenodd"/>
+    <path fill="#373952" fill-rule="evenodd" d="M16.754 9.134c.186 0 .337.15.337.337v1.03a.337.337 0 0 1-.188.302l-8.82 4.34v.822a.337.337 0 1 1-.674 0v-1.03c0-.129.073-.246.188-.303l8.82-4.34V9.47c0-.186.151-.337.337-.337Z" clip-rule="evenodd"/>
+    <path fill="#373952" fill-rule="evenodd" d="M7.247 9.134c.185 0 .336.151.336.337v.82l8.82 4.341a.337.337 0 0 1 .188.303v1.03a.337.337 0 1 1-.673 0v-.821l-8.82-4.34a.337.337 0 0 1-.188-.303v-1.03c0-.186.15-.337.337-.337Z" clip-rule="evenodd"/>
+    <path fill="#E54857" d="M12 16.714c2.07 0 3.747-1.845 3.747-4.121 0-.743-.179-1.473-.491-2.096-.265-.527-.848-.776-1.438-.776h-3.635c-.59 0-1.173.25-1.438.776a4.715 4.715 0 0 0-.491 2.096c0 2.276 1.677 4.121 3.747 4.121Z"/>
+    <circle cx="10.251" cy="7.722" r=".749" fill="#E9E9EE"/>
+    <circle cx="13.748" cy="7.722" r=".749" fill="#E9E9EE"/>
+    <path fill="#3D405B" d="M14.398 9.72H9.602c0-1.655 1.399-2.497 2.398-2.497 1 0 2.398.842 2.398 2.497Z"/>
+    <circle cx="10.189" cy="11.656" r=".437" fill="#F9F183"/>
+    <circle cx="13.998" cy="13.966" r=".5" fill="#F9F183"/>
+    <path fill="#C7384C" fill-rule="evenodd" d="M11.73 16.714V9.721h.54v6.993h-.54Z" clip-rule="evenodd"/>
+    <path fill="url(#b)" d="M4.101 4.101h15.798V12H4.101z"/>
+    <path fill="#3B444C" fill-rule="evenodd" d="M3.563 5.178c0-.892.723-1.615 1.615-1.615h2.154a.539.539 0 1 1 0 1.077H5.178a.539.539 0 0 0-.538.538v2.154a.539.539 0 0 1-1.077 0V5.178Zm12.566-1.077c0-.297.241-.538.539-.538h2.154c.892 0 1.616.723 1.616 1.615v2.154a.539.539 0 1 1-1.078 0V5.178a.539.539 0 0 0-.538-.538h-2.154a.539.539 0 0 1-.539-.539ZM4.101 16.13c.298 0 .539.241.539.539v2.154c0 .297.24.538.538.538h2.154a.539.539 0 1 1 0 1.078H5.178a1.616 1.616 0 0 1-1.615-1.616v-2.154c0-.298.24-.539.538-.539Zm15.798 0c.297 0 .538.241.538.539v2.154c0 .892-.723 1.616-1.615 1.616h-2.154a.539.539 0 1 1 0-1.078h2.154a.539.539 0 0 0 .538-.538v-2.154a.54.54 0 0 1 .539-.539Z" clip-rule="evenodd"/>
+    <path fill="#46F4FF" fill-rule="evenodd" d="M3.832 12c0-.149.12-.27.27-.27h15.797a.27.27 0 1 1 0 .539H4.1a.27.27 0 0 1-.27-.27Z" clip-rule="evenodd"/>
+  </g>
+  <defs>
+    <linearGradient id="b" x1="12" x2="12" y1="4.101" y2="11.999" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#46F4FF" stop-opacity="0"/>
+      <stop offset="1" stop-color="#46F4FF" stop-opacity=".6"/>
+    </linearGradient>
+    <clipPath id="a">
+      <path fill="#fff" d="M0 0h24v24H0z"/>
+    </clipPath>
+  </defs>
+</svg>