diff --git a/.gitmodules b/.gitmodules
index 5617041..0fb6816 100644
--- a/.gitmodules
+++ b/.gitmodules
@@ -4,3 +4,6 @@
 [submodule "web/src/shared/defguard-ui"]
 	path = web/src/shared/defguard-ui
 	url = git@github.com:DefGuard/ui.git
+[submodule "webnext/src/shared/defguard-ui"]
+	path = webnext/src/shared/defguard-ui
+	url = git@github.com:DefGuard/ui.git
diff --git a/Dockerfile b/Dockerfile
index fcf7313..784c7ee 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -42,6 +42,9 @@ FROM debian:13-slim AS runtime
 RUN apt-get update -y && \
     apt-get install --no-install-recommends -y ca-certificates && \
     rm -rf /var/lib/apt/lists/*
+# make sure we run latest patch for openssl and ssl lib
+RUN apt-get install -y --only-upgrade libssl3t64 openssl && \
+    rm -rf /var/lib/apt/lists/*
 WORKDIR /app
 COPY --from=builder /build/bin/defguard-proxy .
 ENTRYPOINT ["./defguard-proxy"]
diff --git a/webnext/src/pages/ClientDownload/ClientDownloadPage.tsx b/webnext/src/pages/ClientDownload/ClientDownloadPage.tsx
index 3e26b83..c478a79 100644
--- a/webnext/src/pages/ClientDownload/ClientDownloadPage.tsx
+++ b/webnext/src/pages/ClientDownload/ClientDownloadPage.tsx
@@ -25,7 +25,7 @@ import { SizedBox } from '../../shared/defguard-ui/components/SizedBox/SizedBox'
 import { ThemeSpacing } from '../../shared/defguard-ui/types';
 import { isPresent } from '../../shared/defguard-ui/utils/isPresent';
 import { getClientArtifactsQueryOptions } from '../../shared/query/queryOptions';
-import { openVirtualLink } from '../../shared/utils/openVirtualLink';
+import { openClientLink } from '../../shared/utils/openVirtualLink';
 import androidIcon from './assets/android.png';
 import iosIcon from './assets/ios.png';
 import laptopIcon from './assets/laptop.png';
@@ -56,11 +56,11 @@ export const ClientDownloadPage = () => {
         items: [
           {
             text: 'Intel',
-            onClick: () => openVirtualLink(pageData?.macos_amd64),
+            onClick: () => openClientLink(pageData?.macos_amd64),
           },
           {
             text: 'ARM',
-            onClick: () => openVirtualLink(pageData?.macos_arm64),
+            onClick: () => openClientLink(pageData?.macos_arm64),
           },
         ],
       },
@@ -75,12 +75,12 @@ export const ClientDownloadPage = () => {
           {
             icon: 'ubuntu',
             text: 'Ubuntu 24.04 ARM',
-            onClick: () => openVirtualLink(pageData?.deb_arm64),
+            onClick: () => openClientLink(pageData?.deb_arm64),
           },
           {
             icon: 'ubuntu',
             text: 'Ubuntu 24.04 AMD64',
-            onClick: () => openVirtualLink(pageData?.deb_amd64),
+            onClick: () => openClientLink(pageData?.deb_amd64),
           },
         ],
       },
@@ -89,12 +89,12 @@ export const ClientDownloadPage = () => {
           {
             icon: 'debian',
             text: 'Ubuntu 22.04 / Debian 12&13 ARM',
-            onClick: () => openVirtualLink(pageData?.deb_arm64),
+            onClick: () => openClientLink(pageData?.deb_legacy_arm64),
           },
           {
             icon: 'debian',
             text: 'Ubuntu 22.04 / Debian 12&13 AMD64',
-            onClick: () => openVirtualLink(pageData?.deb_amd64),
+            onClick: () => openClientLink(pageData?.deb_legacy_amd64),
           },
         ],
       },
@@ -103,12 +103,12 @@ export const ClientDownloadPage = () => {
           {
             icon: 'linux',
             text: 'RPM ARM',
-            onClick: () => openVirtualLink(pageData?.rpm_arm64),
+            onClick: () => openClientLink(pageData?.rpm_arm64),
           },
           {
             icon: 'linux',
             text: 'RPM AMD64',
-            onClick: () => openVirtualLink(pageData?.rpm_amd64),
+            onClick: () => openClientLink(pageData?.rpm_amd64),
           },
         ],
       },
@@ -117,7 +117,7 @@ export const ClientDownloadPage = () => {
           {
             icon: 'arch-linux',
             text: 'Arch Linux',
-            onClick: () => openVirtualLink(externalLink.client.desktop.linux.arch),
+            onClick: () => openClientLink(externalLink.client.desktop.linux.arch),
           },
         ],
       },
diff --git a/webnext/src/pages/enrollment/ConfigureClient/ConfigureClientPage.tsx b/webnext/src/pages/enrollment/ConfigureClient/ConfigureClientPage.tsx
index 8bae4db..c5ca757 100644
--- a/webnext/src/pages/enrollment/ConfigureClient/ConfigureClientPage.tsx
+++ b/webnext/src/pages/enrollment/ConfigureClient/ConfigureClientPage.tsx
@@ -23,7 +23,7 @@ import type { MenuItemsGroup } from '../../../shared/defguard-ui/components/Menu
 import { SizedBox } from '../../../shared/defguard-ui/components/SizedBox/SizedBox';
 import { ThemeSpacing } from '../../../shared/defguard-ui/types';
 import { getClientArtifactsQueryOptions } from '../../../shared/query/queryOptions';
-import { openVirtualLink } from '../../../shared/utils/openVirtualLink';
+import { openClientLink } from '../../../shared/utils/openVirtualLink';
 
 export const ConfigureClientPage = () => {
   const pageData = useLoaderData({
@@ -45,12 +45,12 @@ export const ConfigureClientPage = () => {
           {
             icon: 'apple',
             text: 'Intel',
-            onClick: () => openVirtualLink(clientLinks?.macos_amd64),
+            onClick: () => openClientLink(clientLinks?.macos_amd64),
           },
           {
             icon: 'apple',
             text: 'ARM',
-            onClick: () => openVirtualLink(clientLinks?.macos_arm64),
+            onClick: () => openClientLink(clientLinks?.macos_arm64),
           },
         ],
       },
@@ -68,12 +68,12 @@ export const ConfigureClientPage = () => {
           {
             icon: 'ubuntu',
             text: 'Ubuntu 24.04 ARM',
-            onClick: () => openVirtualLink(clientLinks?.deb_arm64),
+            onClick: () => openClientLink(clientLinks?.deb_arm64),
           },
           {
             icon: 'ubuntu',
             text: 'Ubuntu 24.04 AMD64',
-            onClick: () => openVirtualLink(clientLinks?.deb_amd64),
+            onClick: () => openClientLink(clientLinks?.deb_amd64),
           },
         ],
       },
@@ -82,12 +82,12 @@ export const ConfigureClientPage = () => {
           {
             icon: 'debian',
             text: 'Ubuntu 22.04 / Debian 12&13 ARM',
-            onClick: () => openVirtualLink(clientLinks?.deb_arm64),
+            onClick: () => openClientLink(clientLinks?.deb_legacy_arm64),
           },
           {
             icon: 'debian',
             text: 'Ubuntu 22.04 / Debian 12&13 AMD64',
-            onClick: () => openVirtualLink(clientLinks?.deb_amd64),
+            onClick: () => openClientLink(clientLinks?.deb_legacy_amd64),
           },
         ],
       },
@@ -96,12 +96,12 @@ export const ConfigureClientPage = () => {
           {
             icon: 'linux',
             text: 'RPM ARM',
-            onClick: () => openVirtualLink(clientLinks?.rpm_arm64),
+            onClick: () => openClientLink(clientLinks?.rpm_arm64),
           },
           {
             icon: 'linux',
             text: 'RPM AMD64',
-            onClick: () => openVirtualLink(clientLinks?.rpm_amd64),
+            onClick: () => openClientLink(clientLinks?.rpm_amd64),
           },
         ],
       },
@@ -110,7 +110,7 @@ export const ConfigureClientPage = () => {
           {
             icon: 'arch-linux',
             text: 'Arch Linux',
-            onClick: () => openVirtualLink(externalLink.client.desktop.linux.arch),
+            onClick: () => openClientLink(externalLink.client.desktop.linux.arch),
           },
         ],
       },
diff --git a/webnext/src/shared/api/update-service.ts b/webnext/src/shared/api/update-service.ts
index 8371fea..04f0bf0 100644
--- a/webnext/src/shared/api/update-service.ts
+++ b/webnext/src/shared/api/update-service.ts
@@ -20,6 +20,8 @@ export type ClientVersionCheck = {
   windows_amd64?: string;
   deb_amd64?: string;
   deb_arm64?: string;
+  deb_legacy_arm64?: string;
+  deb_legacy_amd64?: string;
   rpm_amd64?: string;
   rpm_arm64?: string;
   macos_amd64?: string;
diff --git a/webnext/src/shared/defguard-ui b/webnext/src/shared/defguard-ui
new file mode 160000
index 0000000..8d02746
--- /dev/null
+++ b/webnext/src/shared/defguard-ui
@@ -0,0 +1 @@
+Subproject commit 8d027463588b5bb02fe80f82d53eb4b7034a795a
diff --git a/webnext/src/shared/defguard-ui/components/Avatar/Avatar.tsx b/webnext/src/shared/defguard-ui/components/Avatar/Avatar.tsx
deleted file mode 100644
index ff61b18..0000000
--- a/webnext/src/shared/defguard-ui/components/Avatar/Avatar.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import './style.scss';
-import clsx from 'clsx';
-import { useId } from 'react';
-import type { AvatarSizeValue } from './types';
-
-type Props = {
-  size?: AvatarSizeValue;
-  name?: string;
-};
-
-export const Avatar = ({ size = 'default' }: Props) => {
-  return (
-    <div className={clsx('avatar', `size-${size}`)}>
-      <div className="inner">
-        <EmptyIcon />
-      </div>
-    </div>
-  );
-};
-
-const EmptyIcon = () => {
-  const id = useId();
-  return (
-    <svg
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      className="icon-default"
-    >
-      <g clipPath={`url(#${id})`}>
-        <rect width="16" height="16" rx="8" fill="#F0F2F5" />
-        <path
-          d="M15 16.2065C15 16.6499 14.6055 17 14.1091 17H1.89091C1.39455 17 1 16.6383 1 16.2065C1 13.4293 3.54545 11.1655 6.66364 11.1655H9.32364C12.4545 11.1655 14.9873 13.4176 14.9873 16.2065H15ZM8.78909 9.91694C10.2273 9.59021 11.1818 8.25994 11.1818 6.85967V5.99616C11.1818 4.09412 9.31091 2.61216 7.21091 3.09059C5.77273 3.41732 4.81818 4.74758 4.81818 6.14786V7.01136C4.81818 8.91341 6.68909 10.407 8.78909 9.92861V9.91694Z"
-          fill="#B8C0CD"
-        />
-      </g>
-      <defs>
-        <clipPath id={id}>
-          <rect width="16" height="16" rx="8" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Avatar/style.scss b/webnext/src/shared/defguard-ui/components/Avatar/style.scss
deleted file mode 100644
index 20b2619..0000000
--- a/webnext/src/shared/defguard-ui/components/Avatar/style.scss
+++ /dev/null
@@ -1,47 +0,0 @@
-.avatar {
-  user-select: none;
-
-  &.size-small {
-    .inner {
-      width: 16px;
-      height: 16px;
-    }
-  }
-
-  &.size-default {
-    .inner {
-      width: 24px;
-      height: 24px;
-    }
-  }
-
-  &.size-big {
-    .inner {
-      width: 40px;
-      height: 40px;
-    }
-  }
-
-  svg {
-    height: inherit;
-    width: inherit;
-  }
-}
-
-.avatar .icon-default {
-  g {
-    rect {
-      fill: var(--bg-emphasis);
-    }
-
-    path {
-      fill: var(--bg-faded);
-    }
-  }
-
-  defs {
-    rect {
-      fill: var(--fg-default);
-    }
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/Avatar/types.ts b/webnext/src/shared/defguard-ui/components/Avatar/types.ts
deleted file mode 100644
index c3eeedc..0000000
--- a/webnext/src/shared/defguard-ui/components/Avatar/types.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export const AvatarSize = {
-  Default: 'default',
-  Small: 'small',
-  Big: 'big',
-} as const;
-
-export type AvatarSizeValue = (typeof AvatarSize)[keyof typeof AvatarSize];
diff --git a/webnext/src/shared/defguard-ui/components/Badge/Badge.tsx b/webnext/src/shared/defguard-ui/components/Badge/Badge.tsx
deleted file mode 100644
index b87141d..0000000
--- a/webnext/src/shared/defguard-ui/components/Badge/Badge.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import './style.scss';
-import clsx from 'clsx';
-import type { Ref } from 'react';
-import { Icon } from '../Icon';
-import type { BadgeVariantValue } from './types';
-
-type Props = {
-  text: string;
-  background?: boolean;
-  variant?: BadgeVariantValue;
-  className?: string;
-  testId?: string;
-  ref?: Ref<HTMLDivElement>;
-};
-
-export const Badge = ({
-  text,
-  className,
-  testId,
-  ref,
-  background = false,
-  variant = 'neutral',
-}: Props) => {
-  return (
-    <div
-      data-testid={testId}
-      data-variant={variant}
-      className={clsx('badge', className, `variant-${variant}`, {
-        bg: background,
-      })}
-      ref={ref}
-    >
-      <Icon icon="status-simple" size={20} />
-      <span>{text}</span>
-    </div>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Badge/style.scss b/webnext/src/shared/defguard-ui/components/Badge/style.scss
deleted file mode 100644
index 64354a6..0000000
--- a/webnext/src/shared/defguard-ui/components/Badge/style.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-.badge {
-  --bg-color: transparent;
-  --color: var(--fg-neutral);
-  --icon-color: var(--color);
-
-  border-radius: var(--badge-border-radius);
-  display: grid;
-  grid-template-columns: 20px auto;
-  grid-template-rows: 1fr;
-  align-items: center;
-  box-sizing: border-box;
-  padding: calc(var(--badge-spacing) / 2) var(--badge-spacing);
-  column-gap: var(--badge-gap);
-  background-color: var(--bg-color);
-  color: var(--color);
-  user-select: none;
-
-  @include animate(background-color);
-
-  &.variant-neutral {
-    --color: var(--fg-neutral);
-    --icon-color: var(--fg-muted);
-
-    &:not(.bg) {
-      --bg-color: var(--bg-muted);
-    }
-  }
-
-  &.variant-success {
-    --color: var(--fg-success);
-
-    &:not(.bg) {
-      --bg-color: var(--c-green-500-transparent);
-    }
-  }
-
-  &.variant-critical {
-    --color: var(--fg-critical);
-
-    &:not(.bg) {
-      --bg-color: var(--c-red-500-transparent);
-    }
-  }
-
-  &.variant-warning {
-    --color: var(--fg-attention);
-
-    &:not(.bg) {
-      --bg-color: var(--c-orange-500-transparent);
-    }
-  }
-
-  span {
-    font: var(--t-badge);
-    letter-spacing: var(--t-badge-spacing);
-    color: inherit;
-
-    @include animate(color);
-  }
-
-  & > .icon > svg {
-    rect {
-      fill: var(--icon-color);
-
-      @include animate(fill);
-    }
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/Badge/types.ts b/webnext/src/shared/defguard-ui/components/Badge/types.ts
deleted file mode 100644
index f2002f1..0000000
--- a/webnext/src/shared/defguard-ui/components/Badge/types.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-export const BadgeVariant = {
-  Neutral: 'neutral',
-  Success: 'success',
-  Critical: 'critical',
-  Warning: 'warning',
-} as const;
-
-export type BadgeVariantValue = (typeof BadgeVariant)[keyof typeof BadgeVariant];
diff --git a/webnext/src/shared/defguard-ui/components/Button/Button.tsx b/webnext/src/shared/defguard-ui/components/Button/Button.tsx
deleted file mode 100644
index 9640236..0000000
--- a/webnext/src/shared/defguard-ui/components/Button/Button.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import './style.scss';
-import { clsx } from 'clsx';
-import { AnimatePresence, motion } from 'motion/react';
-import { motionTransitionStandard } from '../../../consts';
-import { isPresent } from '../../utils/isPresent';
-import { Icon } from '../Icon';
-import { LoaderSpinner } from '../LoaderSpinner/LoaderSpinner';
-import type { ButtonProps } from './types';
-
-export const Button = ({
-  text,
-  testId,
-  iconLeft,
-  iconRight,
-  onClick,
-  ref,
-  iconRightRotation,
-  size = 'primary',
-  variant = 'primary',
-  type = 'button',
-  disabled = false,
-  loading = false,
-  ...props
-}: ButtonProps) => {
-  return (
-    <button
-      {...props}
-      data-variant={variant}
-      data-testid={testId}
-      ref={ref}
-      type={type}
-      disabled={disabled || loading}
-      onClick={(e) => {
-        if (!disabled && !loading) {
-          onClick?.(e);
-        }
-      }}
-      className={clsx('btn', `variant-${variant}`, `size-${size}`, {
-        disabled,
-        loading: !disabled && loading,
-        'icon-left': isPresent(iconLeft) && !isPresent(iconRight),
-        'icon-right': isPresent(iconRight) && !isPresent(iconLeft),
-        'icon-both': isPresent(iconLeft) && isPresent(iconRight),
-      })}
-    >
-      {isPresent(iconLeft) && <Icon icon={iconLeft} size={20} />}
-      <span className="text">{text}</span>
-      {isPresent(iconRight) && (
-        <Icon icon={iconRight} size={20} rotationDirection={iconRightRotation} />
-      )}
-      <AnimatePresence mode="wait">
-        {loading && !disabled && (
-          <motion.div
-            className="loader-overlay"
-            initial={{
-              opacity: 0,
-            }}
-            animate={{
-              opacity: 1,
-            }}
-            exit={{ opacity: 0 }}
-            transition={motionTransitionStandard}
-          >
-            <LoaderSpinner />
-          </motion.div>
-        )}
-      </AnimatePresence>
-    </button>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Button/style.scss b/webnext/src/shared/defguard-ui/components/Button/style.scss
deleted file mode 100644
index 8c0bead..0000000
--- a/webnext/src/shared/defguard-ui/components/Button/style.scss
+++ /dev/null
@@ -1,193 +0,0 @@
-.btn {
-  --btn-font: var(--t-button-label-primary);
-  --btn-size: var(--button-size-primary);
-  --border-color: transparent;
-  --bg-color: transparent;
-  --text-color: var(--fg-default);
-  --loader-bg: transparent;
-  --loader-track: transparent;
-  --loader-part: transparent;
-
-  height: var(--btn-size);
-  border: none;
-  box-sizing: border-box;
-  border-radius: var(--button-border-radius-primary);
-  background: var(--bg-color);
-  box-shadow: 0 0 0 1px var(--border-color);
-  color: var(--text-color);
-  min-height: var(--button-size-primary);
-  padding: var(--spacing-sm) var(--spacing-lg);
-  background-clip: padding-box;
-  position: relative;
-  user-select: none;
-  display: grid;
-  grid-template-columns: auto;
-  grid-template-rows: 1fr;
-  align-items: center;
-  column-gap: var(--button-icons-spacing);
-  text-decoration: none !important;
-  justify-content: center;
-
-  @include animate(background-color, border-color, opacity, box-shadow);
-
-  &:not(.disabled, .loading) {
-    cursor: pointer;
-  }
-
-  &.disabled {
-    cursor: not-allowed;
-    pointer-events: none;
-  }
-
-  .icon {
-    svg {
-      path {
-        fill: var(--loader-part);
-
-        @include animate(fill);
-      }
-    }
-  }
-
-  .text {
-    font: var(--btn-font);
-    color: inherit;
-
-    @include animate(color);
-  }
-
-  &.icon-left {
-    grid-template-columns: 20px auto;
-  }
-
-  &.icon-right {
-    grid-template-columns: auto 20px;
-  }
-
-  &.icon-both {
-    grid-template-columns: 20px auto 20px;
-  }
-
-  &.size-primary {
-    --btn-size: var(--button-size-primary);
-  }
-
-  &.size-big {
-    --btn-font: var(--t-button-label-lg);
-    --btn-size: var(--button-size-lg);
-  }
-
-  &.variant-primary {
-    --bg-color: var(--fg-action);
-    --border-color: var(--fg-action);
-    --text-color: var(--fg-white);
-    --loader-track: var(--c-white-50);
-    --loader-part: var(--c-white);
-    --loader-bg: var(--bg-action-emphasis);
-
-    &:hover {
-      --bg-color: var(--bg-action-emphasis);
-      --border-color: var(--bg-color);
-    }
-
-    &.disabled {
-      --bg-color: var(--fg-blue-transparent-2);
-      --border-color: var(--bg-color);
-      --text-color: var(--fg-action-muted);
-    }
-  }
-
-  &.variant-secondary {
-    --bg-color: var(--bg-emphasis);
-    --border-color: var(--bg-color);
-    --text-color: var(--fg-default);
-    --loader-track: var(--c-neutral-400);
-    --loader-part: var(--c-neutral-800);
-    --loader-bg: var(--bg-active);
-
-    &:hover {
-      --bg-color: var(--bg-active);
-    }
-
-    &.disabled {
-      --bg-color: var(--bg-disabled);
-      --text-color: var(--fg-disabled);
-    }
-  }
-
-  &.variant-critical {
-    --bg-color: var(--bg-critical);
-    --border-color: var(--bg-color);
-    --text-color: var(--fg-white);
-    --loader-track: var(--c-white-50);
-    --loader-part: var(--c-white);
-    --loader-bg: var(--bg-critical-faded);
-
-    &:hover {
-      --bg-color: var(--bg-critical-faded);
-    }
-
-    &.disabled {
-      --bg-color: var(--bg-critical-muted);
-      --text-color: var(--fg-white-transparent);
-    }
-  }
-
-  &.variant-outlined {
-    --bg-color: transparent;
-    --border-color: var(--border-action);
-    --loader-track: var(--c-blue-200);
-    --loader-part: var(--c-blue-500);
-    --loader-bg: var(--bg-action-muted);
-    --text-color: var(--fg-action);
-
-    &:hover {
-      --bg-color: var(--bg-action-muted);
-      --border-color: var(--border-action);
-    }
-
-    &.disabled {
-      --bg-color: var(--fg-blue-transparent-2);
-      --border-color: var(--bg-color);
-      --text-color: var(--fg-action-muted);
-    }
-  }
-
-  // since box-shadow adds on top of element it's needed to be set with loader overlay
-  &:not(.disabled).loading {
-    --border-color: var(--loader-bg);
-  }
-
-  .loader-overlay {
-    background-color: var(--loader-bg);
-    border: none;
-    border-radius: inherit;
-    position: absolute;
-    inset: 0;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-flow: row;
-    align-items: center;
-    justify-content: center;
-
-    svg {
-      & > path {
-        stroke: var(--loader-part);
-        fill: none;
-
-        @include animate(stroke);
-      }
-
-      & > circle {
-        stroke: var(--loader-track);
-
-        @include animate(stroke);
-      }
-    }
-  }
-}
-
-a:has(.btn) {
-  text-decoration: none;
-}
diff --git a/webnext/src/shared/defguard-ui/components/Button/types.ts b/webnext/src/shared/defguard-ui/components/Button/types.ts
deleted file mode 100644
index 7937cb4..0000000
--- a/webnext/src/shared/defguard-ui/components/Button/types.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import type { ButtonHTMLAttributes, HTMLAttributes, Ref } from 'react';
-import type { Direction } from '../../types';
-import type { IconKindValue } from '../Icon/icon-types';
-
-type DefaultButtonProps = ButtonHTMLAttributes<HTMLButtonElement>;
-
-type ButtonVariant = 'primary' | 'secondary' | 'critical' | 'outlined';
-
-type ButtonSize = 'primary' | 'big';
-
-export type ButtonProps = {
-  text: string;
-  variant?: ButtonVariant;
-  size?: ButtonSize;
-  type?: DefaultButtonProps['type'];
-  iconLeft?: IconKindValue;
-  iconRight?: IconKindValue;
-  iconRightRotation?: Direction;
-  testId?: string;
-  disabled?: boolean;
-  loading?: boolean;
-  ref?: Ref<HTMLButtonElement>;
-} & HTMLAttributes<HTMLElement>;
diff --git a/webnext/src/shared/defguard-ui/components/ButtonMenu/MenuButton.tsx b/webnext/src/shared/defguard-ui/components/ButtonMenu/MenuButton.tsx
deleted file mode 100644
index 841f841..0000000
--- a/webnext/src/shared/defguard-ui/components/ButtonMenu/MenuButton.tsx
+++ /dev/null
@@ -1,73 +0,0 @@
-import {
-  autoUpdate,
-  FloatingPortal,
-  offset,
-  shift,
-  size,
-  useClick,
-  useDismiss,
-  useFloating,
-  useInteractions,
-} from '@floating-ui/react';
-import { useState } from 'react';
-import { Button } from '../Button/Button';
-import type { ButtonProps } from '../Button/types';
-import { Menu } from '../Menu/Menu';
-import type { MenuItemsGroup } from '../Menu/types';
-
-export const ButtonMenu = ({
-  menuItems,
-  ...props
-}: Omit<ButtonProps, 'ref'> & {
-  menuItems: MenuItemsGroup[];
-}) => {
-  const [isOpen, setOpen] = useState(false);
-  const { refs, context, floatingStyles } = useFloating({
-    placement: 'bottom-start',
-    whileElementsMounted: autoUpdate,
-    onOpenChange: setOpen,
-    open: isOpen,
-    middleware: [
-      offset(4),
-      shift(),
-      size({
-        apply({ rects, elements, availableHeight }) {
-          const refWidth = `${rects.reference.width}px`;
-          elements.floating.style.minWidth = refWidth;
-          elements.floating.style.maxHeight = `${availableHeight - 10}px`;
-        },
-      }),
-    ],
-  });
-
-  const click = useClick(context, {
-    toggle: true,
-  });
-
-  const dismiss = useDismiss(context, {
-    ancestorScroll: true,
-    escapeKey: true,
-    outsidePress: (event) => !(event.target as HTMLElement).closest('.menu'),
-  });
-
-  const { getFloatingProps, getReferenceProps } = useInteractions([click, dismiss]);
-
-  return (
-    <>
-      <Button ref={refs.setReference} {...props} {...getReferenceProps()} />
-      {isOpen && (
-        <FloatingPortal>
-          <Menu
-            itemGroups={menuItems}
-            ref={refs.setFloating}
-            style={floatingStyles}
-            onClose={() => {
-              setOpen(false);
-            }}
-            {...getFloatingProps()}
-          />
-        </FloatingPortal>
-      )}
-    </>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Checkbox/Checkbox.tsx b/webnext/src/shared/defguard-ui/components/Checkbox/Checkbox.tsx
deleted file mode 100644
index 72be6a2..0000000
--- a/webnext/src/shared/defguard-ui/components/Checkbox/Checkbox.tsx
+++ /dev/null
@@ -1,245 +0,0 @@
-import clsx from 'clsx';
-import './style.scss';
-import { useHover } from '@uidotdev/usehooks';
-import { useId, useMemo } from 'react';
-import { isPresent } from '../../utils/isPresent';
-
-type Props = {
-  canError?: boolean;
-  active?: boolean;
-  error?: string;
-  disabled?: boolean;
-  text?: string;
-  onClick?: () => void;
-};
-
-// todo: Include error text when it will be needed
-export const Checkbox = ({
-  text,
-  error,
-  canError = false,
-  active = false,
-  disabled = false,
-  onClick,
-}: Props) => {
-  const hasError = isPresent(error);
-
-  const [ref, hover] = useHover();
-
-  const ContentRender = useMemo(() => {
-    if (disabled) {
-      if (!active) return StateDefaultDisabled;
-      return StateSelectedDisabled;
-    }
-    if (active) {
-      return StateSelected;
-    }
-    if (hasError) {
-      return StateError;
-    }
-    if (hover) {
-      return StateHover;
-    }
-    return StateDefault;
-  }, [hover, active, hasError, disabled]);
-
-  return (
-    <div
-      className={clsx('checkbox', {
-        error: hasError,
-        'can-error': canError,
-        text: isPresent(text),
-      })}
-      onClick={onClick}
-      ref={ref}
-      role="button"
-      tabIndex={disabled ? -1 : 0}
-      data-active={active}
-    >
-      <ContentRender />
-      {isPresent(text) && <span>{text}</span>}
-    </div>
-  );
-};
-
-const StateDefault = () => {
-  const id = useId();
-  return (
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <mask id={id} style={{ fill: 'var(--bg-default)' }}>
-        <path d="M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6Z" />
-      </mask>
-      <path
-        d="M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6Z"
-        style={{ fill: 'var(--bg-default)' }}
-      />
-      <path
-        d="M6 2V3H18V2V1H6V2ZM22 6H21V18H22H23V6H22ZM18 22V21H6V22V23H18V22ZM2 18H3V6H2H1V18H2ZM6 22V21C4.34315 21 3 19.6569 3 18H2H1C1 20.7614 3.23858 23 6 23V22ZM22 18H21C21 19.6569 19.6569 21 18 21V22V23C20.7614 23 23 20.7614 23 18H22ZM18 2V3C19.6569 3 21 4.34315 21 6H22H23C23 3.23858 20.7614 1 18 1V2ZM6 2V1C3.23858 1 1 3.23858 1 6H2H3C3 4.34315 4.34315 3 6 3V2Z"
-        mask={`url(#${id})`}
-        style={{ fill: 'var(--border-default)' }}
-      />
-    </svg>
-  );
-};
-const StateDefaultDisabled = () => {
-  return (
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M6 2.5H18C19.933 2.5 21.5 4.067 21.5 6V18C21.5 19.933 19.933 21.5 18 21.5H6C4.067 21.5 2.5 19.933 2.5 18V6C2.5 4.067 4.067 2.5 6 2.5Z"
-        fill="#F7F8FA"
-      />
-      <path
-        d="M6 2.5H18C19.933 2.5 21.5 4.067 21.5 6V18C21.5 19.933 19.933 21.5 18 21.5H6C4.067 21.5 2.5 19.933 2.5 18V6C2.5 4.067 4.067 2.5 6 2.5Z"
-        stroke="#DFE3E9"
-      />
-    </svg>
-  );
-};
-const StateHover = () => {
-  return (
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <mask id="path-1-inside-1_2042_1139" fill="white">
-        <path d="M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6Z" />
-      </mask>
-      <path
-        d="M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6Z"
-        fill="white"
-      />
-      <path
-        d="M6 2V3H18V2V1H6V2ZM22 6H21V18H22H23V6H22ZM18 22V21H6V22V23H18V22ZM2 18H3V6H2H1V18H2ZM6 22V21C4.34315 21 3 19.6569 3 18H2H1C1 20.7614 3.23858 23 6 23V22ZM22 18H21C21 19.6569 19.6569 21 18 21V22V23C20.7614 23 23 20.7614 23 18H22ZM18 2V3C19.6569 3 21 4.34315 21 6H22H23C23 3.23858 20.7614 1 18 1V2ZM6 2V1C3.23858 1 1 3.23858 1 6H2H3C3 4.34315 4.34315 3 6 3V2Z"
-        fill="#939CA9"
-        mask="url(#path-1-inside-1_2042_1139)"
-      />
-    </svg>
-  );
-};
-const StateSelected = () => {
-  return (
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6Z"
-        fill="#3961DB"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M18 9.47029L10.883 16L7 12.4374L8.29805 10.9671L10.883 13.3388L16.7019 8L18 9.47029Z"
-        fill="white"
-      />
-    </svg>
-  );
-};
-const StateSelectedDisabled = () => {
-  return (
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6Z"
-        fill="#B8C0CD"
-      />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M18 9.47029L10.883 16L7 12.4374L8.29805 10.9671L10.883 13.3388L16.7019 8L18 9.47029Z"
-        fill="#F7F8FA"
-      />
-    </svg>
-  );
-};
-// const StateMixed = () => {
-//   return (
-//     <svg
-//       width="24"
-//       height="24"
-//       viewBox="0 0 24 24"
-//       fill="none"
-//       xmlns="http://www.w3.org/2000/svg"
-//     >
-//       <path
-//         d="M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6Z"
-//         fill="#3961DB"
-//       />
-//       <path
-//         fill-rule="evenodd"
-//         clip-rule="evenodd"
-//         d="M17.5 13H7V11H17.5V13Z"
-//         fill="white"
-//       />
-//     </svg>
-//   );
-// };
-// const StateMixedDisabled = () => {
-//   return (
-//     <svg
-//       width="24"
-//       height="24"
-//       viewBox="0 0 24 24"
-//       fill="none"
-//       xmlns="http://www.w3.org/2000/svg"
-//     >
-//       <path
-//         d="M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6Z"
-//         fill="#B8C0CD"
-//       />
-//       <path
-//         fillRule="evenodd"
-//         clipRule="evenodd"
-//         d="M17.5 13H7V11H17.5V13Z"
-//         fill="#F7F8FA"
-//       />
-//     </svg>
-//   );
-// };
-const StateError = () => {
-  return (
-    <svg
-      width="24"
-      height="24"
-      viewBox="0 0 24 24"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <mask id="path-1-inside-1_5474_915" fill="white">
-        <path d="M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6Z" />
-      </mask>
-      <path
-        d="M2 6C2 3.79086 3.79086 2 6 2H18C20.2091 2 22 3.79086 22 6V18C22 20.2091 20.2091 22 18 22H6C3.79086 22 2 20.2091 2 18V6Z"
-        fill="white"
-      />
-      <path
-        d="M6 2V3H18V2V1H6V2ZM22 6H21V18H22H23V6H22ZM18 22V21H6V22V23H18V22ZM2 18H3V6H2H1V18H2ZM6 22V21C4.34315 21 3 19.6569 3 18H2H1C1 20.7614 3.23858 23 6 23V22ZM22 18H21C21 19.6569 19.6569 21 18 21V22V23C20.7614 23 23 20.7614 23 18H22ZM18 2V3C19.6569 3 21 4.34315 21 6H22H23C23 3.23858 20.7614 1 18 1V2ZM6 2V1C3.23858 1 1 3.23858 1 6H2H3C3 4.34315 4.34315 3 6 3V2Z"
-        fill="#CC3C3C"
-        mask="url(#path-1-inside-1_5474_915)"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Checkbox/style.scss b/webnext/src/shared/defguard-ui/components/Checkbox/style.scss
deleted file mode 100644
index 5830091..0000000
--- a/webnext/src/shared/defguard-ui/components/Checkbox/style.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-.checkbox {
-  display: inline-block;
-  user-select: none;
-
-  &:not(.disabled) {
-    cursor: pointer;
-  }
-
-  .can-error {
-    padding-bottom: var(--form-field-error-space);
-  }
-
-  &.disabled {
-    pointer-events: none;
-    cursor: not-allowed;
-  }
-
-  &.text {
-    display: grid;
-    grid-template-columns: 24px auto;
-    grid-template-rows: 1fr;
-    column-gap: var(--spacing-sm);
-    align-items: center;
-  }
-
-  span {
-    font: var(--t-body-sm-400);
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/CopyField/CopyField.tsx b/webnext/src/shared/defguard-ui/components/CopyField/CopyField.tsx
deleted file mode 100644
index 505236a..0000000
--- a/webnext/src/shared/defguard-ui/components/CopyField/CopyField.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import './style.scss';
-import { autoUpdate, FloatingPortal, offset, useFloating } from '@floating-ui/react';
-import clsx from 'clsx';
-import { type HTMLAttributes, type Ref, useEffect, useState } from 'react';
-import { useClipboard } from '../../../hooks/useClipboard';
-import { Icon } from '../Icon';
-import { Tooltip } from '../Tooltip/Tooltip';
-
-type Props = {
-  text: string;
-  label: string;
-  copyTooltip: string;
-  ref?: Ref<HTMLDivElement>;
-} & HTMLAttributes<HTMLDivElement>;
-
-export const CopyField = ({
-  text,
-  label,
-  ref,
-  className,
-  copyTooltip,
-  ...props
-}: Props) => {
-  const { writeToClipboard } = useClipboard();
-
-  const [copied, setCopied] = useState(false);
-
-  const { refs, floatingStyles } = useFloating({
-    placement: 'top',
-    whileElementsMounted: autoUpdate,
-    middleware: [offset(15)],
-  });
-
-  useEffect(() => {
-    if (copied) {
-      const clearCopied = () => {
-        setCopied(false);
-      };
-      const timeout = setTimeout(clearCopied, 1500);
-      return () => {
-        clearTimeout(timeout);
-      };
-    }
-  }, [copied]);
-
-  return (
-    <>
-      <div className="copy-field spacer">
-        <div className="inner">
-          <div className="label-track">
-            <p>{label}</p>
-          </div>
-          <div className={clsx('track', className)} {...props} ref={ref}>
-            <p>{text}</p>
-            <button
-              type="button"
-              ref={refs.setReference}
-              onClick={() => {
-                writeToClipboard(text).then(() => {
-                  setCopied(true);
-                });
-              }}
-            >
-              <Icon icon={!copied ? 'copy' : 'check-filled'} size={20} />
-            </button>
-          </div>
-        </div>
-      </div>
-      {copied && (
-        <FloatingPortal>
-          <Tooltip style={floatingStyles} ref={refs.setFloating}>
-            <p>{copyTooltip}</p>
-          </Tooltip>
-        </FloatingPortal>
-      )}
-    </>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/CopyField/style.scss b/webnext/src/shared/defguard-ui/components/CopyField/style.scss
deleted file mode 100644
index f90cafd..0000000
--- a/webnext/src/shared/defguard-ui/components/CopyField/style.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-.copy-field {
-  & > .inner {
-    user-select: none;
-    width: 100%;
-
-    .label-track {
-      padding-bottom: var(--spacing-xs);
-
-      p {
-        font: var(--t-input-title);
-        color: var(--fg-neutral);
-      }
-    }
-
-    .track {
-      width: 100%;
-      border: 1px solid var(--border-default);
-      box-sizing: border-box;
-      padding: var(--input-spacing-sm) var(--input-spacing-lg);
-      display: grid;
-      grid-template-columns: auto 20px;
-      grid-template-rows: 1fr;
-      column-gap: var(--input-spacing-sm);
-      align-items: center;
-      overflow: hidden;
-      border-radius: var(--input-border-radius);
-
-      p {
-        font: var(--t-input-text-primary);
-        color: var(--fg-muted);
-        max-width: 100%;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        overflow: hidden;
-        min-width: 0;
-      }
-
-      button {
-        padding: 0;
-        margin: 0;
-        border: none;
-        background-color: transparent;
-        width: 20px;
-        height: 20px;
-        cursor: pointer;
-
-        .icon[data-kind='check-filled'] path {
-          fill: var(--fg-success);
-        }
-      }
-    }
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/CounterLabel/CounterLabel.tsx b/webnext/src/shared/defguard-ui/components/CounterLabel/CounterLabel.tsx
deleted file mode 100644
index 5f22bc2..0000000
--- a/webnext/src/shared/defguard-ui/components/CounterLabel/CounterLabel.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import clsx from 'clsx';
-import './style.scss';
-import type { Ref } from 'react';
-
-type Variant = 'neutral' | 'default' | 'action' | 'critical' | 'warning';
-
-type Props = {
-  ref?: Ref<HTMLDivElement>;
-  className?: string;
-  testId?: string;
-  id?: string;
-  value?: number;
-  variant?: Variant;
-};
-
-export const CounterLabel = ({ ref, className, id, testId, value, variant }: Props) => {
-  return (
-    <div
-      className={clsx('counter-label', `variant-${variant}`, className)}
-      id={id}
-      data-testid={testId}
-      ref={ref}
-    >
-      <span>{value ?? 0}</span>
-    </div>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/CounterLabel/style.scss b/webnext/src/shared/defguard-ui/components/CounterLabel/style.scss
deleted file mode 100644
index 6864cf1..0000000
--- a/webnext/src/shared/defguard-ui/components/CounterLabel/style.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-.counter-label {
-  --color: var(--fg-white);
-  --bg-color: transparent;
-
-  color: var(--color);
-  background-color: var(--bg-color);
-  border-radius: 8px;
-  user-select: none;
-  pointer-events: none;
-  box-sizing: border-box;
-  padding: 0 var(--spacing-xs);
-  min-width: 20px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  flex-flow: row;
-  flex: none;
-  height: auto;
-
-  &.variant-neutral {
-    --color: var(--fg-neutral);
-    --bg-color: var(--bg-emphasis);
-  }
-
-  &.variant-action {
-    --bg-color: var(--bg-action);
-  }
-
-  &.variant-critical {
-    --bg-color: var(--bg-critical);
-  }
-
-  &.variant-warning {
-    --bg-color: var(--bg-warning);
-  }
-
-  &.variant-default {
-    --bg-color: var(--bg-dark);
-  }
-
-  span {
-    font: var(--t-body-xxs-600);
-    color: inherit;
-    text-align: center;
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/Divider/Divider.tsx b/webnext/src/shared/defguard-ui/components/Divider/Divider.tsx
deleted file mode 100644
index 2212337..0000000
--- a/webnext/src/shared/defguard-ui/components/Divider/Divider.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import './style.scss';
-import clsx from 'clsx';
-import type { OrientationValue } from '../../types';
-import { isPresent } from '../../utils/isPresent';
-
-type Props = {
-  text?: string;
-  orientation?: OrientationValue;
-};
-
-export const Divider = ({ text, orientation }: Props) => {
-  const textPresent = isPresent(text) && text.length > 0;
-
-  return (
-    <div
-      className={clsx('divider', orientation, {
-        text: textPresent,
-      })}
-    >
-      {orientation === 'horizontal' && (
-        <>
-          {textPresent && (
-            <>
-              <Line />
-              <span>{text}</span>
-              <Line />
-            </>
-          )}
-          {!textPresent && <Line />}
-        </>
-      )}
-      {orientation === 'vertical' && <Line />}
-    </div>
-  );
-};
-
-const Line = () => {
-  return <div className="line"></div>;
-};
diff --git a/webnext/src/shared/defguard-ui/components/Divider/style.scss b/webnext/src/shared/defguard-ui/components/Divider/style.scss
deleted file mode 100644
index a692a9e..0000000
--- a/webnext/src/shared/defguard-ui/components/Divider/style.scss
+++ /dev/null
@@ -1,53 +0,0 @@
-.divider {
-  --divider-line-size: 1px;
-  --divider-color: var(--bg-active);
-
-  user-select: none;
-
-  .line {
-    content: ' ';
-    display: block;
-    background-color: var(--divider-color);
-    border-radius: 0;
-    margin: 0;
-    padding: 0;
-  }
-
-  &.vertical {
-    display: inline-block;
-    height: 10px;
-
-    .line {
-      height: inherit;
-      width: var(--divider-line-size);
-    }
-  }
-
-  &.horizontal {
-    width: 100%;
-
-    .line {
-      width: 100%;
-      height: var(--divider-line-size);
-    }
-  }
-
-  &.horizontal.text {
-    --divider-color: var(--bg-action-faded);
-
-    display: grid;
-    grid-template-columns: 1fr auto 1fr;
-    grid-template-rows: 1fr;
-    column-gap: var(--spacing-lg);
-    align-items: center;
-
-    .line {
-      width: 100%;
-    }
-  }
-
-  span {
-    font: var(--t-body-sm-400);
-    color: var(--fg-action);
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/EmptyState/EmptyState.tsx b/webnext/src/shared/defguard-ui/components/EmptyState/EmptyState.tsx
deleted file mode 100644
index 7c2be3e..0000000
--- a/webnext/src/shared/defguard-ui/components/EmptyState/EmptyState.tsx
+++ /dev/null
@@ -1,74 +0,0 @@
-import type { Ref } from 'react';
-import './style.scss';
-import clsx from 'clsx';
-import { ThemeSpacing } from '../../types';
-import { isPresent } from '../../utils/isPresent';
-import { Button } from '../Button/Button';
-import type { ButtonProps } from '../Button/types';
-import { Icon } from '../Icon';
-import type { IconKindValue } from '../Icon/icon-types';
-import { SizedBox } from '../SizedBox/SizedBox';
-
-type Props = {
-  ref?: Ref<HTMLDivElement>;
-  title?: string;
-  subtitle?: string;
-  icon?: IconKindValue;
-  className?: string;
-  testId?: string;
-  id?: string;
-  primaryAction?: ButtonProps;
-  secondaryAction?: () => void;
-  secondaryActionText?: string;
-};
-
-//TODO: icon is incompatible, remove it when this will be needed
-export const EmptyState = ({
-  ref,
-  icon,
-  primaryAction,
-  secondaryAction,
-  secondaryActionText,
-  subtitle,
-  title,
-  className,
-  id,
-  testId,
-}: Props) => {
-  return (
-    <div
-      ref={ref}
-      className={clsx('empty-state', className)}
-      id={id}
-      data-testid={testId}
-    >
-      {isPresent(icon) && (
-        <>
-          <div className="empty-icon">
-            <Icon icon={icon} size={24} />
-          </div>
-          <SizedBox height={ThemeSpacing.Lg} />
-        </>
-      )}
-      {isPresent(title) && (
-        <>
-          <p className="title">{title}</p>
-          <SizedBox height={4} />
-        </>
-      )}
-      {isPresent(subtitle) && <p className="subtitle">{subtitle}</p>}
-      <SizedBox height={ThemeSpacing.Lg} />
-      {isPresent(primaryAction) && (
-        <>
-          <Button {...primaryAction} />
-          <SizedBox height={ThemeSpacing.Lg} />
-        </>
-      )}
-      {isPresent(secondaryAction) && isPresent(secondaryActionText) && (
-        <button className="secondary-action" onClick={secondaryAction}>
-          {secondaryActionText}
-        </button>
-      )}
-    </div>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/EmptyState/style.scss b/webnext/src/shared/defguard-ui/components/EmptyState/style.scss
deleted file mode 100644
index 90a3b59..0000000
--- a/webnext/src/shared/defguard-ui/components/EmptyState/style.scss
+++ /dev/null
@@ -1,46 +0,0 @@
-.empty-state {
-  display: flex;
-  flex-flow: column;
-  flex: none;
-  align-items: center;
-  justify-content: flex-start;
-  height: auto;
-  user-select: none;
-
-  & > p,
-  & > span {
-    text-align: center;
-  }
-
-  .title {
-    color: var(--fg-muted);
-    font: var(--t-body-primary-500);
-  }
-
-  .subtitle {
-    color: var(--fg-muted);
-    font: var(--t-body-sm-400);
-  }
-
-  .secondary-action {
-    background-color: transparent;
-    text-align: center;
-    color: var(--fg-action);
-    border: none;
-    padding: 0;
-    margin: 0;
-  }
-
-  .empty-icon {
-    width: 40px;
-    height: 40px;
-    display: flex;
-    flex-flow: row;
-    align-items: center;
-    justify-content: center;
-    flex: none;
-    padding: 4px;
-    border: 1px dashed var(--border-faded);
-    border-radius: 100px;
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/FieldBox/FieldBox.tsx b/webnext/src/shared/defguard-ui/components/FieldBox/FieldBox.tsx
deleted file mode 100644
index 7912214..0000000
--- a/webnext/src/shared/defguard-ui/components/FieldBox/FieldBox.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import './style.scss';
-import clsx from 'clsx';
-import { isPresent } from '../../utils/isPresent';
-import { Icon } from '../Icon';
-import { InteractionBox } from '../InteractionBox/InteractionBox';
-import type { FieldBoxProps } from './types';
-
-// generalized field box for components like Input, shouldn't be in layout on it's own
-export const FieldBox = ({
-  children,
-  disabled,
-  error,
-  className,
-  boxRef,
-  interactionRef,
-  iconLeft,
-  iconRight,
-  size,
-  onInteractionClick,
-  ...rest
-}: FieldBoxProps) => {
-  const hasIconLeft = isPresent(iconLeft);
-  const hasIconRight = isPresent(iconRight);
-  return (
-    <div
-      className={clsx('field-box', className, `size-${size}`, {
-        'grid-default': !hasIconLeft && !hasIconRight,
-        'grid-left': hasIconLeft && !hasIconRight,
-        'grid-right': hasIconRight && !hasIconLeft,
-        'grid-both': hasIconLeft && hasIconRight,
-        disabled,
-        error,
-      })}
-      {...rest}
-    >
-      {hasIconLeft && <Icon icon={iconLeft} size={20} />}
-      {children}
-      {hasIconRight && (
-        <InteractionBox
-          disabled={disabled}
-          iconSize={20}
-          icon={iconRight}
-          onClick={onInteractionClick}
-          tabIndex={-1}
-        />
-      )}
-    </div>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/FieldBox/style.scss b/webnext/src/shared/defguard-ui/components/FieldBox/style.scss
deleted file mode 100644
index 9732c9f..0000000
--- a/webnext/src/shared/defguard-ui/components/FieldBox/style.scss
+++ /dev/null
@@ -1,97 +0,0 @@
-.field-box {
-  --outline-width: 0;
-  --border-color: var(--border-default);
-  --background-color: var(--bg-default);
-
-  position: relative;
-  box-sizing: border-box;
-  display: grid;
-  grid-template-rows: 1fr;
-  align-items: center;
-  column-gap: var(--input-spacing-sm);
-  overflow: hidden;
-  cursor: pointer;
-  border: 1px solid var(--border-color);
-  border-radius: var(--input-border-radius);
-  padding: var(--input-spacing-sm) var(--input-spacing-lg);
-  outline: var(--outline-width) solid var(--border-action);
-  outline-offset: -2px;
-
-  @include animate(border-color, background-color);
-
-  p,
-  span {
-    max-width: 100%;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-  }
-
-  &.size-default {
-    min-height: var(--input-size-primary);
-
-    p,
-    span {
-      font: var(--t-input-text-primary);
-      color: var(--fg-default);
-    }
-  }
-
-  &.size-lg {
-    min-height: var(--input-size-lg);
-
-    p,
-    span {
-      font: var(--t-input-text-big);
-    }
-  }
-
-  &.grid-default {
-    grid-template-columns: 1fr;
-  }
-
-  &.grid-left {
-    grid-template-columns: 20px 1fr;
-  }
-
-  &.grid-right {
-    grid-template-columns: 1fr 20px;
-  }
-
-  &.grid-both {
-    grid-template-columns: 20px 1fr 20px;
-  }
-
-  .placeholder {
-    color: var(--fg-muted);
-  }
-
-  .interaction-box {
-    & > button {
-      height: 28px;
-      width: 28px;
-    }
-  }
-
-  &:not(.disabled, .error) {
-    &:hover {
-      --border-color: var(--border-emphasis);
-    }
-
-    &:focus-within {
-      --border-colo: var(--border-default);
-      --outline-width: 2px;
-    }
-  }
-
-  &.error {
-    --border-color: var(--border-critical);
-  }
-
-  &.disabled {
-    --border-color: var(--border-disabled);
-    --background-color: var(--bg-disabled);
-
-    cursor: not-allowed;
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/FieldBox/types.ts b/webnext/src/shared/defguard-ui/components/FieldBox/types.ts
deleted file mode 100644
index 94f4ff0..0000000
--- a/webnext/src/shared/defguard-ui/components/FieldBox/types.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import type { HTMLAttributes, MouseEventHandler, PropsWithChildren, Ref } from 'react';
-import type { IconKindValue } from '../Icon/icon-types';
-
-export type FieldSize = 'lg' | 'default';
-
-export interface FieldBoxProps extends HTMLAttributes<HTMLDivElement>, PropsWithChildren {
-  boxRef?: Ref<HTMLDivElement>;
-  interactionRef?: Ref<HTMLButtonElement>;
-  error?: boolean;
-  disabled?: boolean;
-  iconLeft?: IconKindValue;
-  iconRight?: IconKindValue;
-  size?: FieldSize;
-  onInteractionClick?: MouseEventHandler<HTMLButtonElement>;
-}
diff --git a/webnext/src/shared/defguard-ui/components/FieldError/FieldError.tsx b/webnext/src/shared/defguard-ui/components/FieldError/FieldError.tsx
deleted file mode 100644
index ef70d77..0000000
--- a/webnext/src/shared/defguard-ui/components/FieldError/FieldError.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import { motion } from 'motion/react';
-import './style.scss';
-import { motionTransitionStandard } from '../../../consts';
-import { isPresent } from '../../utils/isPresent';
-
-type Props = {
-  error?: string;
-};
-
-export const FieldError = ({ error }: Props) => {
-  return (
-    <>
-      {isPresent(error) && error.length > 0 && (
-        <motion.p
-          className="field-error"
-          transition={motionTransitionStandard}
-          initial={{
-            y: -5,
-            opacity: 0,
-          }}
-          animate={{
-            y: 0,
-            opacity: 1,
-          }}
-          exit={{
-            y: -5,
-            opacity: 0,
-          }}
-        >
-          {error}
-        </motion.p>
-      )}
-    </>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/FieldError/style.scss b/webnext/src/shared/defguard-ui/components/FieldError/style.scss
deleted file mode 100644
index 49d746b..0000000
--- a/webnext/src/shared/defguard-ui/components/FieldError/style.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.field-error {
-  padding-top: 8px;
-  font: var(--t-input-error-message);
-  color: var(--fg-critical);
-  user-select: none;
-}
diff --git a/webnext/src/shared/defguard-ui/components/FieldLabel/FieldLabel.tsx b/webnext/src/shared/defguard-ui/components/FieldLabel/FieldLabel.tsx
deleted file mode 100644
index 0146b23..0000000
--- a/webnext/src/shared/defguard-ui/components/FieldLabel/FieldLabel.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import './style.scss';
-
-import clsx from 'clsx';
-import type { Ref } from 'react';
-
-type Props = {
-  ref?: Ref<HTMLLabelElement>;
-  htmlFor?: string;
-  text: string;
-  required?: boolean;
-};
-
-export const FieldLabel = ({ text, htmlFor, ref, required }: Props) => {
-  return (
-    <label
-      className={clsx('field-label', {
-        required,
-      })}
-      htmlFor={htmlFor}
-      ref={ref}
-    >
-      {required && (
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          width="5"
-          height="5"
-          viewBox="0 0 5 5"
-          fill="none"
-        >
-          <path
-            d="M1.332 4.128L0.6 3.684L1.368 2.52H0V1.608L1.368 1.62L0.6 0.456L1.332 0L2.064 1.224L2.808 0L3.528 0.456L2.76 1.62L4.128 1.608V2.52H2.76L3.528 3.684L2.808 4.128L2.064 2.916L1.332 4.128Z"
-            fill="#CC3C3C"
-          />
-        </svg>
-      )}
-      {text}
-    </label>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/FieldLabel/style.scss b/webnext/src/shared/defguard-ui/components/FieldLabel/style.scss
deleted file mode 100644
index a20369d..0000000
--- a/webnext/src/shared/defguard-ui/components/FieldLabel/style.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-.field-label {
-  position: relative;
-  padding-bottom: var(--input-spacing-xs);
-  display: block;
-  font: var(--t-input-title);
-  color: var(--fg-neutral);
-
-  svg {
-    position: absolute;
-    left: 0;
-    top: 3.5px;
-  }
-
-  &.required {
-    padding-left: 8px;
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/Fold/Fold.tsx b/webnext/src/shared/defguard-ui/components/Fold/Fold.tsx
deleted file mode 100644
index 3627863..0000000
--- a/webnext/src/shared/defguard-ui/components/Fold/Fold.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import './style.scss';
-import clsx from 'clsx';
-import type { HTMLAttributes, PropsWithChildren, Ref } from 'react';
-
-export const Fold = ({
-  ref,
-  className,
-  children,
-  open,
-  contentClassName,
-  ...rest
-}: {
-  open: boolean;
-  ref?: Ref<HTMLDivElement>;
-  contentClassName?: string;
-} & PropsWithChildren &
-  HTMLAttributes<HTMLDivElement>) => {
-  return (
-    <div
-      ref={ref}
-      {...rest}
-      className={clsx('fold', className, {
-        folded: !open,
-      })}
-    >
-      <div className={clsx('fold-content', contentClassName)}>{children}</div>
-    </div>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Fold/style.scss b/webnext/src/shared/defguard-ui/components/Fold/style.scss
deleted file mode 100644
index 8892059..0000000
--- a/webnext/src/shared/defguard-ui/components/Fold/style.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-.fold {
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-template-rows: 1fr;
-
-  @include animate(grid-template-rows);
-
-  &.folded {
-    grid-template-rows: 0fr;
-  }
-
-  .fold-content {
-    overflow: hidden;
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/Icon/Icon.tsx b/webnext/src/shared/defguard-ui/components/Icon/Icon.tsx
deleted file mode 100644
index 1200359..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/Icon.tsx
+++ /dev/null
@@ -1,296 +0,0 @@
-import { type CSSProperties, type Ref, useMemo } from 'react';
-import type { IconKindValue } from './icon-types';
-import './style.scss';
-import type { Direction } from '../../types';
-import { IconAccessSettings } from './icons/IconAccessSettings';
-import { IconAndroid } from './icons/IconAndroid';
-import { IconApple } from './icons/IconApple';
-import { IconAppStore } from './icons/IconAppstore';
-import { IconArchLinux } from './icons/IconArchLinux';
-import { IconArrowBig } from './icons/IconArrowBig';
-import { IconArrowSmall } from './icons/IconArrowSmall';
-import { IconCheckCircle } from './icons/IconCheckCircle';
-import { IconCheckFilled } from './icons/IconCheckFilled';
-import { IconClose } from './icons/IconClose';
-import { IconConfig } from './icons/IconConfig';
-import { IconCopy } from './icons/IconCopy';
-import { IconDebian } from './icons/IconDebian';
-import { IconDesktop } from './icons/IconDesktop';
-import { IconDisabled } from './icons/IconDisabled';
-import { IconEmptyPoint } from './icons/IconEmptyPoint';
-import { IconFile } from './icons/IconFile';
-import { IconGlobe } from './icons/IconGlobe';
-import { IconHelp } from './icons/IconHelp';
-import { IconHide } from './icons/IconHide';
-import { IconLinux } from './icons/IconLinux';
-import { IconLoader } from './icons/IconLoader';
-import { IconLockOpen } from './icons/IconLock';
-import { IconMobile } from './icons/IconMobile';
-import { IconOpenInNewWindow } from './icons/IconOpenInNewWindow';
-import { IconPlus } from './icons/IconPlus';
-import { IconShow } from './icons/IconShow';
-import { IconStatusSimple } from './icons/IconStatusSimple';
-import { IconUbuntu } from './icons/IconUbuntu';
-import { IconWarning } from './icons/IconWarning';
-import { IconWindows } from './icons/IconWindows';
-
-type Props<T extends IconKindValue = IconKindValue> = {
-  icon: T;
-  size?: number;
-  rotationDirection?: Direction;
-  customRotation?: number;
-  ref?: Ref<HTMLDivElement>;
-};
-
-type RotationMap = Record<Direction, number>;
-
-const mapRotation = (kind: IconKindValue, direction: Direction): number => {
-  switch (kind) {
-    case 'arrow-small':
-    case 'arrow-big': {
-      const map: RotationMap = {
-        down: 90,
-        right: 0,
-        up: -90,
-        left: 180,
-      };
-      return map[direction];
-    }
-  }
-  console.error(`Unimplemented rotation mapping for icon kind of ${kind}`);
-  // safe return for unimplemented
-  return 0;
-};
-
-const EmptyIcon = () => {
-  return null;
-};
-
-// Color should be set by css bcs some icons have different structures like 'loader'
-export const Icon = <T extends IconKindValue>({
-  icon: iconKind,
-  rotationDirection,
-  customRotation,
-  ref,
-  size = 20,
-}: Props<T>) => {
-  const IconToRender = useMemo(() => {
-    switch (iconKind) {
-      case 'warning':
-        return IconWarning;
-      case 'ubuntu':
-        return IconUbuntu;
-      case 'debian':
-        return IconDebian;
-      case 'arch-linux':
-        return IconArchLinux;
-      case 'disabled':
-        return IconDisabled;
-      case 'show':
-        return IconShow;
-      case 'hide':
-        return IconHide;
-      case 'copy':
-        return IconCopy;
-      case 'config':
-        return IconConfig;
-      case 'open-in-new-window':
-        return IconOpenInNewWindow;
-      case 'arrow-big':
-        return IconArrowBig;
-      case 'arrow-small':
-        return IconArrowSmall;
-      case 'loader':
-        return IconLoader;
-      case 'plus':
-        return IconPlus;
-      case 'status-simple':
-        return IconStatusSimple;
-      case 'lock-open':
-        return IconLockOpen;
-      case 'check-circle':
-        return IconCheckCircle;
-      case 'check-filled':
-        return IconCheckFilled;
-      case 'empty-point':
-        return IconEmptyPoint;
-      case 'desktop':
-        return IconDesktop;
-      case 'mobile':
-        return IconMobile;
-      case 'windows':
-        return IconWindows;
-      case 'linux':
-        return IconLinux;
-      case 'app-store':
-        return IconAppStore;
-      case 'apple':
-        return IconApple;
-      case 'android':
-        return IconAndroid;
-      case 'close':
-        return IconClose;
-      case 'file':
-        return IconFile;
-      case 'globe':
-        return IconGlobe;
-      case 'help':
-        return IconHelp;
-      case 'access-settings':
-        return IconAccessSettings;
-      case 'activity':
-        return EmptyIcon;
-      case 'activity-notes':
-        return EmptyIcon;
-      case 'add-user':
-        return EmptyIcon;
-      case 'analytics':
-        return EmptyIcon;
-      case 'archive':
-        return EmptyIcon;
-      case 'attention':
-        return EmptyIcon;
-      case 'check':
-        return EmptyIcon;
-      case 'clear':
-        return EmptyIcon;
-      case 'code':
-        return EmptyIcon;
-      case 'collapse':
-        return EmptyIcon;
-      case 'credit-card':
-        return EmptyIcon;
-      case 'date':
-        return EmptyIcon;
-      case 'delete':
-        return EmptyIcon;
-      case 'deploy':
-        return EmptyIcon;
-      case 'devices':
-        return EmptyIcon;
-      case 'devices-active':
-        return EmptyIcon;
-      case 'download':
-        return EmptyIcon;
-      case 'edit':
-        return EmptyIcon;
-      case 'enter':
-        return EmptyIcon;
-      case 'expand':
-        return EmptyIcon;
-      case 'filter':
-        return EmptyIcon;
-      case 'gateway':
-        return EmptyIcon;
-      case 'gift':
-        return EmptyIcon;
-      case 'github':
-        return EmptyIcon;
-      case 'groups':
-        return EmptyIcon;
-      case 'hamburger':
-        return EmptyIcon;
-      case 'info-filled':
-        return EmptyIcon;
-      case 'info-outlined':
-        return EmptyIcon;
-      case 'location':
-        return EmptyIcon;
-      case 'location-preview':
-        return EmptyIcon;
-      case 'location-tracking':
-        return EmptyIcon;
-      case 'logout':
-        return EmptyIcon;
-      case 'mail':
-        return EmptyIcon;
-      case 'manage-keys':
-        return EmptyIcon;
-      case 'menu':
-        return EmptyIcon;
-      case 'minus-circle':
-        return EmptyIcon;
-      case 'navigation-collapse':
-        return EmptyIcon;
-      case 'navigation-uncollapse':
-        return EmptyIcon;
-      case 'notification':
-        return EmptyIcon;
-      case 'one-time-password':
-        return EmptyIcon;
-      case 'openid':
-        return EmptyIcon;
-      case 'pdf':
-        return EmptyIcon;
-      case 'pie-chart':
-        return EmptyIcon;
-      case 'plus-circle':
-        return EmptyIcon;
-      case 'profile':
-        return EmptyIcon;
-      case 'protection':
-        return EmptyIcon;
-      case 'qr':
-        return EmptyIcon;
-      case 'search':
-        return EmptyIcon;
-      case 'servers':
-        return EmptyIcon;
-      case 'settings':
-        return EmptyIcon;
-      case 'sort':
-        return EmptyIcon;
-      case 'status-attention':
-        return EmptyIcon;
-      case 'status-available':
-        return EmptyIcon;
-      case 'status-important':
-        return EmptyIcon;
-      case 'support':
-        return EmptyIcon;
-      case 'transactions':
-        return EmptyIcon;
-      case 'user':
-        return EmptyIcon;
-      case 'user-active':
-        return EmptyIcon;
-      case 'users':
-        return EmptyIcon;
-      case 'webhooks':
-        return EmptyIcon;
-      case 'yubi-keys':
-        return EmptyIcon;
-    }
-  }, [iconKind]);
-
-  const getStyle = useMemo((): CSSProperties => {
-    const styles: CSSProperties = {};
-    const transform: string[] = [];
-    // kind specific configurations
-    switch (iconKind) {
-      case 'arrow-big':
-      case 'arrow-small':
-        if (rotationDirection) {
-          transform.push(`rotate(${mapRotation(iconKind, rotationDirection)}deg)`);
-        }
-        break;
-    }
-    if (customRotation && !rotationDirection) {
-      transform.push(`rotate(${customRotation}deg)`);
-    }
-    if (size) {
-      styles.width = size;
-      styles.height = size;
-    }
-    if (transform.length) {
-      styles.transform = transform.join(' ');
-    }
-    return styles;
-  }, [iconKind, size, rotationDirection, customRotation]);
-
-  return (
-    <div className="icon" ref={ref} style={getStyle} data-kind={iconKind}>
-      <IconToRender />
-    </div>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icon-types.ts b/webnext/src/shared/defguard-ui/components/Icon/icon-types.ts
deleted file mode 100644
index 554b283..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icon-types.ts
+++ /dev/null
@@ -1,96 +0,0 @@
-export const IconKind = {
-  Hide: 'hide',
-  ArrowBig: 'arrow-big',
-  ArrowSmall: 'arrow-small',
-  PlusCircle: 'plus-circle',
-  MinusCircle: 'minus-circle',
-  Edit: 'edit',
-  Show: 'show',
-  Analytics: 'analytics',
-  Search: 'search',
-  Delete: 'delete',
-  Transactions: 'transactions',
-  Copy: 'copy',
-  Settings: 'settings',
-  Close: 'close',
-  Plus: 'plus',
-  Support: 'support',
-  Menu: 'menu',
-  Check: 'check',
-  Date: 'date',
-  CreditCard: 'credit-card',
-  Archive: 'archive',
-  PieChart: 'pie-chart',
-  Notification: 'notification',
-  Globe: 'globe',
-  Groups: 'groups',
-  OpenInNewWindow: 'open-in-new-window',
-  Users: 'users',
-  Mail: 'mail',
-  Filter: 'filter',
-  User: 'user',
-  LockOpen: 'lock-open',
-  Servers: 'servers',
-  Protection: 'protection',
-  NavigationCollapse: 'navigation-collapse',
-  NavigationUncollapse: 'navigation-uncollapse',
-  Devices: 'devices',
-  Logout: 'logout',
-  YubiKeys: 'yubi-keys',
-  OpenId: 'openid',
-  Webhooks: 'webhooks',
-  Help: 'help',
-  ActivityNotes: 'activity-notes',
-  Activity: 'activity',
-  AccessSettings: 'access-settings',
-  Profile: 'profile',
-  Attention: 'attention',
-  Warning: 'warning',
-  Download: 'download',
-  Code: 'code',
-  Deploy: 'deploy',
-  Expand: 'expand',
-  Collapse: 'collapse',
-  CheckCircle: 'check-circle',
-  Location: 'location',
-  InfoOutlined: 'info-outlined',
-  InfoFilled: 'info-filled',
-  LocationPreview: 'location-preview',
-  AddUser: 'add-user',
-  QR: 'qr',
-  File: 'file',
-  LocationTracking: 'location-tracking',
-  Config: 'config',
-  Gift: 'gift',
-  Hamburger: 'hamburger',
-  Sort: 'sort',
-  Gateway: 'gateway',
-  EmptyPoint: 'empty-point',
-  DevicesActive: 'devices-active',
-  UserActive: 'user-active',
-  Windows: 'windows',
-  AppStore: 'app-store',
-  Apple: 'apple',
-  Desktop: 'desktop',
-  Mobile: 'mobile',
-  Android: 'android',
-  Pdf: 'pdf',
-  Linux: 'linux',
-  Clear: 'clear',
-  CheckFilled: 'check-filled',
-  Enter: 'enter',
-  Github: 'github',
-  OneTimePassword: 'one-time-password',
-  Loader: 'loader',
-  ManageKeys: 'manage-keys',
-  StatusSimple: 'status-simple',
-  StatusAttention: 'status-attention',
-  StatusAvailable: 'status-available',
-  StatusImportant: 'status-important',
-  Disabled: 'disabled',
-  ArchLinux: 'arch-linux',
-  Debian: 'debian',
-  Ubuntu: 'ubuntu',
-} as const;
-
-export type IconKindValue = (typeof IconKind)[keyof typeof IconKind];
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconAccessSettings.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconAccessSettings.tsx
deleted file mode 100644
index 5cb508a..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconAccessSettings.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconAccessSettings = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M17.5288 12.985V12.475C17.5288 11.265 16.5388 10.275 15.3288 10.275H14.8788C13.6688 10.275 12.6788 11.265 12.6788 12.475V12.985C12.1788 13.255 11.8388 13.775 11.8388 14.375V16.465C11.8388 17.345 12.5488 18.055 13.4288 18.055H16.7788C17.6588 18.055 18.3688 17.345 18.3688 16.465V14.375C18.3688 13.775 18.0288 13.255 17.5288 12.985ZM14.8788 11.775H15.3288C15.7188 11.775 16.0288 12.085 16.0288 12.475V12.785H14.1788V12.475C14.1788 12.085 14.4888 11.775 14.8788 11.775ZM16.8688 16.475C16.8688 16.475 16.8288 16.565 16.7788 16.565H13.4288C13.4288 16.565 13.3388 16.525 13.3388 16.475V14.385C13.3388 14.385 13.3788 14.295 13.4288 14.295H16.7788C16.7788 14.295 16.8688 14.335 16.8688 14.385V16.475ZM10.1888 16.125L10.9888 17.395C10.6488 17.615 10.3388 17.785 10.0888 17.915C9.96877 18.005 9.80877 18.055 9.64877 18.055C9.50877 18.055 9.37877 18.015 9.25877 17.945C7.75877 17.165 5.63877 15.685 4.03877 13.025C1.99877 9.635 1.90877 6.325 2.03877 4.655C2.06877 4.265 2.38877 3.965 2.76877 3.965C3.97877 3.945 5.16877 3.755 6.32877 3.405C7.35877 3.095 8.33877 2.655 9.26877 2.105C9.49877 1.965 9.78877 1.965 10.0288 2.105C10.9688 2.645 11.9688 3.075 13.0088 3.385C14.1588 3.735 15.3588 3.935 16.5688 3.985C16.9488 4.005 17.2688 4.305 17.2888 4.685C17.3888 6.275 17.2188 7.925 16.7988 9.465L15.3488 9.075C15.6688 7.905 15.8188 6.665 15.8088 5.445C14.7188 5.355 13.6288 5.145 12.5788 4.835C11.5688 4.535 10.5988 4.135 9.66877 3.635C8.74877 4.145 7.77877 4.565 6.77877 4.865C5.71877 5.185 4.62877 5.385 3.51877 5.465C3.49877 6.945 3.73877 9.605 5.34877 12.285C6.66877 14.465 8.36877 15.755 9.66877 16.485C9.82877 16.395 10.0188 16.285 10.2088 16.165L10.1888 16.125Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconAndroid.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconAndroid.tsx
deleted file mode 100644
index bf37eaa..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconAndroid.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconAndroid = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M12.9508 13.1893L4.42812 17.8004C3.98526 18.04 3.50493 18.0522 3.08933 17.8992L10.3503 10.5612L12.9508 13.1893Z"
-        fill="#7E8794"
-      />
-      <path
-        d="M9.79485 9.99991L2.4243 17.4486C2.16398 17.1594 2 16.773 2 16.3307V3.66915C2.00001 3.22683 2.16399 2.84076 2.4243 2.55155L9.79485 9.99991Z"
-        fill="#7E8794"
-      />
-      <path
-        d="M16.1291 8.53049C17.2903 9.15884 17.2903 10.8413 16.1291 11.4696L13.6742 12.798L10.9054 9.99991L13.6742 7.20212L16.1291 8.53049Z"
-        fill="#7E8794"
-      />
-      <path
-        d="M3.08933 2.10098C3.50497 1.94786 3.98525 1.95983 4.42812 2.19942L12.9508 6.81087L10.3503 9.4389L3.08933 2.10098Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconApple.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconApple.tsx
deleted file mode 100644
index d0bb87a..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconApple.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconApple = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M12.6836 5.86938C13.2049 5.89087 14.6692 6.07995 15.6093 7.45435C15.5311 7.50544 13.8617 8.47778 13.8818 10.5022C13.9036 12.9221 16.0055 13.7275 16.0293 13.7385C16.0098 13.7961 15.6916 14.8871 14.9209 16.0139C14.2542 16.9889 13.5627 17.9589 12.4726 17.9788C11.4005 17.9992 11.0564 17.344 9.83103 17.344C8.60581 17.344 8.22327 17.9591 7.20993 17.9993C6.15826 18.0393 5.35576 16.9469 4.68357 15.9758C3.3086 13.9892 2.259 10.3612 3.66989 7.91333C4.36911 6.69703 5.62169 5.92666 6.98044 5.90649C8.01323 5.88841 8.98955 6.60376 9.62009 6.60376C10.252 6.60363 11.4381 5.74289 12.6836 5.86938Z"
-        fill="#7E8794"
-      />
-      <path
-        d="M12.7002 2.00024C12.8029 2.93686 12.4249 3.87783 11.8672 4.55493C11.3075 5.2306 10.3919 5.75731 9.49411 5.68774C9.37281 4.76804 9.825 3.81153 10.3427 3.21118C10.9206 2.53482 11.8953 2.03284 12.7002 2.00024Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconAppstore.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconAppstore.tsx
deleted file mode 100644
index 1f75861..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconAppstore.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconAppStore = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M16.1289 15.8344C17.9295 14.819 17.6182 18.0004 17.6182 18.0004C17.487 17.5846 16.4955 17.5559 16.0518 16.9291C15.607 16.3045 15.9739 15.9828 16.1289 15.8344Z"
-        fill="#7E8794"
-      />
-      <path
-        d="M2.41699 15.7084C2.44205 15.4923 2.6167 15.4036 2.80566 15.5122L3.83789 16.104C4.02659 16.2129 4.03369 16.4031 3.85352 16.5248L2.52148 17.4331C2.34128 17.5555 2.21369 17.4781 2.23828 17.2622L2.41699 15.7084Z"
-        fill="#7E8794"
-      />
-      <path
-        d="M7.77734 6.19086C7.88563 6.00215 8.12922 5.93622 8.31738 6.04536L9.34961 6.63618C9.53857 6.74615 9.60432 6.9892 9.49609 7.17817L4.71582 15.5043C4.60653 15.6923 4.36362 15.7581 4.1748 15.6498L3.14258 15.0561C2.95389 14.9479 2.88725 14.7059 2.99609 14.517L7.77734 6.19086Z"
-        fill="#7E8794"
-      />
-      <path
-        d="M15.207 13.3315C15.4157 13.2251 15.6776 13.3117 15.7891 13.5248L16.2803 14.4682C16.3909 14.6815 16.3164 14.9555 16.1143 15.0766L15.6914 15.3305C15.4899 15.452 15.2192 15.3856 15.0908 15.1831L14.4688 14.2016C14.3403 13.9977 14.4064 13.7444 14.6152 13.6362L15.207 13.3315Z"
-        fill="#7E8794"
-      />
-      <path
-        d="M9.13281 2.00922C9.50064 1.82444 10.8175 4.42281 11.8037 5.98188C12.3671 6.8717 13.2802 8.5637 14.0068 9.93793C14.0169 9.956 14.0258 9.97393 14.0352 9.99165C14.0682 10.0538 14.1009 10.1151 14.1328 10.1762C14.1414 10.1928 14.1505 10.2101 14.1592 10.227C14.1877 10.2813 14.2163 10.3352 14.2441 10.3881C14.2597 10.4186 14.2761 10.4482 14.291 10.478C14.3098 10.5128 14.3282 10.5474 14.3467 10.5815C14.3717 10.6287 14.3963 10.6749 14.4199 10.7211C14.4241 10.7291 14.4272 10.7366 14.4307 10.7446C14.746 11.3435 14.9873 11.8054 15.083 11.9829C15.0906 11.997 15.0983 12.0109 15.1045 12.0209C15.3567 12.481 14.8619 12.8628 14.5859 12.978C14.3106 13.092 14.1514 13.206 13.7383 12.9995C13.3259 12.7921 11.2671 8.04392 10.7393 6.80415C10.2121 5.56473 8.61874 2.26612 9.13281 2.00922Z"
-        fill="#7E8794"
-      />
-      <path
-        d="M10.8848 8.94672C11.4959 10.3356 11.9508 11.3053 12.2939 11.9829H7.56445L9.30762 8.94672H10.8848Z"
-        fill="#7E8794"
-      />
-      <path
-        d="M17.7744 8.94672C17.972 8.94672 18.1337 9.10716 18.1338 9.30512V11.6245C18.1337 11.8221 17.972 11.9829 17.7744 11.9829H15.8516C15.8258 11.8782 15.7866 11.7753 15.7324 11.6762C15.6806 11.5823 15.5333 11.3031 15.3486 10.9497C15.081 10.4384 14.701 9.71476 14.291 8.94672H17.7744Z"
-        fill="#7E8794"
-      />
-      <path
-        d="M3.625 11.9819H1.3584C1.16041 11.9819 1 11.8211 1 11.6235V9.30512C1 9.10747 1.16041 8.94675 1.3584 8.94672H5.36816L3.625 11.9819Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconArchLinux.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconArchLinux.tsx
deleted file mode 100644
index ab1de5b..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconArchLinux.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconArchLinux = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M9.99921 2.00053C9.28609 3.74501 8.85789 4.88817 8.06524 6.58316C8.55084 7.09866 9.14862 7.69947 10.1172 8.37662C9.07489 7.9459 8.3644 7.5157 7.83192 7.06865C6.81701 9.18857 5.22591 12.2026 2 18C4.53754 16.5356 6.50153 15.6331 8.33385 15.2877C8.25695 14.9502 8.21061 14.5858 8.21324 14.2014L8.21587 14.1219C8.25695 12.4954 9.10175 11.2479 10.103 11.3327C11.1042 11.4175 11.8831 12.8029 11.8447 14.4289C11.8363 14.7332 11.801 15.0265 11.7404 15.3009C13.5538 15.6547 15.4983 16.5541 18 17.9995C17.506 17.0917 17.0672 16.2718 16.6449 15.4931C15.9839 14.9802 15.2923 14.3109 13.8851 13.5869C14.8536 13.8391 15.5446 14.1298 16.085 14.4536C11.8084 6.49786 11.4655 5.43895 9.99816 2L9.99921 2.00053Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconArrowBig.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconArrowBig.tsx
deleted file mode 100644
index 3d80a85..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconArrowBig.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconArrowBig = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path d="M16.11 10.07L11.11 15.08L10.05 14.02L13.77 10.29H4V8.79H13.77L10.05 5.06L11.11 4L16.11 9.01C16.4 9.3 16.4 9.78 16.11 10.07Z" />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconArrowSmall.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconArrowSmall.tsx
deleted file mode 100644
index 4092fa3..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconArrowSmall.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconArrowSmall = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M8.06189 4.95046L12.3719 9.27046C12.6642 9.56345 12.6639 10.0378 12.3713 10.3305L8.06127 14.6405L7.00061 13.5798L10.7809 9.79956L7 6.00989L8.06189 4.95046Z"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconCheckCircle.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconCheckCircle.tsx
deleted file mode 100644
index 9a94792..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconCheckCircle.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconCheckCircle = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M9.75 2C5.48 2 2 5.48 2 9.75C2 14.02 5.48 17.5 9.75 17.5C14.02 17.5 17.5 14.02 17.5 9.75C17.5 5.48 14.02 2 9.75 2ZM9.75 16C6.3 16 3.5 13.2 3.5 9.75C3.5 6.3 6.3 3.5 9.75 3.5C13.2 3.5 16 6.3 16 9.75C16 13.2 13.2 16 9.75 16ZM12.88 7.23L13.94 8.29L9.96 12.27C9.82 12.41 9.63 12.49 9.43 12.49C9.23 12.49 9.04 12.41 8.9 12.27L6.62 9.99L7.68 8.93L9.43 10.68L12.88 7.23Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconCheckFilled.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconCheckFilled.tsx
deleted file mode 100644
index 0fc9b09..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconCheckFilled.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconCheckFilled = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M9.75 2C5.48 2 2 5.48 2 9.75C2 14.02 5.48 17.5 9.75 17.5C14.02 17.5 17.5 14.02 17.5 9.75C17.5 5.48 14.02 2 9.75 2ZM9.97 12.27C9.83 12.41 9.64 12.49 9.44 12.49C9.24 12.49 9.05 12.41 8.91 12.27L6.63 9.99L7.69 8.93L9.44 10.68L12.89 7.23L13.95 8.29L9.97 12.27Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconClose.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconClose.tsx
deleted file mode 100644
index cb8e9d1..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconClose.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconClose = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M15 6.16998L13.83 5L10 8.83002L6.16998 5L5 6.16998L8.83002 10L5 13.83L6.16998 15L10 11.17L13.83 15L15 13.83L11.17 10L15 6.16998Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconConfig.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconConfig.tsx
deleted file mode 100644
index 0fd3641..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconConfig.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconConfig = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M9.06 3.56C8.75 2.66 7.9 2 6.89 2C5.88 2 5.03 2.65 4.72 3.56H3V5.06H4.72C5.03 5.96 5.88 6.62 6.89 6.62C7.9 6.62 8.75 5.97 9.06 5.06H17V3.56H9.06ZM6.89 5.11C6.45 5.11 6.08 4.75 6.08 4.3C6.08 3.85 6.44 3.49 6.89 3.49C7.34 3.49 7.7 3.85 7.7 4.3C7.7 4.75 7.34 5.11 6.89 5.11ZM6.89 12.89C5.88 12.89 5.03 13.54 4.72 14.45H3V15.95H4.72C5.03 16.85 5.88 17.51 6.89 17.51C7.9 17.51 8.75 16.86 9.06 15.95H17V14.45H9.06C8.75 13.55 7.9 12.89 6.89 12.89ZM6.89 16C6.45 16 6.08 15.64 6.08 15.19C6.08 14.74 6.44 14.38 6.89 14.38C7.34 14.38 7.7 14.74 7.7 15.19C7.7 15.64 7.34 16 6.89 16ZM13.11 7.44C12.1 7.44 11.25 8.09 10.94 9H3V10.5H10.94C11.25 11.4 12.1 12.06 13.11 12.06C14.12 12.06 14.97 11.41 15.28 10.5H17V9H15.28C14.97 8.1 14.12 7.44 13.11 7.44ZM13.11 10.56C12.67 10.56 12.3 10.2 12.3 9.75C12.3 9.3 12.66 8.94 13.11 8.94C13.56 8.94 13.92 9.3 13.92 9.75C13.92 10.2 13.56 10.56 13.11 10.56Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconCopy.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconCopy.tsx
deleted file mode 100644
index eb5706f..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconCopy.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconCopy = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M14.94 6.66006H12.83V4.55006C12.83 3.14006 11.68 2.00006 10.28 2.00006H4.55C3.15 1.99006 2 3.14006 2 4.54006V10.2601C2 11.6701 3.15 12.8101 4.55 12.8101H6.66V14.9201C6.66 16.3301 7.81 17.4801 9.22 17.4801H14.94C16.35 17.4801 17.5 16.3301 17.5 14.9201V9.20006C17.5 7.79006 16.35 6.64006 14.94 6.64006V6.66006ZM6.67 9.21006V11.3201H4.56C3.98 11.3201 3.51 10.8501 3.51 10.2701V4.54006C3.51 3.96006 3.98 3.49006 4.56 3.49006H10.28C10.86 3.49006 11.33 3.96006 11.33 4.54006V6.65006H9.22C7.81 6.65006 6.66 7.80006 6.66 9.21006H6.67ZM16 14.9301C16 15.5101 15.53 15.9901 14.94 15.9901H9.22C8.64 15.9901 8.16 15.5201 8.16 14.9301V9.21006C8.16 8.63006 8.63 8.15006 9.22 8.15006H14.94C15.52 8.15006 16 8.62006 16 9.21006V14.9301Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconDebian.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconDebian.tsx
deleted file mode 100644
index 74295c5..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconDebian.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconDebian = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M3.01336 7.20071C3.05921 7.05617 3.10559 6.8679 3.1428 6.67589L3.1482 6.64069C2.91251 6.93403 3.03386 6.99377 3.01336 7.19377V7.20071ZM3.43836 5.42731C3.48528 5.80706 3.14874 5.96067 3.51225 5.70732C3.7145 5.26731 3.43836 5.58732 3.44483 5.42731H3.43836ZM9.80305 2.08C9.97941 2.04693 10.1989 2.01867 10.4211 2.0016L10.4432 2C10.1941 2.02027 9.94435 2.0336 9.70165 2.06667L9.80305 2.08ZM15.6365 9.21411L15.5896 9.31384C15.5114 9.86373 15.3479 10.3608 15.1123 10.8147L15.1247 10.7886C15.3792 10.3331 15.5577 9.80079 15.6279 9.23544L15.63 9.21411H15.6365ZM8.26001 10.8019C8.17749 10.7022 8.10738 10.588 8.05452 10.4643L8.05075 10.4552C8.12302 10.6787 8.22118 10.8734 8.34522 11.0488L8.34037 11.0419L8.25947 10.8019H8.26001ZM7.84202 10.8222L7.80859 11.0088C7.96931 11.2632 8.14729 11.4835 8.34792 11.6819C8.18612 11.3688 8.06477 11.2419 7.84256 10.8152L7.84202 10.8222ZM14.5028 8.91436C14.4877 9.28078 14.3949 9.62265 14.2402 9.92826L14.2466 9.91386L14.0109 10.0344C13.8222 10.3944 14.0314 10.2675 13.8966 10.5544C13.5719 10.8718 13.2149 11.1571 12.8309 11.4056L12.805 11.4216C12.6696 11.4216 12.8994 11.2552 12.9328 11.195C12.5342 11.4616 12.6087 11.595 12.0089 11.7614L11.9884 11.7214C11.736 11.8067 11.4448 11.8563 11.1422 11.8563C9.65419 11.8563 8.4477 10.6632 8.4477 9.19171C8.4477 9.18104 8.4477 9.16984 8.4477 9.15917V9.16077C8.42774 9.27384 8.40078 9.24718 8.3668 9.29411C8.3614 9.23438 8.35817 9.16504 8.35817 9.09464C8.35817 8.16021 8.90559 7.35165 9.70111 6.9671L9.71513 6.9607C10.0118 6.80976 10.3623 6.72176 10.7334 6.72176C11.3083 6.72176 11.8336 6.9335 12.2327 7.28284L12.2306 7.28071C11.8148 6.75109 11.1708 6.41348 10.4476 6.41348C10.4298 6.41348 10.412 6.41348 10.3942 6.41401H10.3969C9.63262 6.42095 8.96816 6.83643 8.61543 7.45031L8.61004 7.46045C8.20554 7.71379 8.15861 8.44022 7.98333 8.56769C7.94666 8.74743 7.92562 8.95383 7.92562 9.16504C7.92562 10.3517 8.59008 11.3843 9.57113 11.9198L9.58731 11.9278C9.76907 12.0542 9.64125 12.0675 9.66821 12.1609C9.26263 11.9678 8.91962 11.7075 8.64024 11.3912L8.637 11.3875C8.78802 11.6217 8.96654 11.8217 9.17202 11.9907L9.17634 11.9939C8.80582 11.8739 8.32041 11.1272 8.17911 11.0942C8.80582 12.2003 10.7269 13.0409 11.7247 12.627C11.6362 12.6334 11.5332 12.6372 11.4297 12.6372C10.9739 12.6372 10.5355 12.5652 10.125 12.4318L10.1547 12.4403C9.93249 12.3337 9.63585 12.1006 9.68277 12.0606C10.1304 12.2521 10.6514 12.363 11.1988 12.363C12.1351 12.363 12.9943 12.0377 13.6674 11.4952L13.6604 11.5006C13.957 11.2675 14.2871 10.8739 14.3815 10.8675C14.2466 11.0808 14.4084 10.9742 14.3006 11.1608C14.5972 10.6808 14.1657 10.9608 14.6107 10.3341L14.7725 10.5539C14.7121 10.1539 15.2714 9.67332 15.2174 9.0461C15.3452 8.8461 15.3523 9.24611 15.2174 9.69252C15.4127 9.19917 15.2714 9.1261 15.3183 8.71969C15.3722 8.83436 15.4251 8.97357 15.4677 9.11704L15.4736 9.13944C15.4655 9.0749 15.4612 8.9997 15.4612 8.92343C15.4612 8.61355 15.5356 8.32074 15.6672 8.06207L15.6624 8.07327C15.602 8.0402 15.4736 8.27328 15.4466 7.72019C15.4466 7.47378 15.5141 7.58685 15.541 7.53352C15.4051 7.37778 15.3129 7.18151 15.2854 6.96497L15.2848 6.95963C15.3388 6.87323 15.4332 7.17937 15.5141 7.18631C15.4542 6.98043 15.4062 6.73562 15.3808 6.48442L15.3792 6.46628C15.15 6.01293 15.2983 6.53295 15.1096 6.26628C14.8803 5.53932 15.3118 6.09987 15.3388 5.77293C15.6262 6.24494 15.8544 6.79216 15.9924 7.37405L16 7.41298C15.9186 6.96657 15.8042 6.57295 15.6548 6.19694L15.6699 6.24014C15.7778 6.28654 15.4946 5.41291 15.8112 5.99373C15.3771 4.72649 14.5017 3.70299 13.3702 3.0795L13.3432 3.06617C13.4646 3.17924 13.6264 3.32591 13.5654 3.34618C13.0601 3.04643 13.1475 3.02617 13.0736 2.89976C12.6626 2.73336 12.6356 2.9131 12.359 2.89976C11.8924 2.66029 11.3466 2.44428 10.7771 2.28214L10.7129 2.26668L10.7463 2.41975C10.2275 2.25334 10.1396 2.48642 9.5803 2.41975C9.54632 2.39308 9.76206 2.32641 9.93734 2.29974C9.43792 2.36641 9.46488 2.20641 8.97301 2.32001C9.07764 2.24961 9.19899 2.17867 9.32466 2.1152L9.34353 2.10667C8.93903 2.13334 8.37327 2.33974 8.54801 2.15307C7.59016 2.49548 6.76012 2.94403 6.01476 3.49712L6.03957 3.47952L6.02015 3.33284C5.71705 3.69286 4.69932 4.40648 4.61842 4.87316L4.52997 4.8929C4.37518 5.15957 4.27379 5.45932 4.14596 5.73346C3.94371 6.08014 3.84286 5.8668 3.8763 5.92013C3.58829 6.49935 3.3224 7.18577 3.11691 7.8978L3.0948 7.98793C3.13471 8.35648 3.15736 8.78423 3.15736 9.21731C3.15736 9.43172 3.15197 9.64505 3.14065 9.8568L3.14172 9.82693C3.14011 9.88613 3.13903 9.956 3.13903 10.0264C3.13903 13.6249 5.46949 16.6853 8.71952 17.8117L8.77777 17.8293C9.21517 17.9376 9.71783 18 10.2351 18C10.3127 18 10.3904 17.9984 10.467 17.9957L10.4556 17.9963C9.78848 17.8096 9.70057 17.8965 9.05391 17.6699C8.58199 17.4565 8.48114 17.2032 8.15052 16.9168L8.28536 17.1498C7.63115 16.9232 7.90135 16.8698 7.36795 16.7034L7.50926 16.5237C7.22934 16.4229 7.00228 16.233 6.85882 15.9898L6.85558 15.9839L6.62636 15.9903C6.35023 15.6565 6.20191 15.41 6.21539 15.2164L6.14042 15.3498C6.05305 15.21 5.11623 14.0825 5.60109 14.3428C5.46194 14.2473 5.34814 14.1247 5.2667 13.9817L5.26401 13.9764L5.35839 13.8633C5.16207 13.6431 5.01699 13.3737 4.9431 13.0761L4.9404 13.0633C5.01106 13.1689 5.11623 13.2473 5.23974 13.2825L5.24351 13.2836C4.65024 11.8361 4.6168 13.2036 4.1643 11.8158L4.26516 11.8025C4.20907 11.7097 4.15028 11.5982 4.0985 11.483L4.08987 11.4622L4.13032 11.0622C3.70587 10.5688 4.00897 8.9949 4.06992 8.1282C4.25221 7.61405 4.45231 7.17831 4.68584 6.76336L4.66265 6.80763L4.52134 6.78096C4.79101 6.30788 6.0989 4.86676 6.70565 4.9409C6.99527 4.57449 6.64524 4.9409 6.5843 4.84756C7.2315 4.18727 7.43375 4.38088 7.86576 4.26088C8.33767 3.99367 7.46126 4.36755 7.684 4.16007C8.493 3.96007 8.25677 3.69339 9.31549 3.59365C9.42335 3.66032 9.05283 3.68699 8.96492 3.76699C9.3527 3.64379 9.79819 3.57232 10.2609 3.57232C10.9049 3.57232 11.5165 3.71046 12.0672 3.95793L12.0397 3.94673C13.3298 4.62675 14.2353 5.87586 14.4171 7.34578L14.4192 7.36711L14.4731 7.38045C14.4861 7.53192 14.4936 7.70846 14.4936 7.8866C14.4936 8.34688 14.4446 8.79596 14.3513 9.22904L14.3588 9.18691L14.4936 8.9069L14.5028 8.91436ZM10.0393 2.28694L9.93842 2.30668L10.0328 2.30028V2.28694H10.0393ZM9.75612 2.20694C9.89096 2.23361 10.0592 2.25334 10.0393 2.28694C10.1941 2.25388 10.228 2.22027 9.74965 2.20694H9.75612ZM12.7365 8.73516C12.7699 8.25461 12.6421 8.40128 12.6017 8.58795C12.6486 8.61462 12.689 8.9213 12.7365 8.73462V8.73516ZM12.2101 10.1016C12.3579 9.9016 12.4684 9.66426 12.5245 9.40718L12.5267 9.39491C12.4733 9.57999 12.3972 9.74159 12.3002 9.88826L12.3045 9.88133C11.7991 10.1944 12.2576 9.70159 12.3045 9.50798C11.7651 10.1811 12.2306 9.90853 12.2101 10.1016ZM10.7668 10.4547C10.4972 10.4547 10.8208 10.588 11.1719 10.6414C11.269 10.5694 11.3547 10.4973 11.4356 10.4205L11.4345 10.4216C11.304 10.4515 11.1541 10.468 11.0004 10.468C10.9184 10.468 10.8375 10.4632 10.7577 10.4536L10.7668 10.4547Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconDesktop.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconDesktop.tsx
deleted file mode 100644
index 335b047..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconDesktop.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconDesktop = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M18.26 12.7H17.76V5.78C17.76 4.8 16.96 4 15.98 4H4.03C3.05 4 2.25 4.8 2.25 5.78V12.71H1.75C1.34 12.71 1 13.05 1 13.46V15.12C1 16.12 1.81 16.93 2.81 16.93H17.2C18.2 16.93 19.01 16.12 19.01 15.12V13.46C19.01 13.05 18.67 12.71 18.26 12.71V12.7ZM3.75 5.78C3.75 5.63 3.87 5.5 4.03 5.5H15.99C16.14 5.5 16.27 5.62 16.27 5.78V12.71H3.75V5.78ZM17.51 15.11C17.51 15.28 17.37 15.42 17.2 15.42H2.81C2.64 15.42 2.5 15.28 2.5 15.11V14.2H17.51V15.11Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconDisabled.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconDisabled.tsx
deleted file mode 100644
index 33bb493..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconDisabled.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconDisabled = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M9.75 2C5.48 2 2 5.48 2 9.75C2 14.02 5.48 17.5 9.75 17.5C14.02 17.5 17.5 14.02 17.5 9.75C17.5 5.48 14.02 2 9.75 2ZM3.5 9.75C3.5 8.3 4 6.97 4.83 5.91L13.59 14.67C12.53 15.5 11.2 16 9.75 16C6.3 16 3.5 13.2 3.5 9.75ZM14.65 13.62L5.88 4.85C6.95 4.01 8.29 3.5 9.75 3.5C13.2 3.5 16 6.3 16 9.75C16 11.21 15.49 12.55 14.65 13.62Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconEmptyPoint.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconEmptyPoint.tsx
deleted file mode 100644
index a5b5323..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconEmptyPoint.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconEmptyPoint = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M9.75 2C5.48 2 2 5.48 2 9.75C2 14.02 5.48 17.5 9.75 17.5C14.02 17.5 17.5 14.02 17.5 9.75C17.5 5.48 14.02 2 9.75 2ZM9.75 16C6.3 16 3.5 13.2 3.5 9.75C3.5 6.3 6.3 3.5 9.75 3.5C13.2 3.5 16 6.3 16 9.75C16 13.2 13.2 16 9.75 16Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconFile.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconFile.tsx
deleted file mode 100644
index 0f4266c..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconFile.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconFile = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M16.61 7.13C16.61 7.06 16.59 7 16.57 6.94C16.57 6.92 16.56 6.89 16.55 6.87C16.51 6.79 16.47 6.71 16.4 6.65L11.97 2.22C11.91 2.16 11.83 2.11 11.75 2.07C11.73 2.06 11.7 2.05 11.68 2.04C11.62 2.02 11.55 2.01 11.49 2C11.47 2 11.46 2 11.44 2H6.75C5.23 2 4 3.23 4 4.75V14.65C4 16.17 5.23 17.4 6.75 17.4H13.87C15.39 17.4 16.62 16.17 16.62 14.65V7.18C16.62 7.18 16.62 7.15 16.62 7.13H16.61ZM14.06 6.43H12.57C12.36 6.43 12.19 6.26 12.19 6.05V4.56L14.06 6.43ZM13.87 15.9H6.75C6.06 15.9 5.5 15.34 5.5 14.65V4.75C5.5 4.06 6.06 3.5 6.75 3.5H10.69V6.05C10.69 7.09 11.53 7.93 12.57 7.93H15.12V14.65C15.12 15.34 14.56 15.9 13.87 15.9Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconGlobe.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconGlobe.tsx
deleted file mode 100644
index c7d51e1..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconGlobe.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconGlobe = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M10 2C5.59 2 2 5.59 2 10C2 14.41 5.59 18 10 18C14.41 18 18 14.41 18 10C18 5.59 14.41 2 10 2ZM16.5 10C16.5 10.28 16.48 10.56 16.44 10.84C15.56 11.15 14.66 11.41 13.76 11.59C13.81 11.08 13.83 10.55 13.83 10C13.83 9.67 13.82 9.36 13.8 9.04C14.64 8.88 15.47 8.65 16.29 8.39C16.42 8.9 16.5 9.44 16.5 9.99V10ZM10 16.5C9.36 16.5 8.52 15.34 8.05 13.37C8.59 13.42 9.13 13.46 9.67 13.47C9.78 13.47 9.89 13.47 10.01 13.47C10.66 13.47 11.31 13.44 11.95 13.38C11.47 15.35 10.64 16.5 10 16.5ZM9.69 11.97C9.05 11.96 8.41 11.91 7.78 11.84C7.71 11.27 7.67 10.66 7.67 10.01C7.67 9.76 7.67 9.51 7.69 9.27C8.35 9.34 9 9.39 9.67 9.4C9.78 9.4 9.89 9.4 10.01 9.4C10.78 9.4 11.55 9.34 12.31 9.26C12.32 9.5 12.33 9.75 12.33 10.01C12.33 10.66 12.29 11.27 12.22 11.84C11.39 11.94 10.55 12 9.69 11.98V11.97ZM3.5 10C3.5 9.45 3.58 8.91 3.71 8.4C4.53 8.66 5.36 8.88 6.2 9.04C6.18 9.36 6.17 9.68 6.17 10C6.17 10.55 6.2 11.08 6.24 11.6C5.33 11.42 4.44 11.16 3.56 10.84C3.52 10.56 3.5 10.29 3.5 10ZM10 3.5C10.75 3.5 11.78 5.11 12.17 7.76C11.35 7.85 10.53 7.91 9.7 7.89C9.08 7.88 8.46 7.83 7.84 7.76C8.23 5.1 9.25 3.49 10.01 3.49L10 3.5ZM15.76 6.99C15.07 7.21 14.37 7.4 13.66 7.53C13.46 6.15 13.09 4.97 12.61 4.04C13.97 4.64 15.08 5.68 15.76 6.98V6.99ZM7.4 4.05C6.91 4.98 6.55 6.17 6.35 7.54C5.64 7.4 4.94 7.21 4.25 6.99C4.93 5.68 6.05 4.64 7.41 4.04L7.4 4.05ZM4.04 12.58C4.84 12.82 5.64 13 6.46 13.14C6.67 14.23 6.99 15.18 7.4 15.94C5.9 15.28 4.7 14.07 4.04 12.57V12.58ZM12.6 15.95C13 15.18 13.32 14.24 13.54 13.15C14.36 13.01 15.17 12.82 15.96 12.58C15.31 14.08 14.1 15.29 12.6 15.95Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconHelp.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconHelp.tsx
deleted file mode 100644
index 6024703..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconHelp.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconHelp = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M9.75 2C5.48 2 2 5.48 2 9.75C2 14.02 5.48 17.5 9.75 17.5C14.02 17.5 17.5 14.02 17.5 9.75C17.5 5.48 14.02 2 9.75 2ZM9.75 16C6.3 16 3.5 13.2 3.5 9.75C3.5 6.3 6.3 3.5 9.75 3.5C13.2 3.5 16 6.3 16 9.75C16 13.2 13.2 16 9.75 16ZM10.34 12.03C10.51 12.2 10.6 12.42 10.6 12.68C10.6 12.94 10.51 13.15 10.34 13.32C10.17 13.49 9.95 13.57 9.68 13.57C9.41 13.57 9.2 13.49 9.02 13.32C8.85 13.15 8.76 12.94 8.76 12.68C8.76 12.42 8.85 12.21 9.02 12.03C9.19 11.86 9.41 11.77 9.68 11.77C9.95 11.77 10.16 11.86 10.34 12.03ZM12.37 7.96C12.37 8.36 12.28 8.71 12.11 8.99C11.93 9.28 11.64 9.56 11.23 9.84C10.88 10.07 10.64 10.26 10.52 10.42C10.4 10.57 10.34 10.75 10.34 10.95V11.09H8.92V10.78C8.93 10.41 9.01 10.1 9.18 9.86C9.35 9.62 9.64 9.38 10.07 9.12C10.56 8.83 10.8 8.48 10.8 8.07C10.8 7.81 10.71 7.6 10.53 7.45C10.35 7.29 10.11 7.21 9.82 7.21C9.47 7.21 9.2 7.33 8.99 7.57C8.78 7.81 8.68 8.13 8.68 8.53H7.13C7.13 7.75 7.38 7.12 7.87 6.64C8.37 6.16 9.01 5.91 9.8 5.91C10.59 5.91 11.19 6.1 11.66 6.47C12.13 6.84 12.37 7.34 12.37 7.95V7.96Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconHide.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconHide.tsx
deleted file mode 100644
index 3dbe44a..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconHide.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconHide = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M18.47 9.62C18.47 9.69 18.46 9.76 18.44 9.83H18.43C18.22 10.56 17.03 11.77 16.77 12.03C15.59 13.19 13.18 15.14 10.2 15.14H10.16C9.26 15.13 8.39 14.95 7.58 14.65L8.78 13.45C9.23 13.57 9.69 13.64 10.17 13.64H10.2C13.58 13.64 16.28 10.47 16.89 9.59C16.63 9.16 15.88 8.25 14.82 7.41L15.9 6.34C15.96 6.39 16.01 6.43 16.07 6.48C17 7.27 18.47 8.81 18.47 9.62ZM10.24 12.29C11.7 12.29 12.9 11.09 12.9 9.63C12.9 9.54 12.89 9.44 12.89 9.35L9.96 12.28C10.05 12.28 10.15 12.29 10.24 12.29ZM7.23 12.87L6.12 14C6.12 14 6.11 14 6.1 14L3.05 17.05L2 15.97L4.83 13.14C3.1 11.81 2 10.22 2 9.63C2 9.51 2.03 9.4 2.08 9.29C2.38 8.55 3.46 7.47 3.7 7.23C4.88 6.06 7.29 4.11 10.27 4.11H10.31C11.37 4.12 12.36 4.36 13.25 4.72L15.97 2L17.03 3.06L14.63 5.46C14.64 5.46 14.64 5.46 14.65 5.46L13.55 6.55H13.54L12.23 7.86C12.23 7.86 12.23 7.86 12.23 7.88L11.16 8.94L9.53 10.57H9.54L8.47 11.64L7.23 12.87ZM5.92 12.05L7.66 10.31C7.6 10.09 7.57 9.87 7.57 9.63C7.57 8.16 8.77 6.96 10.24 6.96C10.48 6.96 10.7 6.99 10.92 7.05L12.08 5.89C11.51 5.72 10.92 5.61 10.3 5.61H10.27C6.89 5.61 4.19 8.78 3.58 9.67C3.87 10.14 4.71 11.16 5.92 12.05Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconLinux.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconLinux.tsx
deleted file mode 100644
index f0a86fb..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconLinux.tsx
+++ /dev/null
@@ -1,21 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconLinux = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M6.84179 4.56763C7.14288 3.07467 8.46471 2 9.99996 2C11.5352 2 12.8571 3.07467 13.1581 4.56763L13.5179 6.35141C13.7059 7.28417 14.0765 8.17134 14.6085 8.96282L15.2276 9.88378C15.614 10.4585 15.8666 11.1078 15.9711 11.7848C16.5864 11.8365 17.1257 12.2278 17.3579 12.8035L17.8824 14.1039C18.1468 14.7595 17.9555 15.5094 17.4085 15.9613L15.3988 17.6222C14.8137 18.1059 13.97 18.1273 13.3606 17.6741L12.5514 17.0721C12.5407 17.0642 12.5301 17.0561 12.5196 17.0479C12.1224 17.1547 11.7045 17.2118 11.2731 17.2118H8.7268C8.29548 17.2118 7.87758 17.1548 7.48034 17.0479C7.46989 17.0561 7.45932 17.0642 7.44862 17.0721L6.63938 17.6741C6.02999 18.1273 5.1864 18.1059 4.60121 17.6222L2.59142 15.9613C2.0445 15.5094 1.85323 14.7595 2.11763 14.1039L2.64216 12.8035C2.87436 12.2278 3.41362 11.8365 4.02878 11.7848C4.13333 11.1078 4.38592 10.4585 4.77224 9.88378L5.39134 8.96282C5.92339 8.17134 6.29394 7.28417 6.48206 6.35141L6.84179 4.56763ZM13.5675 12.1076C13.3435 12.2751 13.1618 12.5001 13.0465 12.7667L12.2272 14.6627C11.8136 14.9045 11.3356 15.0386 10.837 15.0386H9.16299C8.66442 15.0386 8.1864 14.9045 7.77283 14.6629L6.95345 12.7667C6.8382 12.5001 6.65656 12.2751 6.43249 12.1076C6.45996 11.7638 6.55349 11.4241 6.7131 11.1075L8.05523 8.44544L8.06329 8.45342C9.13296 9.51424 10.8672 9.51424 11.9369 8.45342L11.9448 8.4456L13.2868 11.1075C13.4465 11.4241 13.5399 11.7638 13.5675 12.1076ZM11.6434 6.55367V5.25966H10.5478V6.11428C10.7803 6.16132 11.0081 6.23863 11.225 6.34623L11.6434 6.55367ZM9.45214 6.11434V5.25966H8.35651V6.55381L8.77515 6.34623C8.99204 6.23868 9.21974 6.16139 9.45214 6.11434ZM4.16805 12.8655C3.94405 12.8655 3.74261 13.0008 3.65942 13.2071L3.1349 14.5074C3.04676 14.726 3.11052 14.9759 3.29283 15.1266L5.30261 16.7876C5.49768 16.9487 5.77887 16.9559 5.98201 16.8048L6.79124 16.2029C6.99339 16.0526 7.06561 15.7846 6.96608 15.5543L5.94641 13.1948C5.8601 12.995 5.66204 12.8655 5.44289 12.8655H4.16805ZM16.3406 13.2071C16.2574 13.0008 16.056 12.8655 15.8319 12.8655H14.5571C14.3379 12.8655 14.14 12.995 14.0536 13.1948L13.0339 15.5543C12.9344 15.7846 13.0066 16.0526 13.2087 16.2029L14.018 16.8048C14.2211 16.9559 14.5023 16.9487 14.6974 16.7876L16.7072 15.1266C16.8895 14.9759 16.9533 14.726 16.8651 14.5074L16.3406 13.2071ZM9.26513 7.31807C9.7278 7.08865 10.2724 7.08865 10.7351 7.31807L11.2666 7.58161L11.1622 7.68511C10.5204 8.3216 9.47981 8.3216 8.83801 7.68511L8.73364 7.58161L9.26513 7.31807Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconLoader.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconLoader.tsx
deleted file mode 100644
index 117773e..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconLoader.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-export const IconLoader = () => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-    >
-      <circle cx="10" cy="10" r="7" strokeWidth="2" />
-      <path
-        d="M13.249 16.2003C12.3854 16.6528 11.4368 16.92 10.464 16.9846C9.49113 17.0492 8.51553 16.9099 7.59966 16.5756C6.68379 16.2413 5.84787 15.7193 5.14545 15.0431C4.44302 14.367 3.88959 13.5516 3.52062 12.6491"
-        strokeWidth="2"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconLock.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconLock.tsx
deleted file mode 100644
index 9bd4ef7..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconLock.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-export const IconLockOpen = () => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-    >
-      <path
-        d="M14.25 7.7H7.4V6.04C7.4 4.64 8.54 3.5 9.94 3.5H10.96C12.36 3.5 13.5 4.64 13.5 6.04V6.38H15V6.04C15 3.81 13.19 2 10.96 2H9.94C7.71 2 5.9 3.81 5.9 6.04V7.82C4.8 8.15 4 9.15 4 10.35V15.1C4 16.56 5.19 17.75 6.65 17.75H14.25C15.71 17.75 16.9 16.56 16.9 15.1V10.35C16.9 8.89 15.71 7.7 14.25 7.7ZM15.4 15.1C15.4 15.73 14.88 16.25 14.25 16.25H6.65C6.02 16.25 5.5 15.73 5.5 15.1V10.35C5.5 9.72 6.02 9.2 6.65 9.2H14.25C14.88 9.2 15.4 9.72 15.4 10.35V15.1ZM9.5 11.78H11.4V13.68H9.5V11.78Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconMobile.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconMobile.tsx
deleted file mode 100644
index a9a3c59..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconMobile.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconMobile = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M13.44 2H7.18C5.98 2 5 2.98 5 4.18V16.42C5 17.62 5.98 18.6 7.18 18.6H13.44C14.64 18.6 15.62 17.62 15.62 16.42V4.18C15.62 2.98 14.64 2 13.44 2ZM14.12 16.42C14.12 16.79 13.82 17.1 13.44 17.1H7.18C6.8 17.1 6.5 16.8 6.5 16.42V4.18C6.5 3.81 6.8 3.5 7.18 3.5H13.44C13.81 3.5 14.12 3.8 14.12 4.18V16.42ZM12.42 5.06C12.42 5.47 12.08 5.81 11.67 5.81H8.94C8.53 5.81 8.19 5.47 8.19 5.06C8.19 4.65 8.53 4.31 8.94 4.31H11.67C12.08 4.31 12.42 4.65 12.42 5.06Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconOpenInNewWindow.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconOpenInNewWindow.tsx
deleted file mode 100644
index 6951471..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconOpenInNewWindow.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconOpenInNewWindow = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M15 10.5H16.5V14.62C16.5 15.65 15.66 16.5 14.62 16.5H4.88C3.85 16.5 3 15.66 3 14.62V4.88C3 3.84 3.84 3 4.88 3H9V4.5H4.88C4.67 4.5 4.5 4.67 4.5 4.88V14.63C4.5 14.84 4.67 15.01 4.88 15.01H14.63C14.84 15.01 15.01 14.84 15.01 14.63V10.51L15 10.5ZM15.75 3H11.27V4.5H13.9L9.22 9.18L10.28 10.24L15 5.52V8.23H16.5V3.75C16.5 3.34 16.16 3 15.75 3Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconPlus.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconPlus.tsx
deleted file mode 100644
index b375db6..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconPlus.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconPlus = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path d="M16.46 8.98H10.48V3H8.98V8.98H3V10.48H8.98V16.46H10.48V10.48H16.46V8.98Z" />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconShow.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconShow.tsx
deleted file mode 100644
index 54ee682..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconShow.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconShow = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M10.23 6.85C8.76 6.85 7.57 8.04 7.57 9.51C7.57 10.98 8.76 12.17 10.23 12.17C11.7 12.17 12.89 10.98 12.89 9.51C12.89 8.04 11.7 6.85 10.23 6.85ZM10.23 10.68C9.59 10.68 9.07 10.16 9.07 9.52C9.07 8.88 9.59 8.36 10.23 8.36C10.87 8.36 11.39 8.88 11.39 9.52C11.39 10.16 10.87 10.68 10.23 10.68ZM16.06 6.37C14.79 5.3 12.76 4.02 10.31 4H10.26C7.29 4 4.88 5.95 3.7 7.12C3.55 7.27 2.42 8.4 2.09 9.17C2.03 9.27 2 9.4 2 9.52C2 10.59 5.65 15 10.16 15.03H10.21C13.18 15.03 15.6 13.08 16.78 11.91C16.94 11.75 18.24 10.44 18.45 9.69C18.46 9.63 18.47 9.57 18.47 9.51C18.47 8.7 17 7.16 16.07 6.37H16.06ZM10.2 13.53H10.16C6.83 13.51 4.14 10.47 3.57 9.55C4.18 8.66 6.88 5.49 10.26 5.49H10.3C13.63 5.51 16.32 8.55 16.89 9.47C16.28 10.36 13.58 13.53 10.2 13.53Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconStatusSimple.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconStatusSimple.tsx
deleted file mode 100644
index 8ca913e..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconStatusSimple.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconStatusSimple = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="16"
-      height="16"
-      viewBox="0 0 16 16"
-      fill="none"
-      {...props}
-    >
-      <rect x="4" y="4" width="8" height="8" rx="3" fill="#7E8794" />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconUbuntu.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconUbuntu.tsx
deleted file mode 100644
index 4279ff4..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconUbuntu.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconUbuntu = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M14.0108 4.99447C13.2355 4.56 12.9854 3.57696 13.4178 2.80018C13.7139 2.27429 14.2609 2 14.8079 2C15.0814 2 15.3548 2.06875 15.6057 2.20553C16.381 2.66267 16.6311 3.64571 16.1986 4.39982C15.9025 4.92571 15.3556 5.2 14.8086 5.2C14.5351 5.2 14.2616 5.13125 14.0108 4.99447ZM17.9993 9.54322H15.3556C15.2644 8.30857 14.6489 7.21143 13.7147 6.50341C13.5549 6.3893 13.3952 6.27447 13.2129 6.16037C12.62 5.84 11.9366 5.65714 11.2073 5.65714C10.4554 5.65714 9.77137 5.84 9.15584 6.18304L7.69725 3.96608C8.72264 3.34875 9.90774 3.00571 11.2073 3.00571C11.7091 3.00571 12.2101 3.05179 12.7119 3.1659C12.5296 4.05751 12.9168 4.99447 13.7373 5.47429C14.0567 5.65714 14.4214 5.74857 14.8086 5.74857C15.333 5.74857 15.834 5.56571 16.222 5.22267C17.2707 6.3659 17.9314 7.8741 18 9.54249L17.9993 9.54322ZM7.19623 4.30912L8.65482 6.52608C7.7432 7.23483 7.12767 8.3093 7.05912 9.54322C7.03651 9.63465 7.03651 9.72608 7.03651 9.84018C7.03651 9.93161 7.03651 10.0457 7.05912 10.1371C7.15028 11.4398 7.83436 12.5604 8.83714 13.2684L7.4471 15.5314C6.12489 14.6625 5.12211 13.3371 4.6663 11.7829C5.30444 11.4171 5.76024 10.7084 5.76024 9.90821C5.76024 9.10802 5.30444 8.37659 4.62036 8.01088C5.05356 6.50194 5.96518 5.19927 7.1955 4.30766L7.19623 4.30912ZM3.5957 8.30857C4.48471 8.30857 5.214 9.01733 5.214 9.90894C5.214 10.8005 4.48471 11.532 3.5957 11.532C2.70669 11.532 2 10.8005 2 9.90894C2 9.01733 2.70669 8.30857 3.5957 8.30857ZM7.97147 15.8518L9.3615 13.5661C9.90847 13.8404 10.5466 14.0005 11.2073 14.0005C11.9366 14.0005 12.6207 13.8177 13.2355 13.4747C13.4178 13.3832 13.5776 13.2691 13.7373 13.1316C14.6489 12.4455 15.2644 11.3718 15.3556 10.1371H17.9993C17.9307 11.8743 17.2014 13.4512 16.0623 14.6171C15.7202 14.3655 15.287 14.2288 14.8546 14.2288C14.4673 14.2288 14.1026 14.3202 13.7832 14.503C13.0539 14.9375 12.6667 15.7143 12.7119 16.4918C12.2101 16.6059 11.7091 16.6747 11.2073 16.6747C10.0222 16.6747 8.92903 16.3777 7.97147 15.8518ZM14.8538 14.7773C15.4008 14.7773 15.9478 15.0516 16.2439 15.5775C16.6771 16.355 16.4036 17.3607 15.6509 17.7945C15.4001 17.932 15.1266 18 14.8531 18C14.2835 18 13.7592 17.7257 13.4631 17.1998C13.0072 16.4223 13.2807 15.44 14.056 14.9829C14.3069 14.8453 14.5803 14.7773 14.8538 14.7773Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconWarning.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconWarning.tsx
deleted file mode 100644
index b6a060e..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconWarning.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconWarning = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M8.80741 7.3985H10.2019V12.1969H8.80741V7.3985ZM8.80741 15.0984H10.2019V13.3862H8.80741V15.0984ZM16.7095 16.7697C16.3097 17.5386 15.5846 18 14.7851 18H4.2242C3.4154 18 2.69957 17.5386 2.29981 16.7697C1.90006 16.0007 1.90006 15.0779 2.29981 14.3192L7.57096 4.23035C7.97072 3.46138 8.69585 3 9.49535 3C10.2949 3 11.02 3.46138 11.4197 4.23035L16.7002 14.309C17.0999 15.0779 17.0999 15.9904 16.7002 16.7594L16.7095 16.7697ZM15.5009 15.0779L10.2205 4.99932C10.0067 4.5892 9.6441 4.53794 9.50465 4.53794C9.3652 4.53794 9.00263 4.57895 8.78881 4.99932L3.49907 15.0779C3.28525 15.488 3.4247 15.8571 3.49907 15.9904C3.57344 16.1237 3.78726 16.4518 4.21491 16.4518H14.7758C15.2127 16.4518 15.4266 16.134 15.4916 15.9904C15.566 15.8571 15.7055 15.488 15.4916 15.0779H15.5009Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/icons/IconWindows.tsx b/webnext/src/shared/defguard-ui/components/Icon/icons/IconWindows.tsx
deleted file mode 100644
index 773876c..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/icons/IconWindows.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const IconWindows = (props: SVGProps<SVGSVGElement>) => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      {...props}
-    >
-      <path
-        d="M2 4.20356L8.55733 3.30044V9.63556H2V4.20356ZM2 15.7964L8.55733 16.7004V10.4427H2V15.7964ZM9.27822 16.7964L18 18V10.4427H9.27822V16.7964ZM9.27822 3.20356V9.63556H18V2L9.27822 3.20356Z"
-        fill="#7E8794"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Icon/index.ts b/webnext/src/shared/defguard-ui/components/Icon/index.ts
deleted file mode 100644
index c15633d..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { Icon } from './Icon';
-export type { IconKind } from './icon-types';
diff --git a/webnext/src/shared/defguard-ui/components/Icon/style.scss b/webnext/src/shared/defguard-ui/components/Icon/style.scss
deleted file mode 100644
index b73c09c..0000000
--- a/webnext/src/shared/defguard-ui/components/Icon/style.scss
+++ /dev/null
@@ -1,21 +0,0 @@
-.icon {
-  display: inline-block;
-  overflow: hidden;
-  user-select: none;
-
-  svg {
-    width: inherit;
-    height: inherit;
-    transition-property: transform;
-
-    @include animate;
-
-    path {
-      @include animate(fill);
-    }
-
-    circle {
-      @include animate(stroke);
-    }
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/IconButton/IconButton.tsx b/webnext/src/shared/defguard-ui/components/IconButton/IconButton.tsx
deleted file mode 100644
index bd776c2..0000000
--- a/webnext/src/shared/defguard-ui/components/IconButton/IconButton.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import './style.scss';
-import clsx from 'clsx';
-import { Icon } from '../Icon/Icon';
-import type { IconButtonProps } from './types';
-
-export const IconButton = ({ icon, ref, disabled = false, onClick }: IconButtonProps) => {
-  return (
-    <div
-      ref={ref}
-      className={clsx('icon-button', {
-        disabled,
-      })}
-      onClick={(e) => {
-        if (!disabled) {
-          onClick?.(e);
-        }
-      }}
-    >
-      <Icon icon={icon} size={20} />
-    </div>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/IconButton/style.scss b/webnext/src/shared/defguard-ui/components/IconButton/style.scss
deleted file mode 100644
index 56d3fbd..0000000
--- a/webnext/src/shared/defguard-ui/components/IconButton/style.scss
+++ /dev/null
@@ -1,35 +0,0 @@
-.icon-button {
-  --icon-color: var(--fg-muted);
-
-  background-color: transparent;
-  border-radius: var(--button-border-radius-sm);
-  height: var(--button-size-primary);
-  width: var(--button-size-primary);
-  display: inline-flex;
-  flex-flow: column;
-  align-items: center;
-  justify-content: center;
-
-  @include animate(background-color);
-
-  &:not(.disabled) {
-    cursor: pointer;
-
-    &:hover {
-      --icon-color: var(--fg-neutral);
-
-      background-color: var(--bg-emphasis);
-    }
-  }
-
-  &.disabled {
-    cursor: not-allowed;
-    --icon-color: var(--fg-disabled);
-  }
-
-  & > .icon svg path {
-    fill: var(--icon-color);
-
-    @include animate(fill);
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/IconButton/types.ts b/webnext/src/shared/defguard-ui/components/IconButton/types.ts
deleted file mode 100644
index 55501dc..0000000
--- a/webnext/src/shared/defguard-ui/components/IconButton/types.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import type { MouseEventHandler, Ref } from 'react';
-import type { IconKindValue } from '../Icon/icon-types';
-
-export type IconButtonProps = {
-  icon: IconKindValue;
-  disabled?: boolean;
-  ref?: Ref<HTMLDivElement>;
-  onClick?: MouseEventHandler<HTMLDivElement>;
-};
diff --git a/webnext/src/shared/defguard-ui/components/IconButtonMenu/IconButtonMenu.tsx b/webnext/src/shared/defguard-ui/components/IconButtonMenu/IconButtonMenu.tsx
deleted file mode 100644
index 92c56b5..0000000
--- a/webnext/src/shared/defguard-ui/components/IconButtonMenu/IconButtonMenu.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import {
-  autoUpdate,
-  FloatingPortal,
-  offset,
-  shift,
-  size,
-  useClick,
-  useDismiss,
-  useFloating,
-  useInteractions,
-} from '@floating-ui/react';
-import { useState } from 'react';
-import { mergeRefs } from '../../utils/mergeRefs';
-import { IconButton } from '../IconButton/IconButton';
-import type { IconButtonProps } from '../IconButton/types';
-import { Menu } from '../Menu/Menu';
-import type { MenuItemsGroup } from '../Menu/types';
-
-export const IconButtonMenu = ({
-  menuItems,
-  ref,
-  ...buttonProps
-}: IconButtonProps & {
-  menuItems: MenuItemsGroup[];
-}) => {
-  const [isOpen, setOpen] = useState(false);
-  const { refs, context, floatingStyles } = useFloating({
-    placement: 'bottom-end',
-    whileElementsMounted: autoUpdate,
-    onOpenChange: setOpen,
-    open: isOpen,
-    middleware: [
-      offset(4),
-      shift(),
-      size({
-        apply({ rects, elements, availableHeight }) {
-          const refWidth = `${rects.reference.width}px`;
-          elements.floating.style.minWidth = refWidth;
-          elements.floating.style.maxHeight = `${availableHeight - 10}px`;
-        },
-      }),
-    ],
-  });
-  const click = useClick(context, {
-    toggle: true,
-  });
-
-  const dismiss = useDismiss(context, {
-    ancestorScroll: true,
-    escapeKey: true,
-    outsidePress: (event) => !(event.target as HTMLElement).closest('.menu'),
-  });
-
-  const { getFloatingProps, getReferenceProps } = useInteractions([click, dismiss]);
-
-  return (
-    <>
-      <IconButton
-        {...buttonProps}
-        {...getReferenceProps()}
-        ref={mergeRefs([ref, refs.setReference])}
-      />
-      {isOpen && (
-        <FloatingPortal>
-          <Menu
-            itemGroups={menuItems}
-            ref={refs.setFloating}
-            style={floatingStyles}
-            onClose={() => {
-              setOpen(false);
-            }}
-            {...getFloatingProps()}
-          />
-        </FloatingPortal>
-      )}
-    </>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/InfoBanner/InfoBanner.tsx b/webnext/src/shared/defguard-ui/components/InfoBanner/InfoBanner.tsx
deleted file mode 100644
index 891c6fe..0000000
--- a/webnext/src/shared/defguard-ui/components/InfoBanner/InfoBanner.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import { useMemo } from 'react';
-import { Icon } from '../Icon';
-import type { IconKindValue } from '../Icon/icon-types';
-import './style.scss';
-import clsx from 'clsx';
-import { RenderMarkdown } from '../RenderMarkdown/RenderMarkdown';
-
-type Props = {
-  icon: IconKindValue;
-  text: string | string[];
-  variant?: 'info' | 'warning';
-  markdown?: boolean;
-};
-
-export const InfoBanner = ({ icon, text, markdown = false, variant = 'info' }: Props) => {
-  const textContents = useMemo(() => {
-    if (markdown) {
-      const prop = Array.isArray(text) ? text.join('\n') : text;
-      return <RenderMarkdown content={prop} />;
-    }
-    if (Array.isArray(text)) {
-      return text.map((content, index) => <p key={index}>{content}</p>);
-    }
-    return <p>{text}</p>;
-  }, [text, markdown]);
-
-  return (
-    <div className="info-banner spacer">
-      <div className={clsx('inner', `variant-${variant}`)}>
-        <div className="icon-track">
-          <Icon icon={icon} size={20} />
-        </div>
-        <div className="content">{textContents}</div>
-      </div>
-    </div>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/InfoBanner/style.scss b/webnext/src/shared/defguard-ui/components/InfoBanner/style.scss
deleted file mode 100644
index 4e66291..0000000
--- a/webnext/src/shared/defguard-ui/components/InfoBanner/style.scss
+++ /dev/null
@@ -1,68 +0,0 @@
-.info-banner {
-  & > .inner {
-    --bg-color: transparent;
-    --icon-color: transparent;
-    --color: transparent;
-
-    width: 100%;
-    max-width: 100%;
-    overflow: hidden;
-    display: grid;
-    grid-template-columns: 20px 1fr;
-    grid-template-rows: 1fr;
-    column-gap: var(--spacing-md);
-    background-color: var(--bg-color);
-    border-radius: var(--radius-lg);
-    box-sizing: border-box;
-    padding: var(--spacing-sm) var(--spacing-lg);
-    align-items: start;
-    justify-content: start;
-
-    @include animate(background-color);
-
-    &.variant-info {
-      --bg-color: var(--bg-disabled);
-      --color: var(--fg-muted);
-      --icon-color: var(--fg-muted);
-    }
-
-    &.variant-warning {
-      --bg-color: var(--bg-warning-transparent);
-      --color: var(--fg-attention);
-      --icon-color: var(--fg-attention);
-    }
-
-    & > .icon-track {
-      display: block;
-      width: 20px;
-      height: 20px;
-      user-select: none;
-
-      svg {
-        path {
-          fill: var(--icon-color);
-
-          @include animate(fill);
-        }
-      }
-    }
-
-    & > .content {
-      p {
-        max-width: 100%;
-        overflow: hidden;
-        text-wrap: wrap;
-        text-align: left;
-      }
-
-      p,
-      span,
-      a {
-        font: var(--t-body-xs-500);
-        color: var(--color);
-
-        @include animate(color);
-      }
-    }
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/Input/Input.tsx b/webnext/src/shared/defguard-ui/components/Input/Input.tsx
deleted file mode 100644
index 33dfc1d..0000000
--- a/webnext/src/shared/defguard-ui/components/Input/Input.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import { type HTMLInputTypeAttribute, useId, useMemo, useRef, useState } from 'react';
-import './style.scss';
-import clsx from 'clsx';
-import { isPresent } from '../../utils/isPresent';
-import { mergeRefs } from '../../utils/mergeRefs';
-import { FieldBox } from '../FieldBox/FieldBox';
-import { FieldError } from '../FieldError/FieldError';
-import { FieldLabel } from '../FieldLabel/FieldLabel';
-import type { IconKindValue } from '../Icon/icon-types';
-import type { InputProps } from './types';
-
-export const Input = ({
-  value,
-  error,
-  label,
-  ref,
-  name,
-  placeholder,
-  boxProps,
-  testId,
-  onChange,
-  onBlur,
-  onFocus,
-  size = 'default',
-  type = 'text',
-  required = false,
-  disabled = false,
-  autocomplete = 'off',
-}: InputProps) => {
-  const isPassword = useMemo(() => type === 'password', [type]);
-
-  const [inputTypeInner, setInputType] = useState<HTMLInputTypeAttribute>(type);
-  const innerRef = useRef<HTMLInputElement>(null);
-  const id = useId();
-
-  const interactionIconRight = useMemo((): IconKindValue | undefined => {
-    if (isPassword) {
-      if (inputTypeInner === 'password') {
-        return 'show';
-      } else {
-        return 'hide';
-      }
-    }
-  }, [isPassword, inputTypeInner]);
-
-  return (
-    <div className="input spacer">
-      <div
-        className={clsx('inner', {
-          disabled,
-        })}
-      >
-        {isPresent(label) && <FieldLabel required={required} text={label} htmlFor={id} />}
-        <FieldBox
-          className="input-track"
-          error={!disabled && isPresent(error)}
-          disabled={disabled}
-          size={size}
-          onClick={() => {
-            innerRef.current?.focus();
-          }}
-          iconRight={interactionIconRight}
-          onInteractionClick={(e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            if (isPassword) {
-              setInputType((s) => {
-                if (s === 'password') {
-                  return 'text';
-                }
-                return 'password';
-              });
-            }
-          }}
-          {...boxProps}
-        >
-          <input
-            ref={mergeRefs([ref, innerRef])}
-            id={id}
-            autoComplete={autocomplete}
-            data-testid={testId}
-            value={value ?? ''}
-            name={name}
-            type={inputTypeInner}
-            placeholder={placeholder}
-            disabled={disabled}
-            onFocus={onFocus}
-            onBlur={onBlur}
-            onChange={(e) => {
-              onChange?.(e.target.value);
-            }}
-          />
-        </FieldBox>
-        <FieldError error={disabled ? undefined : error} />
-      </div>
-    </div>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Input/style.scss b/webnext/src/shared/defguard-ui/components/Input/style.scss
deleted file mode 100644
index aac1dd2..0000000
--- a/webnext/src/shared/defguard-ui/components/Input/style.scss
+++ /dev/null
@@ -1,52 +0,0 @@
-.input {
-  & > .inner {
-    box-sizing: border-box;
-
-    &.error {
-      padding-bottom: var(--form-field-error-space);
-    }
-
-    .field-label {
-      cursor: pointer;
-      user-select: none;
-    }
-
-    .input-track {
-      --input-font: var(--t-input-text-primary);
-
-      &.size-lg {
-        --input-font: var(--t-input-text-big);
-      }
-
-      input {
-        font: var(--input-font);
-        color: var(--fg-default);
-        border: none;
-        background: none;
-        border-radius: 0;
-        width: 100%;
-        max-width: 100%;
-        overflow: hidden;
-        margin: 0;
-        padding: 0;
-
-        &::placeholder {
-          font: var(--input-font);
-          color: var(--fg-muted);
-        }
-
-        &:disabled {
-          cursor: not-allowed;
-        }
-      }
-    }
-
-    &.disabled {
-      user-select: none;
-
-      & > .field-label {
-        cursor: not-allowed;
-      }
-    }
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/Input/types.ts b/webnext/src/shared/defguard-ui/components/Input/types.ts
deleted file mode 100644
index 5d3b5a0..0000000
--- a/webnext/src/shared/defguard-ui/components/Input/types.ts
+++ /dev/null
@@ -1,26 +0,0 @@
-import type { HTMLAttributes, HTMLInputAutoCompleteAttribute, Ref } from 'react';
-import type { FieldBoxProps, FieldSize } from '../FieldBox/types';
-
-export type InputProps = {
-  value: string | null;
-  size?: FieldSize;
-  type?: 'password' | 'text';
-  ref?: Ref<HTMLInputElement>;
-  error?: string;
-  name?: string;
-  label?: string;
-  required?: boolean;
-  disabled?: boolean;
-  placeholder?: string;
-  onChange?: (value: string) => void;
-  boxProps?: Partial<FieldBoxProps>;
-  autocomplete?: HTMLInputAutoCompleteAttribute;
-  testId?: string;
-} & Pick<HTMLAttributes<HTMLInputElement>, 'onBlur' | 'onFocus'>;
-
-export type FormInputProps = Pick<
-  InputProps,
-  'name' | 'placeholder' | 'disabled' | 'required' | 'label' | 'autocomplete' | 'type'
-> & {
-  mapError?: (error: string) => string | undefined;
-};
diff --git a/webnext/src/shared/defguard-ui/components/InteractionBox/InteractionBox.tsx b/webnext/src/shared/defguard-ui/components/InteractionBox/InteractionBox.tsx
deleted file mode 100644
index c648e53..0000000
--- a/webnext/src/shared/defguard-ui/components/InteractionBox/InteractionBox.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import type { MouseEventHandler, Ref } from 'react';
-import { Icon } from '../Icon';
-import type { IconKindValue } from '../Icon/icon-types';
-import './style.scss';
-import clsx from 'clsx';
-
-type Props = {
-  iconSize: number;
-  icon: IconKindValue;
-  onClick?: MouseEventHandler<HTMLButtonElement>;
-  id?: string;
-  className?: string;
-  ref?: Ref<HTMLDivElement>;
-  disabled?: boolean;
-  tabIndex?: number;
-};
-
-export const InteractionBox = ({
-  iconSize,
-  icon,
-  onClick,
-  className,
-  id,
-  ref,
-  tabIndex,
-  disabled = false,
-}: Props) => {
-  return (
-    <div className={clsx('interaction-box', className)} ref={ref} id={id}>
-      <Icon icon={icon} size={iconSize} />
-      <button
-        type="button"
-        onClick={onClick}
-        disabled={disabled}
-        tabIndex={tabIndex}
-        onMouseDown={(e) => {
-          e.preventDefault();
-        }}
-      ></button>
-    </div>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/InteractionBox/style.scss b/webnext/src/shared/defguard-ui/components/InteractionBox/style.scss
deleted file mode 100644
index b18b312..0000000
--- a/webnext/src/shared/defguard-ui/components/InteractionBox/style.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-.interaction-box {
-  display: flex;
-  flex-flow: row nowrap;
-  align-items: center;
-  justify-content: center;
-  flex: none;
-  position: relative;
-  user-select: none;
-
-  & > button {
-    display: block;
-    position: absolute;
-    content: ' ';
-    width: 36px;
-    height: 36px;
-    background-color: transparent;
-    border: none;
-    cursor: pointer;
-    left: 50%;
-    top: 50%;
-    transform: translate(-50%, -50%);
-    padding: 0;
-    margin: 0;
-
-    &:disabled {
-      cursor: not-allowed;
-    }
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/LoaderSpinner/LoaderSpinner.tsx b/webnext/src/shared/defguard-ui/components/LoaderSpinner/LoaderSpinner.tsx
deleted file mode 100644
index 2719629..0000000
--- a/webnext/src/shared/defguard-ui/components/LoaderSpinner/LoaderSpinner.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { Icon } from '../Icon';
-import './style.scss';
-
-type Props = {
-  size?: number;
-};
-
-export const LoaderSpinner = ({ size = 20 }: Props) => {
-  return (
-    <div className="loader-spinner">
-      <Icon icon="loader" size={size} />
-    </div>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/LoaderSpinner/style.scss b/webnext/src/shared/defguard-ui/components/LoaderSpinner/style.scss
deleted file mode 100644
index b0832f7..0000000
--- a/webnext/src/shared/defguard-ui/components/LoaderSpinner/style.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-.loader-spinner {
-  display: inline-block;
-  user-select: none;
-
-  & > .icon {
-    animation: spin 1s ease-in-out infinite;
-  }
-}
-
-@keyframes spin {
-  0% {
-    transform: rotate(0deg);
-  }
-
-  100% {
-    transform: rotate(360deg);
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/Menu/Menu.tsx b/webnext/src/shared/defguard-ui/components/Menu/Menu.tsx
deleted file mode 100644
index 6be5111..0000000
--- a/webnext/src/shared/defguard-ui/components/Menu/Menu.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-import { Fragment } from 'react';
-import { MenuItem } from './components/MenuItem';
-import './style.scss';
-import clsx from 'clsx';
-import { isPresent } from '../../utils/isPresent';
-import { MenuHeader } from './components/MenuHeader';
-import { MenuSpacer } from './components/MenuSpacer';
-import type { MenuProps } from './types';
-
-export const Menu = ({
-  itemGroups,
-  ref,
-  className,
-  onClose,
-  testId,
-  ...props
-}: MenuProps) => {
-  return (
-    <div className={clsx('menu', className)} ref={ref} data-testid={testId} {...props}>
-      {itemGroups.map((group, groupIndex) => (
-        <Fragment key={group.header?.text ?? groupIndex}>
-          {isPresent(group.header) && <MenuHeader {...group.header} onClose={onClose} />}
-          {group.items.map((item) => (
-            <MenuItem key={item.text} {...item} onClose={onClose} />
-          ))}
-          {groupIndex !== itemGroups.length - 1 && itemGroups.length !== 1 && (
-            <MenuSpacer />
-          )}
-        </Fragment>
-      ))}
-    </div>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Menu/components/MenuHeader.tsx b/webnext/src/shared/defguard-ui/components/Menu/components/MenuHeader.tsx
deleted file mode 100644
index 70e8097..0000000
--- a/webnext/src/shared/defguard-ui/components/Menu/components/MenuHeader.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import clsx from 'clsx';
-import { isPresent } from '../../../utils/isPresent';
-import { InteractionBox } from '../../InteractionBox/InteractionBox';
-import type { MenuHeaderProps } from '../types';
-
-export const MenuHeader = ({ text, testId, onHelp, onClose }: MenuHeaderProps) => {
-  return (
-    <div
-      className={clsx('menu-header', {
-        'with-help': isPresent(onHelp),
-      })}
-      data-testid={testId}
-    >
-      <p className="group-title">{text}</p>
-      {isPresent(onHelp) && (
-        <InteractionBox
-          className="menu-header-help"
-          icon="help"
-          iconSize={20}
-          onClick={() => {
-            onClose?.();
-            onHelp();
-          }}
-        />
-      )}
-    </div>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Menu/components/MenuItem.tsx b/webnext/src/shared/defguard-ui/components/Menu/components/MenuItem.tsx
deleted file mode 100644
index b6bafc8..0000000
--- a/webnext/src/shared/defguard-ui/components/Menu/components/MenuItem.tsx
+++ /dev/null
@@ -1,48 +0,0 @@
-import clsx from 'clsx';
-import { isPresent } from '../../../utils/isPresent';
-import { Icon } from '../../Icon';
-import type { MenuItemProps } from '../types';
-
-export const MenuItem = ({
-  disabled,
-  text,
-  icon,
-  items,
-  testId,
-  variant,
-  onClick,
-  onClose,
-}: MenuItemProps) => {
-  const hasItems = isPresent(items) && items.length > 0;
-  const hasIcon = isPresent(icon);
-
-  return (
-    <div
-      className={clsx('menu-item', `variant-${variant}`, {
-        disabled,
-        'grid-default': !hasItems && !hasIcon,
-        'grid-group': hasItems && !hasIcon,
-        'grid-icon': !hasItems && hasIcon,
-        'grid-full': hasIcon && hasItems,
-        nested: hasItems,
-      })}
-      data-testid={testId}
-      onClick={() => {
-        if (!disabled) {
-          onClick?.();
-          if (!hasItems) {
-            onClose?.();
-          }
-        }
-      }}
-    >
-      {isPresent(icon) && <Icon icon={icon} size={20} />}
-      <p>{text}</p>
-      {hasItems && (
-        <div className="suffix">
-          <Icon icon="arrow-small" size={20} />
-        </div>
-      )}
-    </div>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Menu/components/MenuSpacer.tsx b/webnext/src/shared/defguard-ui/components/Menu/components/MenuSpacer.tsx
deleted file mode 100644
index 4510f86..0000000
--- a/webnext/src/shared/defguard-ui/components/Menu/components/MenuSpacer.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-export const MenuSpacer = () => {
-  return (
-    <div className="menu-spacer">
-      <div className="line"></div>
-    </div>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Menu/style.scss b/webnext/src/shared/defguard-ui/components/Menu/style.scss
deleted file mode 100644
index 5964655..0000000
--- a/webnext/src/shared/defguard-ui/components/Menu/style.scss
+++ /dev/null
@@ -1,117 +0,0 @@
-/* stylelint-disable no-descending-specificity */
-.menu {
-  display: flex;
-  flex-flow: column;
-  box-sizing: border-box;
-  padding: var(--spacing-sm);
-  border-radius: var(--radius-lg);
-  border: 1px solid var(--border-disabled);
-  background-color: var(--bg-default);
-  overflow: hidden auto;
-  z-index: 3;
-
-  .menu-spacer {
-    user-select: none;
-    padding: var(--spacing-sm) 0;
-
-    & > .line {
-      display: block;
-      content: ' ';
-      background-color: var(--bg-active);
-      height: 1px;
-      width: 100%;
-    }
-  }
-
-  .menu-header {
-    display: flex;
-    flex-flow: row nowrap;
-    column-gap: var(--spacing-md);
-    justify-content: space-between;
-    flex: none;
-
-    p {
-      font: var(--t-menu-title);
-      color: var(--fg-muted);
-      padding-left: var(--spacing-sm);
-    }
-
-    .interaction-box {
-      button {
-        height: 26px;
-        width: 26px;
-      }
-
-      &:hover {
-        svg {
-          path {
-            fill: var(--fg-action);
-          }
-        }
-      }
-    }
-  }
-
-  .menu-item {
-    --bg-color: var(--bg-default);
-    --color: var(--fg-default);
-    --icon-fill: var(--fg-muted);
-
-    display: flex;
-    flex-flow: row nowrap;
-    flex: none;
-    align-items: center;
-    border-radius: var(--radius-md);
-    padding: 0 var(--spacing-sm);
-    column-gap: var(--spacing-md);
-    background-color: var(--bg-color);
-    cursor: pointer;
-    height: 36px;
-    color: var(--color);
-    position: relative;
-
-    @include animate(background-color);
-
-    &.disabled {
-      cursor: not-allowed;
-    }
-
-    &.nested {
-      // account for positioned icon on the right side
-      padding: 0 calc(var(--spacing-sm) + var(--spacing-md) + 20px) 0 var(--spacing-sm);
-    }
-
-    &.variant-danger {
-      --color: var(--fg-critical);
-      --icon-fill: var(--fg-critical);
-    }
-
-    &:not(.disabled) {
-      &:hover {
-        --bg-color: var(--bg-muted);
-      }
-    }
-
-    p {
-      font: var(--t-menu-text);
-      color: inherit;
-    }
-
-    & > .icon svg path {
-      fill: var(--icon-fill);
-    }
-
-    & > .suffix {
-      position: absolute;
-      height: 20px;
-      width: 20px;
-      top: 50%;
-      right: var(--spacing-sm);
-      transform: translateY(-50%);
-
-      svg path {
-        fill: var(--fg-muted);
-      }
-    }
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/Menu/types.ts b/webnext/src/shared/defguard-ui/components/Menu/types.ts
deleted file mode 100644
index 8537a93..0000000
--- a/webnext/src/shared/defguard-ui/components/Menu/types.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import type { HTMLAttributes, Ref } from 'react';
-import type { IconKindValue } from '../Icon/icon-types';
-
-export interface MenuProps extends HTMLAttributes<HTMLDivElement> {
-  itemGroups: MenuItemsGroup[];
-  ref?: Ref<HTMLDivElement>;
-  testId?: string;
-  onClose?: () => void;
-}
-
-export interface MenuItemsGroup {
-  header?: MenuHeaderProps;
-  items: MenuItemProps[];
-}
-
-export interface MenuItemProps {
-  text: string;
-  variant?: 'default' | 'danger';
-  disabled?: boolean;
-  icon?: IconKindValue;
-  items?: MenuItemProps[];
-  testId?: string;
-  onClick?: () => void;
-  onClose?: () => void;
-}
-
-export interface MenuHeaderProps {
-  text: string;
-  tooltip?: string;
-  testId?: string;
-  onClose?: () => void;
-  onHelp?: () => void;
-}
diff --git a/webnext/src/shared/defguard-ui/components/Modal/Modal.tsx b/webnext/src/shared/defguard-ui/components/Modal/Modal.tsx
deleted file mode 100644
index 803a5d1..0000000
--- a/webnext/src/shared/defguard-ui/components/Modal/Modal.tsx
+++ /dev/null
@@ -1,163 +0,0 @@
-import './style.scss';
-import clsx from 'clsx';
-import { AnimatePresence, motion } from 'motion/react';
-import { useCallback, useEffect, useRef } from 'react';
-import { createPortal } from 'react-dom';
-import { BehaviorSubject } from 'rxjs';
-import { motionTransitionStandard } from '../../../consts';
-import { isPresent } from '../../utils/isPresent';
-import { IconButton } from '../IconButton/IconButton';
-import type { ModalProps } from './types';
-
-const portalTarget = document.getElementById('modals-root') as HTMLElement;
-const rootElement = document.getElementById('root') as HTMLElement;
-
-type MouseObserverState = {
-  press?: React.MouseEvent<HTMLDivElement, MouseEvent>;
-  release?: React.MouseEvent<HTMLDivElement, MouseEvent>;
-};
-
-export const Modal = ({
-  id,
-  isOpen,
-  contentClassName,
-  positionerClassName,
-  hideBackdrop,
-  title,
-  children,
-  size,
-  afterClose,
-  onClose,
-}: ModalProps) => {
-  const openRef = useRef(isOpen);
-  const contentRef = useRef<HTMLDivElement | null>(null);
-  const mouseObserver = useRef(new BehaviorSubject<MouseObserverState>({}));
-
-  const checkEventOutside = useCallback(
-    (event: React.MouseEvent<HTMLDivElement, MouseEvent>): boolean => {
-      const domRect = contentRef.current?.getBoundingClientRect();
-      if (domRect) {
-        const start_x = domRect?.x;
-        const start_y = domRect?.y;
-        const end_x = start_x + domRect?.width;
-        const end_y = start_y + domRect.height;
-        if (
-          event.clientX < start_x ||
-          event.clientX > end_x ||
-          event.clientY < start_y ||
-          event.clientY > end_y
-        ) {
-          return true;
-        }
-      }
-      return false;
-    },
-    [],
-  );
-
-  useEffect(() => {
-    if (mouseObserver && contentRef && isOpen) {
-      const sub = mouseObserver.current.subscribe(({ press, release }) => {
-        if (release && press) {
-          const target = press.target as Element;
-          const validParent = target.closest('#modals-root');
-          const checkPress = checkEventOutside(press);
-          const checkRelease = checkEventOutside(release);
-          if (checkPress && checkRelease && isPresent(onClose) && validParent !== null) {
-            onClose();
-          }
-        }
-      });
-      return () => {
-        sub.unsubscribe();
-      };
-    }
-  }, [isOpen, onClose, checkEventOutside]);
-
-  useEffect(() => {
-    // clear observer after closing modal
-    if (!isOpen) {
-      mouseObserver.current.next({});
-    }
-    if (isOpen) {
-      rootElement.setAttribute('aria-hidden', 'true');
-      rootElement.style.overflowY = 'hidden';
-    } else {
-      rootElement.removeAttribute('aria-hidden');
-      rootElement.style.overflowY = 'auto';
-    }
-  }, [isOpen]);
-
-  return createPortal(
-    <AnimatePresence mode="wait">
-      {isOpen && (
-        <motion.div className="modal-root">
-          {!hideBackdrop && (
-            <motion.div
-              className="backdrop"
-              style={{
-                backgroundColor: '#000000',
-              }}
-              initial={{
-                opacity: 0,
-              }}
-              animate={{
-                opacity: 0.45,
-              }}
-              exit={{
-                opacity: 0,
-              }}
-              transition={motionTransitionStandard}
-            ></motion.div>
-          )}
-          <motion.div
-            className={clsx('modal-positioner', positionerClassName)}
-            onMouseUp={(event) => {
-              if (event) {
-                const { press } = mouseObserver.current.getValue();
-                mouseObserver.current.next({ press: press, release: event });
-              }
-            }}
-            onMouseDown={(event) => {
-              if (event) {
-                mouseObserver.current.next({ press: event, release: undefined });
-              }
-            }}
-          >
-            <motion.div
-              id={id}
-              ref={contentRef}
-              className={clsx('modal', contentClassName, `size-${size}`)}
-              initial={{
-                opacity: 0,
-              }}
-              animate={{
-                opacity: 1,
-              }}
-              exit={{
-                opacity: 0,
-              }}
-              onAnimationComplete={() => {
-                if (!openRef.current) {
-                  afterClose?.();
-                }
-              }}
-              transition={motionTransitionStandard}
-            >
-              <div className="modal-header">
-                <p className="title">{title}</p>
-                <IconButton
-                  icon="close"
-                  onClick={onClose}
-                  disabled={!isPresent(onClose)}
-                />
-              </div>
-              <div className="modal-content">{children}</div>
-            </motion.div>
-          </motion.div>
-        </motion.div>
-      )}
-    </AnimatePresence>,
-    portalTarget,
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Modal/style.scss b/webnext/src/shared/defguard-ui/components/Modal/style.scss
deleted file mode 100644
index 9110891..0000000
--- a/webnext/src/shared/defguard-ui/components/Modal/style.scss
+++ /dev/null
@@ -1,73 +0,0 @@
-#modals-root {
-  position: relative;
-}
-
-#modals-root .modal-root {
-  display: block;
-
-  .backdrop {
-    position: fixed;
-    inset: 0;
-    display: block;
-    content: ' ';
-    width: 100%;
-    height: 100%;
-    z-index: 4;
-  }
-
-  .modal-positioner {
-    overflow: auto;
-    position: fixed;
-    inset: 0;
-    z-index: 4;
-    display: flex;
-    flex-flow: column;
-    align-items: center;
-    justify-content: center;
-    box-sizing: border-box;
-    padding: var(--spacing-xl);
-
-    .modal {
-      --max-width: var(--modal-size-md);
-
-      background-color: var(--bg-default);
-      border-radius: var(--radius-lg);
-      width: 100%;
-      max-width: var(--max-width);
-
-      &.size-small {
-        --max-width: var(--modal-size-sm);
-      }
-
-      &.size-primary {
-        --max-width: var(--modal-size-md);
-      }
-
-      & > .modal-header {
-        box-sizing: border-box;
-        padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-lg);
-        border-top-left-radius: var(--radius-lg);
-        border-top-right-radius: var(--radius-lg);
-        display: grid;
-        grid-template-columns: 1fr 36px;
-        grid-template-rows: 1fr;
-        align-items: center;
-        user-select: none;
-        border-bottom: 1px solid var(--border-default);
-
-        .title {
-          font: var(--t-body-primary-600);
-        }
-      }
-
-      & > .modal-content {
-        box-sizing: border-box;
-        padding: var(--spacing-xl);
-
-        & > p {
-          font: var(--t-body-sm-400);
-        }
-      }
-    }
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/Modal/types.ts b/webnext/src/shared/defguard-ui/components/Modal/types.ts
deleted file mode 100644
index 359ab6c..0000000
--- a/webnext/src/shared/defguard-ui/components/Modal/types.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { ReactNode } from 'react';
-
-export interface ModalProps {
-  title: string;
-  children: ReactNode;
-  isOpen: boolean;
-  hideBackdrop?: boolean;
-  size?: 'small' | 'primary';
-  onClose?: () => void;
-  afterClose?: () => void;
-  id?: string;
-  positionerClassName?: string;
-  contentClassName?: string;
-}
diff --git a/webnext/src/shared/defguard-ui/components/ModalControls/ModalControls.tsx b/webnext/src/shared/defguard-ui/components/ModalControls/ModalControls.tsx
deleted file mode 100644
index c5d9e71..0000000
--- a/webnext/src/shared/defguard-ui/components/ModalControls/ModalControls.tsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import './style.scss';
-import clsx from 'clsx';
-import type { ReactNode } from 'react';
-import { m } from '../../../../paraglide/messages';
-import { isPresent } from '../../utils/isPresent';
-import { Button } from '../Button/Button';
-import type { ButtonProps } from '../Button/types';
-
-type Props = {
-  submitProps?: ButtonProps;
-  cancelProps?: ButtonProps;
-  children?: ReactNode;
-};
-
-export const ModalControls = ({ submitProps, cancelProps, children }: Props) => {
-  return (
-    <div
-      className={clsx('modal-controls', {
-        extras: isPresent(children),
-      })}
-    >
-      {isPresent(children) && <div className="extras">{children}</div>}
-      <div className="buttons">
-        {isPresent(cancelProps) && (
-          <Button
-            {...cancelProps}
-            variant={cancelProps?.variant ?? 'secondary'}
-            text={cancelProps?.text ?? m.controls_cancel()}
-          />
-        )}
-        {isPresent(submitProps) && (
-          <Button
-            {...submitProps}
-            variant={submitProps?.variant ?? 'primary'}
-            text={submitProps?.text ?? m.controls_submit()}
-          />
-        )}
-      </div>
-    </div>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/ModalControls/style.scss b/webnext/src/shared/defguard-ui/components/ModalControls/style.scss
deleted file mode 100644
index ca45473..0000000
--- a/webnext/src/shared/defguard-ui/components/ModalControls/style.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-.modal-controls {
-  width: 100%;
-  padding-top: var(--spacing-2xl);
-
-  &:not(.extras) {
-    display: flex;
-    flex-flow: row nowrap;
-    width: 100%;
-    align-items: center;
-    justify-content: flex-end;
-  }
-
-  // todo: extend when will be needed
-  &.extras {
-    display: grid;
-    grid-template-columns: 1fr auto;
-    grid-template-rows: 1fr;
-    column-gap: var(--spacing-xl);
-    align-items: center;
-    justify-content: end;
-  }
-
-  .buttons {
-    display: flex;
-    flex-flow: row nowrap;
-    align-items: flex-end;
-    justify-content: flex-end;
-    column-gap: var(--spacing-md);
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/Radio/Radio.tsx b/webnext/src/shared/defguard-ui/components/Radio/Radio.tsx
deleted file mode 100644
index 91cf260..0000000
--- a/webnext/src/shared/defguard-ui/components/Radio/Radio.tsx
+++ /dev/null
@@ -1,128 +0,0 @@
-import './style.scss';
-import { useHover } from '@uidotdev/usehooks';
-import clsx from 'clsx';
-import { useMemo } from 'react';
-import { isPresent } from '../../utils/isPresent';
-
-type Props = {
-  text?: string;
-  active?: boolean;
-  disabled?: boolean;
-  onClick?: () => void;
-};
-
-export const Radio = ({ text, active, disabled, onClick }: Props) => {
-  const [ref, hover] = useHover();
-
-  const RenderIcon = useMemo(() => {
-    if (active) {
-      if (disabled) {
-        return StateSelectedDisabled;
-      }
-      return StateSelected;
-    }
-    if (disabled) {
-      return StateDefaultDisabled;
-    }
-    if (hover) {
-      return StateDefaultHover;
-    }
-    return StateDefault;
-  }, [active, disabled, hover]);
-
-  return (
-    <div
-      ref={ref}
-      onClick={onClick}
-      data-active={active}
-      data-disabled={disabled}
-      role="button"
-      aria-disabled={disabled}
-      tabIndex={disabled ? -1 : 0}
-      className={clsx('radio', {
-        text: isPresent(text),
-        disabled,
-      })}
-    >
-      <RenderIcon />
-      {isPresent(text) && <span>{text}</span>}
-    </div>
-  );
-};
-
-const StateDefault = () => {
-  return (
-    <svg
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-      className="icon-default"
-    >
-      <circle cx="10" cy="10" r="9.5" fill="white" stroke="#DFE3E9" />
-    </svg>
-  );
-};
-
-const StateDefaultHover = () => {
-  return (
-    <svg
-      className="icon-hover"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <circle cx="10" cy="10" r="9.5" fill="white" stroke="#939CA9" />
-    </svg>
-  );
-};
-
-const StateDefaultDisabled = () => {
-  return (
-    <svg
-      className="icon-disabled"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <circle cx="10" cy="10" r="9.5" fill="#F7F8FA" stroke="#DFE3E9" />
-    </svg>
-  );
-};
-
-const StateSelected = () => {
-  return (
-    <svg
-      className="icon-selected"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <circle cx="10" cy="10" r="10" fill="#3961DB" />
-      <circle cx="10" cy="10" r="4" fill="white" />
-    </svg>
-  );
-};
-
-const StateSelectedDisabled = () => {
-  return (
-    <svg
-      className="icon-selected-disabled"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <circle cx="10" cy="10" r="10" fill="#B8C0CD" />
-      <circle cx="10" cy="10" r="4" fill="#F7F8FA" />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Radio/style.scss b/webnext/src/shared/defguard-ui/components/Radio/style.scss
deleted file mode 100644
index 264c497..0000000
--- a/webnext/src/shared/defguard-ui/components/Radio/style.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-.radio {
-  user-select: none;
-  cursor: pointer;
-
-  &.disabled {
-    cursor: not-allowed;
-  }
-
-  &.text {
-    display: grid;
-    grid-template-columns: 24px auto;
-    grid-template-rows: 1fr;
-    column-gap: var(--spacing-sm);
-  }
-
-  span {
-    font: var(--t-body-sm-400);
-  }
-}
-
-// state colors
-.radio svg {
-  &.icon-default {
-    circle {
-      stroke: var(--border-default);
-      fill: var(--bg-default);
-    }
-  }
-
-  &.icon-hover {
-    circle {
-      stroke: var(--border-emphasis);
-      fill: var(--bg-default);
-    }
-  }
-
-  &.icon-disabled {
-    circle {
-      fill: var(--bg-disabled);
-      stroke: var(--border-disabled);
-    }
-  }
-
-  &.icon-selected {
-    circle {
-      &:nth-child(1) {
-        fill: var(--bg-action);
-      }
-
-      &:nth-child(2) {
-        fill: var(--c-white);
-      }
-    }
-  }
-
-  &.icon-selected-disabled {
-    circle {
-      &:nth-child(1) {
-        fill: var(--bg-faded);
-      }
-
-      &:nth-child(2) {
-        fill: var(--bg-disabled);
-      }
-    }
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/RenderMarkdown/RenderMarkdown.tsx b/webnext/src/shared/defguard-ui/components/RenderMarkdown/RenderMarkdown.tsx
deleted file mode 100644
index 4f3577d..0000000
--- a/webnext/src/shared/defguard-ui/components/RenderMarkdown/RenderMarkdown.tsx
+++ /dev/null
@@ -1,5 +0,0 @@
-import ReactMarkdown from 'react-markdown';
-
-export const RenderMarkdown = ({ content }: { content?: string | null | undefined }) => {
-  return <ReactMarkdown>{content}</ReactMarkdown>;
-};
diff --git a/webnext/src/shared/defguard-ui/components/SSOButton/OIDCButton.tsx b/webnext/src/shared/defguard-ui/components/SSOButton/OIDCButton.tsx
deleted file mode 100644
index 8cbca4b..0000000
--- a/webnext/src/shared/defguard-ui/components/SSOButton/OIDCButton.tsx
+++ /dev/null
@@ -1,72 +0,0 @@
-import './style.scss';
-
-import { useMemo } from 'react';
-
-import googleImage from './assets/google.png';
-
-type Props = {
-  text: string;
-  url: string;
-  testId?: string;
-};
-
-export const OIDCButton = ({ url, text }: Props) => {
-  const RenderIcon = useMemo(() => {
-    const { hostname } = new URL(url);
-    if (hostname === 'accounts.google.com') {
-      return IconGoogle;
-    }
-    if (hostname === 'login.microsoftonline.com') {
-      return IconMicrosoft;
-    }
-
-    return IconDefault;
-  }, [url]);
-
-  return (
-    <a className="oidc-button-link" href={url} target="_blank" rel="noopener noreferrer">
-      <button className="oidc-button">
-        <RenderIcon />
-        <span>{text}</span>
-      </button>
-    </a>
-  );
-};
-
-const IconMicrosoft = () => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-    >
-      <path d="M9.63103 1.20728H1.20728V9.6311H9.63103V1.20728Z" fill="#F25022" />
-      <path d="M18.7928 1.20728H10.369V9.6311H18.7928V1.20728Z" fill="#7FBA00" />
-      <path d="M9.63103 10.3689H1.20728V18.7928H9.63103V10.3689Z" fill="#00A4EF" />
-      <path d="M18.7928 10.3689H10.369V18.7928H18.7928V10.3689Z" fill="#FFB900" />
-    </svg>
-  );
-};
-
-const IconGoogle = () => {
-  return <img src={googleImage} width={20} height={20} loading="lazy" />;
-};
-
-const IconDefault = () => {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      width="20"
-      height="20"
-      viewBox="0 0 20 20"
-      fill="none"
-    >
-      <path
-        d="M18.44 14.35L12.18 8.09C12.68 6.14 12.14 4.1 10.7 2.66C9.63 1.59 8.2 1 6.68 1C5.16 1 3.74 1.59 2.67 2.66C1.59 3.74 1 5.16 1 6.68C1 8.2 1.59 9.62 2.66 10.7C4.1 12.14 6.14 12.68 8.09 12.18L9.04 13.13C9.19 13.28 9.4 13.36 9.62 13.35L10.88 13.27L10.84 14.6C10.84 14.8 10.91 15 11.05 15.15C11.19 15.3 11.38 15.38 11.59 15.38H12.89L12.69 16.31C12.64 16.56 12.71 16.82 12.89 17L14.11 18.22C14.25 18.36 14.44 18.44 14.64 18.44H17.91C18.32 18.44 18.66 18.1 18.66 17.69V14.91C18.66 14.71 18.58 14.52 18.44 14.38V14.35ZM17.16 16.91H14.95L14.24 16.21L14.55 14.78C14.6 14.56 14.55 14.33 14.4 14.15C14.26 13.97 14.04 13.87 13.82 13.87H12.37L12.41 12.48C12.41 12.27 12.33 12.06 12.18 11.92C12.03 11.77 11.83 11.7 11.61 11.71L9.86 11.83L8.84 10.81C8.64 10.61 8.33 10.54 8.06 10.63C6.53 11.16 4.87 10.78 3.73 9.64C2.94 8.85 2.51 7.8 2.51 6.68C2.51 5.56 2.95 4.51 3.74 3.72C4.53 2.93 5.58 2.49 6.7 2.49C7.82 2.49 8.87 2.93 9.66 3.72C10.8 4.86 11.18 6.52 10.65 8.05C10.56 8.32 10.62 8.62 10.83 8.83L17.19 15.19V16.91H17.16ZM7.2 5.18C7.74 5.72 7.74 6.6 7.2 7.14C6.66 7.68 5.78 7.68 5.24 7.14C4.7 6.6 4.7 5.72 5.24 5.18C5.78 4.64 6.66 4.64 7.2 5.18Z"
-        fill="#3961DB"
-      />
-    </svg>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/SSOButton/assets/google.png b/webnext/src/shared/defguard-ui/components/SSOButton/assets/google.png
deleted file mode 100644
index 39860bd..0000000
Binary files a/webnext/src/shared/defguard-ui/components/SSOButton/assets/google.png and /dev/null differ
diff --git a/webnext/src/shared/defguard-ui/components/SSOButton/style.scss b/webnext/src/shared/defguard-ui/components/SSOButton/style.scss
deleted file mode 100644
index 8c998c8..0000000
--- a/webnext/src/shared/defguard-ui/components/SSOButton/style.scss
+++ /dev/null
@@ -1,37 +0,0 @@
-.oidc-button-link {
-  text-decoration: none;
-  display: inline-block;
-  padding: 0;
-  margin: 0;
-  user-select: none;
-}
-
-.oidc-button {
-  --border-color: var(--border-default);
-  --background-color: var(--bg-default);
-
-  display: grid;
-  grid-template-columns: 20px auto;
-  align-items: center;
-  column-gap: var(--spacing-sm);
-  justify-content: center;
-  box-sizing: border-box;
-  margin: 0;
-  padding: var(--spacing-sm) var(--spacing-lg);
-  border: 1px solid var(--border-color);
-  background-color: var(--background-color);
-  cursor: pointer;
-  border-radius: var(--radius-md);
-
-  @include animate(border-color, background-color);
-
-  &:hover {
-    --background-color: var(--bg-muted);
-    --border-color: var(--border-emphasis);
-  }
-
-  span {
-    font: var(--t-body-sm-500);
-    color: var(--fg-default);
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/SizedBox/SizedBox.tsx b/webnext/src/shared/defguard-ui/components/SizedBox/SizedBox.tsx
deleted file mode 100644
index 544312f..0000000
--- a/webnext/src/shared/defguard-ui/components/SizedBox/SizedBox.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import './style.scss';
-
-type Props = {
-  height: string | number;
-  width?: string | number;
-};
-
-/**Spawns a block with a strict size, meant to fill spaces that are not regular like layouts that can't utilize "gap" css property due to irregular gaps in across same axis*/
-export const SizedBox = ({ width, height }: Props) => {
-  return (
-    <div
-      className="sized-box"
-      style={{
-        width: width ?? '100%',
-        height,
-      }}
-    ></div>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/SizedBox/style.scss b/webnext/src/shared/defguard-ui/components/SizedBox/style.scss
deleted file mode 100644
index 7a0173b..0000000
--- a/webnext/src/shared/defguard-ui/components/SizedBox/style.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.sized-box {
-  display: block;
-  user-select: none;
-  pointer-events: none;
-  content: '';
-}
diff --git a/webnext/src/shared/defguard-ui/components/Text/Text.tsx b/webnext/src/shared/defguard-ui/components/Text/Text.tsx
deleted file mode 100644
index b72e976..0000000
--- a/webnext/src/shared/defguard-ui/components/Text/Text.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import type {
-  PolymorphicForwardedRef,
-  PolymorphicProps,
-} from '@axa-ch/react-polymorphic-types';
-import type React from 'react';
-import { createElement, type ElementType } from 'react';
-import type { TextStyleValue } from '../../types';
-
-type TextDefault = 'p';
-type TextAllowed =
-  | TextDefault
-  | 'span'
-  | 'strong'
-  | 'em'
-  | 'small'
-  | 'label'
-  | 'code'
-  | 'kbd'
-  | 'mark'
-  | 'sup'
-  | 'sub'
-  | 'time'
-  | 'abbr'
-  | 'q'
-  | 'cite'
-  | 'del'
-  | 'ins'
-  | 'pre'
-  | 'blockquote'
-  | 'h1'
-  | 'h2'
-  | 'h3'
-  | 'h4'
-  | 'h5'
-  | 'h6';
-
-type OwnProps<T extends TextAllowed> = React.ComponentPropsWithoutRef<T> & {
-  font: TextStyleValue;
-};
-
-type TextProps<T extends TextAllowed = TextDefault> = PolymorphicProps<
-  OwnProps<T>,
-  T,
-  TextAllowed
-> & {
-  ref?: PolymorphicForwardedRef<T>;
-};
-
-export const AppText = <T extends TextAllowed = TextDefault>({
-  as,
-  children,
-  style,
-  font,
-  ...rest
-}: TextProps<T>) => {
-  const Component = (as ?? ('p' satisfies ElementType)) as ElementType;
-  const computedStyle = { ...style, font };
-  return createElement(Component, { ...rest, style: computedStyle }, children);
-};
diff --git a/webnext/src/shared/defguard-ui/components/Tooltip/Tooltip.tsx b/webnext/src/shared/defguard-ui/components/Tooltip/Tooltip.tsx
deleted file mode 100644
index 2f4aef1..0000000
--- a/webnext/src/shared/defguard-ui/components/Tooltip/Tooltip.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import './style.scss';
-import clsx from 'clsx';
-import type { HTMLAttributes, PropsWithChildren, Ref } from 'react';
-
-export const Tooltip = ({
-  ref,
-  children,
-  className,
-  ...rest
-}: PropsWithChildren & {
-  ref?: Ref<HTMLDivElement>;
-} & HTMLAttributes<HTMLDivElement>) => {
-  return (
-    <div className={clsx('tooltip', className)} ref={ref} {...rest}>
-      {children}
-    </div>
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/components/Tooltip/style.scss b/webnext/src/shared/defguard-ui/components/Tooltip/style.scss
deleted file mode 100644
index e79989f..0000000
--- a/webnext/src/shared/defguard-ui/components/Tooltip/style.scss
+++ /dev/null
@@ -1,14 +0,0 @@
-.tooltip {
-  box-sizing: border-box;
-  padding: var(--tooltip-spacing);
-  z-index: 3;
-  border-radius: var(--radius-md);
-  background-color: var(--bg-dark);
-
-  span,
-  p,
-  a {
-    font: var(--t-tooltip);
-    color: var(--fg-white);
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/components/form/FormInput/FormInput.tsx b/webnext/src/shared/defguard-ui/components/form/FormInput/FormInput.tsx
deleted file mode 100644
index 8435285..0000000
--- a/webnext/src/shared/defguard-ui/components/form/FormInput/FormInput.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import { useStore } from '@tanstack/react-form';
-import { useMemo } from 'react';
-import type { z } from 'zod';
-import { useFieldContext, useFormContext } from '../../../form';
-import { isPresent } from '../../../utils/isPresent';
-import { Input } from '../../Input/Input';
-import type { FormInputProps } from '../../Input/types';
-
-export const FormInput = ({ mapError, ...props }: FormInputProps) => {
-  const field = useFieldContext<string>();
-  const form = useFormContext();
-
-  // allows field to show error even if isPristine is true, this is needed in cases as input required or checkbox checked but user just clicked submit
-  const wasSubmittedWithFailure = useStore(
-    form.store,
-    (store) => !store.isSubmitSuccessful,
-  );
-
-  const isPristine = useStore(field.store, (state) => state.meta.isPristine);
-
-  const errorState = useStore(
-    field.store,
-    // normally this should be ZodIssue but sometime's we want to add some post submit validation and there we probably want to set only error messages
-    (state) => state.meta.errors as Array<z.core.$ZodIssue | string>,
-  );
-
-  const errorMessage = useMemo(() => {
-    // ignore errors unless some touches the field or submit's the form
-    if (isPristine && !wasSubmittedWithFailure) return undefined;
-
-    const fieldError = errorState[0];
-
-    if (fieldError) {
-      if (typeof fieldError === 'string') {
-        if (isPresent(mapError)) {
-          return mapError(fieldError);
-        }
-        return fieldError;
-      } else {
-        if (isPresent(mapError)) {
-          return mapError(fieldError.message);
-        }
-        return fieldError.message;
-      }
-    }
-    return undefined;
-  }, [mapError, errorState[0], isPristine, wasSubmittedWithFailure]);
-
-  return (
-    <Input
-      testId={`field-${field.name}`}
-      onBlur={field.handleBlur}
-      onChange={field.handleChange}
-      value={field.state.value}
-      error={errorMessage}
-      {...props}
-    />
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/form.tsx b/webnext/src/shared/defguard-ui/form.tsx
deleted file mode 100644
index b9561ed..0000000
--- a/webnext/src/shared/defguard-ui/form.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { createFormHook, createFormHookContexts } from '@tanstack/react-form';
-import { FormInput } from './components/form/FormInput/FormInput';
-
-export const { fieldContext, formContext, useFieldContext, useFormContext } =
-  createFormHookContexts();
-
-export const { useAppForm, withFieldGroup, withForm } = createFormHook({
-  fieldContext,
-  formContext,
-  fieldComponents: {
-    FormInput,
-  },
-  formComponents: {},
-});
diff --git a/webnext/src/shared/defguard-ui/scss/_base.scss b/webnext/src/shared/defguard-ui/scss/_base.scss
deleted file mode 100644
index 042d447..0000000
--- a/webnext/src/shared/defguard-ui/scss/_base.scss
+++ /dev/null
@@ -1,99 +0,0 @@
-/* stylelint-disable font-family-name-quotes */
-html,
-body,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-ul,
-li {
-  margin: 0;
-  padding: 0;
-}
-
-body,
-html {
-  overflow: hidden;
-}
-
-// for apple
-body {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: auto;
-}
-
-h1 {
-  font: var(--t-title-h1);
-}
-
-h2 {
-  font: var(--t-title-h2);
-}
-
-h3 {
-  font: var(--t-title-h3);
-}
-
-h4 {
-  font: var(--t-title-h4);
-}
-
-h5 {
-  font: var(--t-title-h5);
-}
-
-#root {
-  position: relative;
-  min-height: 100dvh;
-  max-height: 100dvh;
-  width: 100%;
-  overflow: hidden auto;
-  scrollbar-gutter: stable both-edges;
-}
-
-#root,
-body {
-  background-color: var(--bg-default);
-}
-
-p,
-span,
-div,
-section,
-a,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  color: var(--fg-default);
-  font-family:
-    geist,
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    Roboto,
-    Oxygen,
-    Ubuntu,
-    Cantarell,
-    'Open Sans',
-    'Helvetica Neue',
-    sans-serif;
-}
-
-.icon path {
-  fill: var(--fg-muted);
-}
-
-*:focus {
-  outline: none;
-}
-
-*:-moz-focus-inner {
-  border: 0;
-}
diff --git a/webnext/src/shared/defguard-ui/scss/_fonts.scss b/webnext/src/shared/defguard-ui/scss/_fonts.scss
deleted file mode 100644
index 79664bd..0000000
--- a/webnext/src/shared/defguard-ui/scss/_fonts.scss
+++ /dev/null
@@ -1,75 +0,0 @@
-/* stylelint-disable font-family-name-quotes */
-// fonts.scss
-@font-face {
-  font-family: 'Geist';
-  src: url('/fonts/geist/Geist-Regular.woff2') format('woff2');
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Geist';
-  src: url('/fonts/geist/Geist-RegularItalic.woff2') format('woff2');
-  font-weight: 400;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Geist';
-  src: url('/fonts/geist/Geist-Medium.woff2') format('woff2');
-  font-weight: 500;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Geist';
-  src: url('/fonts/geist/Geist-MediumItalic.woff2') format('woff2');
-  font-weight: 500;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Geist';
-  src: url('/fonts/geist/Geist-SemiBold.woff2') format('woff2');
-  font-weight: 600;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Geist';
-  src: url('/fonts/geist/Geist-SemiBoldItalic.woff2') format('woff2');
-  font-weight: 600;
-  font-style: italic;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Geist';
-  src: url('/fonts/geist/Geist-Bold.woff2') format('woff2');
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Geist';
-  src: url('/fonts/geist/Geist-BoldItalic.woff2') format('woff2');
-  font-weight: 700;
-  font-style: italic;
-  font-display: swap;
-}
-
-// source-code-pro
-
-@font-face {
-  font-family: 'Source Code Pro';
-  src: url('/fonts/source_code_pro/SourceCodePro-Regular.woff2') format('woff2');
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
diff --git a/webnext/src/shared/defguard-ui/scss/_form.scss b/webnext/src/shared/defguard-ui/scss/_form.scss
deleted file mode 100644
index 7ed8615..0000000
--- a/webnext/src/shared/defguard-ui/scss/_form.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.form-col-2 {
-  display: grid;
-  grid-template-columns: 1fr 1fr;
-  grid-template-rows: 1fr;
-  column-gap: var(--spacing-md);
-}
diff --git a/webnext/src/shared/defguard-ui/scss/_shared_tokens.scss b/webnext/src/shared/defguard-ui/scss/_shared_tokens.scss
deleted file mode 100644
index 4e1614d..0000000
--- a/webnext/src/shared/defguard-ui/scss/_shared_tokens.scss
+++ /dev/null
@@ -1,225 +0,0 @@
-$font-fallback:
-  system-ui,
-  -apple-system,
-  BlinkMacSystemFont,
-  'Segoe UI',
-  Roboto,
-  Oxygen,
-  Ubuntu,
-  Cantarell,
-  'Open Sans',
-  'Helvetica Neue',
-  sans-serif;
-$geist:
-  geist,
-  #{$font-fallback};
-$source-code-pro:
-  'Source Code Pro',
-  #{$font-fallback};
-/* stylelint-disable value-keyword-case */
-:root {
-  // font settings
-  --font-family-title: #{$geist};
-  --font-family-body: #{$geist};
-  --font-family-component: #{geist};
-  --font-family-code: #{$source-code-pro};
-
-  --t-body-xxs-600: normal 600 11px/14px #{$geist};
-  --t-body-xxs-400: normal 400 11px/14px #{$geist};
-
-  --t-body-xs-600: normal 600 12px/16px #{$geist};
-  --t-body-xs-500: normal 500 12px/16px #{$geist};
-  --t-body-xs-400: normal 400 12px/16px #{$geist};
-
-  --t-body-sm-600: normal 600 14px/20px #{$geist};
-  --t-body-sm-500: normal 500 14px/20px #{$geist};
-  --t-body-sm-400: normal 400 14px/20px #{$geist};
-
-  --t-body-primary-400: normal 400 16px/24px #{$geist};
-  --t-body-primary-600: normal 600 16px/24px #{$geist};
-  --t-body-primary-500: normal 500 16px/24px #{$geist};
-
-  --t-title-h5: normal 600 18px/28px #{$geist};
-  --t-title-h4: normal 600 20px/28px #{$geist};
-  --t-title-h3: normal 600 24px/32px #{$geist};
-  --t-title-h2: normal 600 28px/40px #{$geist};
-  --t-title-h1: normal 600 32px/44px #{$geist};
-
-  // border width
-  --border-1: 1px;
-  --border-2: 2px;
-
-  // border-radius
-  --radius-sm: 4px;
-  --radius-md: 8px;
-  --radius-lg: 12px;
-  --radius-xl: 16px;
-  --radius-xxl: 24px;
-  --radius-xxxl: 32px;
-  --radius-full: 100px;
-
-  // scale
-  --size-xs: 16px;
-  --size-sm: 20px;
-  --size-md: 24px;
-  --size-xl: 32px;
-  --size-2xl: 36px;
-  --size-3xl: 40px;
-  --size-4xl: 44px;
-  --size-5xl: 60px;
-
-  // spacing
-  --spacing-xs: 4px;
-  --spacing-sm: 8px;
-  --spacing-md: 12px;
-  --spacing-lg: 16px;
-  --spacing-xl: 20px;
-  --spacing-2xl: 24px;
-  --spacing-3xl: 32px;
-  --spacing-4xl: 40px;
-  --spacing-5xl: 48px;
-  --spacing-6xl: 64px;
-  --spacing-7xl: 80px;
-  --spacing-8xl: 96px;
-  --spacing-9xl: 120px;
-
-  // color basis
-  --c-neutral-1400: rgb(20 21 23);
-  --c-neutral-1300: rgb(25 26 28);
-  --c-neutral-1200: rgb(36 38 41);
-  --c-neutral-1100: rgb(46 49 54);
-  --c-neutral-1000: rgb(50 54 60);
-  --c-neutral-900: rgb(61 67 75);
-  --c-neutral-800: rgb(74 80 89);
-  --c-neutral-700: rgb(94 102 114);
-  --c-neutral-600: rgb(126 135 148);
-  --c-neutral-500: rgb(147 156 169);
-  --c-neutral-400: rgb(162 172 186);
-  --c-neutral-300: rgb(184 192 205);
-  --c-neutral-200: rgb(223 227 233);
-  --c-neutral-100: rgb(240 242 245);
-  --c-neutral-50: rgb(247 248 250);
-
-  --c-white: rgb(255 255 255);
-  --c-white-50: rgb(255 255 255 / 50%);
-  --c-transparent: rgb(0 0 0 / 0%);
-
-  --c-additional-error: rgb(204 60 60);
-  --c-additional-warning: rgb(255 149 0);
-  --c-additional-success: rgb(3 128 38);
-  --c-additional-code: rgb(112 75 172);
-
-  --c-green-700: rgb(2 78 23);
-  --c-green-600: rgb(2 90 27);
-  --c-green-500: rgb(3 128 38);
-  --c-green-400: rgb(46 150 75);
-  --c-green-300: rgb(109 181 129);
-  --c-green-200: rgb(152 203 166);
-  --c-green-100: rgb(230 242 233);
-  --c-green-500-transparent: rgb(3 128 38 / 8%);
-
-  --c-orange-700: rgb(156 91 0);
-  --c-orange-600: rgb(179 104 0);
-  --c-orange-500: rgb(255 149 0);
-  --c-orange-400: rgb(255 167 43);
-  --c-orange-300: rgb(255 194 107);
-  --c-orange-200: rgb(255 212 150);
-  --c-orange-100: rgb(255 244 230);
-  --c-orange-500-transparent: rgb(255 149 0 / 8%);
-
-  --c-violet-700: rgb(53 36 82);
-  --c-violet-600: rgb(83 55 128);
-  --c-violet-500: rgb(102 55 178);
-  --c-violet-400: rgb(136 106 186);
-  --c-violet-300: rgb(172 151 207);
-  --c-violet-200: rgb(196 181 221);
-  --c-violet-100: rgb(241 237 247);
-
-  --c-blue-700: rgb(38 57 115);
-  --c-blue-600: rgb(51 77 156);
-  --c-blue-500: rgb(57 97 219);
-  --c-blue-400: rgb(87 119 217);
-  --c-blue-300: rgb(140 161 222);
-  --c-blue-200: rgb(180 196 242);
-  --c-blue-100: rgb(237 241 252);
-  --c-blue-500-transparent: rgb(50 92 219 / 8%);
-
-  --c-red-700: rgb(124 37 37);
-  --c-red-600: rgb(143 42 42);
-  --c-red-500: rgb(204 60 60);
-  --c-red-400: rgb(213 93 93);
-  --c-red-300: rgb(225 142 142);
-  --c-red-200: rgb(234 175 175);
-  --c-red-100: rgb(250 236 236);
-  --c-red-500-transparent: rgb(204 60 60 / 8%);
-
-  // Components
-
-  // Menu
-  --t-menu-title: 600 12px/24px #{$geist};
-  --t-menu-text: 400 14px/24px #{$geist};
-  --menu-spacing-icon: var(--spacing-md);
-  --menu-padding-sides: var(--spacing-sm);
-  --menu-border-radius-group: var(--radius-lg);
-  --menu-border-radius-item: var(--radius-md);
-  --menu-height: var(--size-2xl);
-
-  // Icons
-
-  --icon-size-lg: 32px;
-  --icon-size: 20px;
-  --icon-size-xs: 16px;
-
-  // Modals
-
-  --modal-title-size: 16px;
-  --modal-size-md: 640px;
-  --modal-size-sm: 480px;
-  --modal-spacing: var(--spacing-md);
-  --modal-spacing-sides: var(--spacing-lg);
-  --modal-border-radius: var(--radius-lg);
-
-  // Buttons
-
-  --t-button-label-lg: normal 400 16px / normal #{$geist};
-  --t-button-label-primary: normal 400 14px / normal #{$geist};
-  --button-border-radius-sm: var(--radius-md);
-  --button-border-radius-primary: var(--radius-md);
-  --button-border-radius-xl: var(--radius-full);
-  --button-size-primary: var(--size-2xl);
-  --button-size-lg: var(--size-4xl);
-  --button-size-xl: var(--size-5xl);
-  --button-icons-spacing: var(--spacing-sm);
-
-  // Badge
-  --badge-border-radius: var(--radius-md);
-  --badge-spacing: var(--spacing-sm);
-  --badge-gap: var(--spacing-xs);
-  --t-badge: normal 500 12px / 16px #{$geist};
-  --t-badge-spacing: 0.3px;
-
-  // Inputs
-  --t-input-title: normal 500 12px / 16px #{$geist};
-  --t-input-text-primary: normal 400 14px / 20px #{$geist};
-  --t-input-text-big: normal 400 16px / 20px #{$geist};
-  --t-input-error-message: normal 400 12px / 16px #{$geist};
-  --input-border-radius: var(--radius-md);
-  --input-size-primary: 36px;
-  --input-size-lg: 44px;
-  --input-spacing-xs: var(--spacing-xs);
-  --input-spacing-sm: var(--spacing-sm);
-  --input-spacing-lg: var(--spacing-md);
-
-  // Tooltip
-  --t-tooltip: normal 400 12px / 16px #{$geist};
-  --tooltip-letter-spacing: 0.3;
-  --tooltip-spacing: var(--spacing-md);
-
-  // custom
-
-  // how much space does error message in all takes
-  --form-field-error-space: 24px;
-
-  // how much space error should gap from main container
-  --form-field-error-gap: 8px;
-}
diff --git a/webnext/src/shared/defguard-ui/scss/_themes.scss b/webnext/src/shared/defguard-ui/scss/_themes.scss
deleted file mode 100644
index ef13c12..0000000
--- a/webnext/src/shared/defguard-ui/scss/_themes.scss
+++ /dev/null
@@ -1,115 +0,0 @@
-:root[data-theme='light'] {
-  --bg-default: var(--c-white);
-  --bg-dark: var(--c-neutral-1300);
-  --bg-white: var(--c-white);
-  --bg-faded: var(--c-neutral-300);
-  --bg-disabled: var(--c-neutral-50);
-  --bg-muted: var(--c-neutral-50);
-  --bg-emphasis: var(--c-neutral-100);
-  --bg-active: var(--c-neutral-200);
-  --bg-inverted: var(--c-neutral-1300);
-
-  --bg-action: var(--c-blue-500);
-  --bg-action-emphasis: var(--c-blue-400);
-  --bg-action-faded: var(--c-blue-300);
-  --bg-action-muted: var(--c-blue-100);
-
-  --bg-critical-emphasis: var(--c-red-600);
-  --bg-critical: var(--c-red-500);
-  --bg-critical-faded: var(--c-red-400);
-  --bg-critical-muted: var(--c-red-200);
-
-  --bg-success: var(--c-green-500);
-  --bg-warning: var(--c-orange-500);
-  --bg-warning-transparent: var(--c-orange-500-transparent);
-
-  --border-action: var(--c-blue-500);
-  --border-action-disabled: var(--c-blue-300);
-  --border-default: var(--c-neutral-200);
-  --border-disabled: var(--c-neutral-200);
-  --border-emphasis: var(--c-neutral-500);
-  --border-muted: var(--c-neutral-200);
-  --border-faded: var(--c-neutral-400);
-  --border-critical: var(--c-red-500);
-  --border-success: var(--c-green-300);
-  --border-warning: var(--c-orange-300);
-
-  --fg-action: var(--c-blue-500);
-  --fg-action-emphasis: var(--c-blue-600);
-  --fg-action-muted: var(--c-blue-300);
-  --fg-attention: var(--c-orange-500);
-  --fg-critical: var(--c-red-500);
-  --fg-critical-muted: var(--c-red-200);
-
-  --fg-default: var(--c-neutral-1400);
-  --fg-faded: var(--c-neutral-900);
-  --fg-neutral: var(--c-neutral-800);
-  --fg-muted: var(--c-neutral-600);
-  --fg-disabled: var(--c-neutral-500);
-
-  --fg-success: var(--c-green-500);
-  --fg-success-muted: var(--c-green-100);
-  --fg-code: var(--c-violet-500);
-  --fg-inverted: var(--c-white);
-  --fg-white: var(--c-white);
-  --fg-white-transparent: var(--c-white-50);
-  --fg-blue-transparent-2: var(--c-blue-500-transparent);
-}
-
-:root[data-theme='dark'] {
-  --bg-default: var(--c-neutral-1400);
-  --bg-dark: var(--c-neutral-1100);
-  --bg-white: var(--c-white);
-  --bg-faded: var(--c-neutral-900);
-  --bg-disabled: var(--c-neutral-1300);
-  --bg-muted: var(--c-neutral-1200);
-  --bg-emphasis: var(--c-neutral-1200);
-  --bg-active: var(--c-neutral-1100);
-  --bg-inverted: var(--c-neutral-100);
-
-  --bg-action: var(--c-blue-500);
-  --bg-action-emphasis: var(--c-blue-600);
-  --bg-action-faded: var(--c-blue-400);
-  --bg-action-muted: var(--c-blue-300);
-
-  --bg-critical-emphasis: var(--c-red-600);
-  --bg-critical: var(--c-red-500);
-  --bg-critical-faded: var(--c-red-400);
-  --bg-critical-muted: var(--c-red-200);
-
-  --bg-success: var(--c-green-500);
-  --bg-warning: var(--c-orange-500);
-  --bg-warning-transparent: var(--c-orange-500-transparent);
-
-  --border-action: var(--c-blue-500);
-  --border-action-disabled: var(--c-blue-300);
-  --border-default: var(--c-neutral-900);
-  --border-disabled: var(--c-neutral-1000);
-  --border-emphasis: var(--c-neutral-500);
-  --border-muted: var(--c-neutral-1100);
-  --border-faded: var(--c-neutral-800);
-  --border-critical: var(--c-red-500);
-  --border-success: var(--c-green-300);
-  --border-warning: var(--c-orange-300);
-
-  --fg-action: var(--c-blue-500);
-  --fg-action-emphasis: var(--c-blue-600);
-  --fg-action-muted: var(--c-blue-300);
-  --fg-attention: var(--c-orange-500);
-  --fg-critical: var(--c-red-500);
-  --fg-critical-muted: var(--c-red-200);
-
-  --fg-default: var(--c-white);
-  --fg-faded: var(--c-neutral-400);
-  --fg-neutral: var(--c-neutral-300);
-  --fg-muted: var(--c-neutral-200);
-  --fg-disabled: var(--c-neutral-700);
-
-  --fg-success: var(--c-green-500);
-  --fg-success-muted: var(--c-green-100);
-  --fg-code: var(--c-violet-500);
-  --fg-inverted: var(--c-neutral-1400);
-  --fg-white: var(--c-white);
-  --fg-white-transparent: var(--c-white-50);
-  --fg-blue-transparent-2: var(--c-blue-500-transparent);
-}
diff --git a/webnext/src/shared/defguard-ui/scss/global/_animate.scss b/webnext/src/shared/defguard-ui/scss/global/_animate.scss
deleted file mode 100644
index 024cc92..0000000
--- a/webnext/src/shared/defguard-ui/scss/global/_animate.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-@use 'sass:list';
-
-// for now no prop required
-@mixin animate($properties...) {
-  transition-timing-function: ease-out;
-  transition-duration: 160ms;
-
-  @if list.length($properties) > 0 {
-    transition-property: $properties;
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/scss/global/_breakpoints.scss b/webnext/src/shared/defguard-ui/scss/global/_breakpoints.scss
deleted file mode 100644
index d99b76f..0000000
--- a/webnext/src/shared/defguard-ui/scss/global/_breakpoints.scss
+++ /dev/null
@@ -1,104 +0,0 @@
-@use 'sass:map';
-@use 'sass:list';
-
-$grid-breakpoints: (
-  xs: 0,
-  sm: 320px,
-  md: 768px,
-  lg: 992px,
-  xl: 1200px,
-  xxl: 1600px,
-);
-
-@function break-next(
-  $name,
-  $breakpoints: $grid-breakpoints,
-  $breakpoint-names: map.keys($breakpoints)
-) {
-  $n: list.index($breakpoint-names, $name);
-
-  @if not $n {
-    @error "breakpoint `#{$name}` not found in `#{$breakpoints}`";
-  }
-
-  @return if(
-    $n < list.length($breakpoint-names),
-    list.nth($breakpoint-names, $n + 1),
-    null
-  );
-}
-
-@function break-min($name, $breakpoints: $grid-breakpoints) {
-  $min: map.get($breakpoints, $name);
-
-  @return if($min != 0, $min, null);
-}
-
-@function break-max($name, $breakpoints: $grid-breakpoints) {
-  $max: map.get($breakpoints, $name);
-
-  @return if($max and $max > 0, $max - 0.02, null);
-}
-
-@mixin break-up($name, $breakpoints: $grid-breakpoints) {
-  $min: break-min($name, $breakpoints);
-
-  @if $min {
-    @media (min-width: $min) {
-      @content;
-    }
-  } @else {
-    @content;
-  }
-}
-
-@mixin break-down($name, $breakpoints: $grid-breakpoints) {
-  $max: break-max($name, $breakpoints);
-
-  @if $max {
-    @media (max-width: $max) {
-      @content;
-    }
-  } @else {
-    @content;
-  }
-}
-
-@mixin break-between($lower, $upper, $breakpoints: $grid-breakpoints) {
-  $min: break-min($lower, $breakpoints);
-  $max: break-max($upper, $breakpoints);
-
-  @if $min != null and $max != null {
-    @media (min-width: $min) and (max-width: $max) {
-      @content;
-    }
-  } @else if $max == null {
-    @include break-up($lower, $breakpoints) {
-      @content;
-    }
-  } @else if $min == null {
-    @include break-down($upper, $breakpoints) {
-      @content;
-    }
-  }
-}
-
-@mixin break-only($name, $breakpoints: $grid-breakpoints) {
-  $min: break-min($name, $breakpoints);
-  $next: break-next($name, $breakpoints);
-  $max: break-max($next, $breakpoints);
-
-  @if $min != null and $max != null {
-    @media (min-width: $min) and (max-width: $max) {
-      @content;
-    }
-  } @else if $max == null {
-    @include break-up($name, $breakpoints) {
-      @content;
-    }
-  } @else if $min == null {
-    @include break-down($next, $breakpoints) {
-      @content;
-    }
-  }
-}
diff --git a/webnext/src/shared/defguard-ui/scss/global/index.scss b/webnext/src/shared/defguard-ui/scss/global/index.scss
deleted file mode 100644
index 8754673..0000000
--- a/webnext/src/shared/defguard-ui/scss/global/index.scss
+++ /dev/null
@@ -1,2 +0,0 @@
-@forward './animate';
-@forward './breakpoints';
diff --git a/webnext/src/shared/defguard-ui/scss/index.scss b/webnext/src/shared/defguard-ui/scss/index.scss
deleted file mode 100644
index 4512d33..0000000
--- a/webnext/src/shared/defguard-ui/scss/index.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-@use './fonts';
-@use './shared_tokens';
-@use './themes';
-@use './base';
-@use './form';
diff --git a/webnext/src/shared/defguard-ui/types.ts b/webnext/src/shared/defguard-ui/types.ts
deleted file mode 100644
index 2a71ddd..0000000
--- a/webnext/src/shared/defguard-ui/types.ts
+++ /dev/null
@@ -1,135 +0,0 @@
-import type { SVGProps } from 'react';
-
-export const Direction = {
-  UP: 'up',
-  DOWN: 'down',
-  LEFT: 'left',
-  RIGHT: 'right',
-} as const;
-
-export type Direction = (typeof Direction)[keyof typeof Direction];
-
-export type TSSvgProps = SVGProps<SVGSVGElement>;
-
-export const ThemeVariable = {
-  BgDefault: 'var(--bg-default)',
-  BgDark: 'var(--bg-dark)',
-  BgWhite: 'var(--bg-white)',
-  BgFaded: 'var(--bg-faded)',
-  BgDisabled: 'var(--bg-disabled)',
-  BgMuted: 'var(--bg-muted)',
-  BgEmphasis: 'var(--bg-emphasis)',
-  BgActive: 'var(--bg-active)',
-  BgInverted: 'var(--bg-inverted)',
-  BgAction: 'var(--bg-action)',
-  BgActionEmphasis: 'var(--bg-action-emphasis)',
-  BgActionFaded: 'var(--bg-action-faded)',
-  BgActionMuted: 'var(--bg-action-muted)',
-  BgCriticalEmphasis: 'var(--bg-critical-emphasis)',
-  BgCritical: 'var(--bg-critical)',
-  BgCriticalFaded: 'var(--bg-critical-faded)',
-  BgCriticalMuted: 'var(--bg-critical-muted)',
-  BgSuccess: 'var(--bg-success)',
-  BgWarning: 'var(--bg-warning)',
-  BorderAction: 'var(--border-action)',
-  BorderActionDisabled: 'var(--border-action-disabled)',
-  BorderDefault: 'var(--border-default)',
-  BorderDisabled: 'var(--border-disabled)',
-  BorderEmphasis: 'var(--border-emphasis)',
-  BorderMuted: 'var(--border-muted)',
-  BorderFaded: 'var(--border-faded)',
-  BorderCritical: 'var(--border-critical)',
-  BorderSuccess: 'var(--border-success)',
-  BorderWarning: 'var(--border-warning)',
-  FgAction: 'var(--fg-action)',
-  FgActionEmphasis: 'var(--fg-action-emphasis)',
-  FgActionMuted: 'var(--fg-action-muted)',
-  FgAttention: 'var(--fg-attention)',
-  FgCritical: 'var(--fg-critical)',
-  FgCriticalMuted: 'var(--fg-critical-muted)',
-  FgDefault: 'var(--fg-default)',
-  FgFaded: 'var(--fg-faded)',
-  FgNeutral: 'var(--fg-neutral)',
-  FgMuted: 'var(--fg-muted)',
-  FgDisabled: 'var(--fg-disabled)',
-  FgSuccess: 'var(--fg-success)',
-  FgSuccessMuted: 'var(--fg-success-muted)',
-  FgCode: 'var(--fg-code)',
-  FgInverted: 'var(--fg-inverted)',
-  FgWhite: 'var(--fg-white)',
-  FgWhiteTransparent: 'var(--fg-white-transparent)',
-  FgBlueTransparent2: 'var(--fg-blue-transparent-2)',
-} as const;
-
-export type ThemeVariableValue = (typeof ThemeVariable)[keyof typeof ThemeVariable];
-
-export const TextStyle = {
-  TBodyXxs600: 'var(--t-body-xxs-600)',
-  TBodyXxs400: 'var(--t-body-xxs-400)',
-  TBodyXs600: 'var(--t-body-xs-600)',
-  TBodyXs500: 'var(--t-body-xs-500)',
-  TBodyXs400: 'var(--t-body-xs-400)',
-  TBodySm600: 'var(--t-body-sm-600)',
-  TBodySm500: 'var(--t-body-sm-500)',
-  TBodySm400: 'var(--t-body-sm-400)',
-  TBodyPrimary400: 'var(--t-body-primary-400)',
-  TBodyPrimary600: 'var(--t-body-primary-600)',
-  TBodyPrimary500: 'var(--t-body-primary-500)',
-  TTitleH5: 'var(--t-title-h5)',
-  TTitleH4: 'var(--t-title-h4)',
-  TTitleH3: 'var(--t-title-h3)',
-  TTitleH2: 'var(--t-title-h2)',
-  TTitleH1: 'var(--t-title-h1)',
-} as const;
-
-export type TextStyleValue = (typeof TextStyle)[keyof typeof TextStyle];
-
-export const BorderRadius = {
-  Sm: 'var(--radius-sm)',
-  Md: 'var(--radius-md)',
-  Lg: 'var(--radius-lg)',
-  Xl: 'var(--radius-xl)',
-  Xxl: 'var(--radius-xxl)',
-  Xxxl: 'var(--radius-xxl)',
-  Full: 'var(--radius-full)',
-} as const;
-
-export type BorderRadiusValue = (typeof BorderRadius)[keyof typeof BorderRadius];
-
-export const Orientation = {
-  Horizontal: 'horizontal',
-  Vertical: 'vertical',
-} as const;
-
-export type OrientationValue = (typeof Orientation)[keyof typeof Orientation];
-
-export const ThemeSize = {
-  Xs: 'var(--size-xs)',
-  Sm: 'var(--size-sm)',
-  Md: 'var(--size-md)',
-  Xl: 'var(--size-xl)',
-  Xl2: 'var(--size-2xl)',
-  Xl3: 'var(--size-3xl)',
-  Xl4: 'var(--size-4xl)',
-  Xl5: 'var(--size-5xl)',
-};
-
-export type ThemeSizeValue = (typeof ThemeSize)[keyof typeof ThemeSize];
-
-export const ThemeSpacing = {
-  Xs: 'var(--spacing-xs)',
-  Sm: 'var(--spacing-sm)',
-  Md: 'var(--spacing-md)',
-  Lg: 'var(--spacing-lg)',
-  Xl: 'var(--spacing-xl)',
-  Xl2: 'var(--spacing-2xl)',
-  Xl3: 'var(--spacing-3xl)',
-  Xl4: 'var(--spacing-4xl)',
-  Xl5: 'var(--spacing-5xl)',
-  Xl6: 'var(--spacing-6xl)',
-  Xl7: 'var(--spacing-7xl)',
-  Xl8: 'var(--spacing-8xl)',
-  Xl9: 'var(--spacing-9xl)',
-};
-
-export type ThemeSpacingValue = (typeof ThemeSpacing)[keyof typeof ThemeSpacing];
diff --git a/webnext/src/shared/defguard-ui/utils/detectClickOutside.ts b/webnext/src/shared/defguard-ui/utils/detectClickOutside.ts
deleted file mode 100644
index 933609a..0000000
--- a/webnext/src/shared/defguard-ui/utils/detectClickOutside.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
- * Checks if mouse event clicked within any of provided rects
- */
-export const detectClickInside = (event: MouseEvent, rects: DOMRect[]) => {
-  for (const domRect of rects) {
-    if (domRect) {
-      const start_x = domRect?.x;
-      const start_y = domRect?.y;
-      const end_x = start_x + domRect?.width;
-      const end_y = start_y + domRect.height;
-      if (
-        event.clientX >= start_x &&
-        event.clientX <= end_x &&
-        event.clientY >= start_y &&
-        event.clientY <= end_y
-      ) {
-        return true;
-      }
-    }
-  }
-  return false;
-};
diff --git a/webnext/src/shared/defguard-ui/utils/isComparable.ts b/webnext/src/shared/defguard-ui/utils/isComparable.ts
deleted file mode 100644
index 120180f..0000000
--- a/webnext/src/shared/defguard-ui/utils/isComparable.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export const isComparableWithStrictEquality = (val: unknown) => {
-  const t = typeof val;
-  return (
-    t === 'number' ||
-    t === 'string' ||
-    t === 'boolean' ||
-    t === 'undefined' ||
-    val === null
-  );
-};
diff --git a/webnext/src/shared/defguard-ui/utils/isPresent.ts b/webnext/src/shared/defguard-ui/utils/isPresent.ts
deleted file mode 100644
index 510ce8d..0000000
--- a/webnext/src/shared/defguard-ui/utils/isPresent.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export const isPresent = <T>(value: T): value is NonNullable<T> => {
-  return value !== null && value !== undefined;
-};
diff --git a/webnext/src/shared/defguard-ui/utils/mergeRefs.ts b/webnext/src/shared/defguard-ui/utils/mergeRefs.ts
deleted file mode 100644
index 5d13c28..0000000
--- a/webnext/src/shared/defguard-ui/utils/mergeRefs.ts
+++ /dev/null
@@ -1,29 +0,0 @@
-// extracted from https://github.com/gregberge/react-merge-refs
-import type { Ref, RefCallback } from 'react';
-
-function assignRef<T>(
-  ref: Ref<T> | undefined | null,
-  value: T | null,
-): ReturnType<RefCallback<T>> {
-  if (typeof ref === 'function') {
-    return ref(value);
-  } else if (ref) {
-    ref.current = value;
-  }
-}
-
-export function mergeRefs<T>(refs: (Ref<T> | undefined)[]): Ref<T> {
-  return (value: T | null) => {
-    const cleanups: (() => void)[] = [];
-
-    for (const ref of refs) {
-      const cleanup = assignRef(ref, value);
-      const isCleanup = typeof cleanup === 'function';
-      cleanups.push(isCleanup ? cleanup : () => assignRef(ref, null));
-    }
-
-    return () => {
-      for (const cleanup of cleanups) cleanup();
-    };
-  };
-}
diff --git a/webnext/src/shared/defguard-ui/utils/zod.ts b/webnext/src/shared/defguard-ui/utils/zod.ts
deleted file mode 100644
index fcad508..0000000
--- a/webnext/src/shared/defguard-ui/utils/zod.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import type z from 'zod';
-
-export const createZodIssue = (
-  message: string,
-  path: PropertyKey[],
-): z.core.$ZodIssueCustom => ({
-  code: 'custom',
-  message,
-  path,
-});
diff --git a/webnext/src/shared/utils/openVirtualLink.ts b/webnext/src/shared/utils/openVirtualLink.ts
index c84faf0..9535cba 100644
--- a/webnext/src/shared/utils/openVirtualLink.ts
+++ b/webnext/src/shared/utils/openVirtualLink.ts
@@ -1,6 +1,11 @@
-export const openVirtualLink = (value?: string): void => {
-  if (!value) return;
+import { externalLink } from '../consts';
 
+export const openClientLink = (value?: string): void => {
+  const href = value ?? externalLink.defguard.download;
+  openVirtualLink(href);
+};
+
+export const openVirtualLink = (value: string): void => {
   const anchorElement = document.createElement('a');
   anchorElement.style.display = 'none';
   anchorElement.href = value;