@vention/machine-ui 3.27.0

package/src/lib/components/vention-icon/_generated/icons/file.tsx

@@ -0,0 +1,13 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgFile = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M14 3V7C14 7.26522 14.1054 7.51957 14.2929 7.70711C14.4804 7.89464 14.7348 8 15 8H19M14 3H7C6.46957 3 5.96086 3.21071 5.58579 3.58579C5.21071 3.96086 5 4.46957 5 5V19C5 19.5304 5.21071 20.0391 5.58579 20.4142C5.96086 20.7893 6.46957 21 7 21H17C17.5304 21 18.0391 20.7893 18.4142 20.4142C18.7893 20.0391 19 19.5304 19 19V8M14 3L19 8"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgFile

package/src/lib/components/vention-icon/_generated/icons/filter.tsx

@@ -0,0 +1,13 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgFilter = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M4 4H20V6.172C19.9999 6.70239 19.7891 7.21101 19.414 7.586L15 12V19L9 21V12.5L4.52 7.572C4.18545 7.20393 4.00005 6.7244 4 6.227V4Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgFilter

package/src/lib/components/vention-icon/_generated/icons/focus.tsx

@@ -0,0 +1,13 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgFocus = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M5 12C5 12.9193 5.18106 13.8295 5.53284 14.6788C5.88463 15.5281 6.40024 16.2997 7.05025 16.9497C7.70026 17.5998 8.47194 18.1154 9.32122 18.4672C10.1705 18.8189 11.0807 19 12 19M5 12C5 11.0807 5.18106 10.1705 5.53284 9.32122C5.88463 8.47194 6.40024 7.70026 7.05025 7.05025C7.70026 6.40024 8.47194 5.88463 9.32122 5.53284C10.1705 5.18106 11.0807 5 12 5M5 12H3M12 19C12.9193 19 13.8295 18.8189 14.6788 18.4672C15.5281 18.1154 16.2997 17.5998 16.9497 16.9497C17.5998 16.2997 18.1154 15.5281 18.4672 14.6788C18.8189 13.8295 19 12.9193 19 12M12 19V21M19 12C19 11.0807 18.8189 10.1705 18.4672 9.32122C18.1154 8.47194 17.5998 7.70026 16.9497 7.05025C16.2997 6.40024 15.5281 5.88463 14.6788 5.53284C13.8295 5.18106 12.9193 5 12 5M19 12H21M12 5V3M12.5 12C12.5 12.2761 12.2761 12.5 12 12.5C11.7239 12.5 11.5 12.2761 11.5 12C11.5 11.7239 11.7239 11.5 12 11.5C12.2761 11.5 12.5 11.7239 12.5 12Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgFocus

package/src/lib/components/vention-icon/_generated/icons/folder-open.tsx

@@ -0,0 +1,20 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgFolderOpen = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <g clipPath="url(#clip0_11828_129355)">
+      <path
+        d="M5 19L7.757 11.649C7.82844 11.4584 7.95632 11.2942 8.12357 11.1782C8.29082 11.0623 8.48948 11.0001 8.693 11H21M5 19H19.026C19.4913 18.9999 19.942 18.8375 20.3004 18.5409C20.6589 18.2443 20.9028 17.832 20.99 17.375L21.986 12.164C22.0098 12.0208 22.0022 11.8741 21.9636 11.7342C21.925 11.5943 21.8564 11.4644 21.7626 11.3536C21.6688 11.2429 21.5519 11.1539 21.4203 11.0928C21.2886 11.0317 21.1452 11.0001 21 11M5 19C4.46957 19 3.96086 18.7893 3.58579 18.4142C3.21071 18.0391 3 17.5304 3 17V6C3 5.46957 3.21071 4.96086 3.58579 4.58579C3.96086 4.21071 4.46957 4 5 4H9L12 7H19C19.5304 7 20.0391 7.21071 20.4142 7.58579C20.7893 7.96086 21 8.46957 21 9V11"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_11828_129355">
+        <rect width={24} height={24} fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+export default SvgFolderOpen

package/src/lib/components/vention-icon/_generated/icons/folder-plus-1.tsx

@@ -0,0 +1,22 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgFolderPlus1 = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <g clipPath="url(#clip0_11828_129354)">
+      <path
+        d="M12 19H5C4.46957 19 3.96086 18.7893 3.58579 18.4142C3.21071 18.0391 3 17.5304 3 17V6C3 5.46957 3.21071 4.96086 3.58579 4.58579C3.96086 4.21071 4.46957 4 5 4H9L12 7H19C19.5304 7 20.0391 7.21071 20.4142 7.58579C20.7893 7.96086 21 8.46957 21 9V12.5"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path d="M16 19H22" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
+      <path d="M19 16V22" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
+    </g>
+    <defs>
+      <clipPath id="clip0_11828_129354">
+        <rect width={24} height={24} fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+export default SvgFolderPlus1

package/src/lib/components/vention-icon/_generated/icons/folder.tsx

@@ -0,0 +1,13 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgFolder = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M5 4H9L12 7H19C19.5304 7 20.0391 7.21071 20.4142 7.58579C20.7893 7.96086 21 8.46957 21 9V17C21 17.5304 20.7893 18.0391 20.4142 18.4142C20.0391 18.7893 19.5304 19 19 19H5C4.46957 19 3.96086 18.7893 3.58579 18.4142C3.21071 18.0391 3 17.5304 3 17V6C3 5.46957 3.21071 4.96086 3.58579 4.58579C3.96086 4.21071 4.46957 4 5 4Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgFolder

package/src/lib/components/vention-icon/_generated/icons/frame-3.tsx

@@ -0,0 +1,13 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgFrame3 = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M3.5 4H3V4.5L3 11.4058V15.5C3 16.3284 3.67157 17 4.5 17H7V19.5C7 20.3284 7.67157 21 8.5 21H18.5C19.3284 21 20 20.3284 20 19.5V9.5C20 8.67157 19.3284 8 18.5 8H16V5.5C16 4.67157 15.3284 4 14.5 4L11 4H10.4058H3.5ZM15 8.38705V8V5.5C15 5.22386 14.7761 5 14.5 5L11.6129 5L15 8.38705ZM15.6129 9H18.5C18.7761 9 19 9.22386 19 9.5V12.3871L15.6129 9ZM19 13.8013L10.1987 5H4.70711L19 19.2929V13.8013ZM18.2929 20L4 5.70711L4 11.1987L12.8013 20H18.2929ZM11.3871 20L8 16.6129V19.5C8 19.7761 8.22386 20 8.5 20H11.3871ZM7.38705 16L4 12.6129L4 15.5C4 15.7761 4.22386 16 4.5 16H7H7.38705Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default SvgFrame3

package/src/lib/components/vention-icon/_generated/icons/function-icon.tsx

@@ -0,0 +1,13 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgFunctionIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M3 19C3 19.5304 3.21071 20.0391 3.58579 20.4142C3.96086 20.7893 4.46957 21 5 21C7 21 7 17 8 12C9 7 9 3 11 3C11.5304 3 12.0391 3.21071 12.4142 3.58579C12.7893 3.96086 13 4.46957 13 5M5 12H11M15 12L21 18M15 18L21 12"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgFunctionIcon

package/src/lib/components/vention-icon/_generated/icons/git-branch-deleted.tsx

@@ -0,0 +1,13 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgGitBranchDeleted = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M9 18C9 18.5304 8.78929 19.0391 8.41421 19.4142C8.03914 19.7893 7.53043 20 7 20C6.46957 20 5.96086 19.7893 5.58579 19.4142C5.21071 19.0391 5 18.5304 5 18C5 17.4696 5.21071 16.9609 5.58579 16.5858C5.96086 16.2107 6.46957 16 7 16M9 18C9 17.4696 8.78929 16.9609 8.41421 16.5858C8.03914 16.2107 7.53043 16 7 16M9 18H15C15.5304 18 16.0391 17.7893 16.4142 17.4142C16.7893 17.0391 17 16.5304 17 16V11M7 16V8M7 8C6.46957 8 5.96086 7.78929 5.58579 7.41421C5.21071 7.03914 5 6.53043 5 6C5 5.46957 5.21071 4.96086 5.58579 4.58579C5.96086 4.21071 6.46957 4 7 4C7.53043 4 8.03914 4.21071 8.41421 4.58579C8.78929 4.96086 9 5.46957 9 6C9 6.53043 8.78929 7.03914 8.41421 7.41421C8.03914 7.78929 7.53043 8 7 8ZM17 11L14 14M17 11L20 14M15 4L19 8M15 8L19 4"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgGitBranchDeleted

package/src/lib/components/vention-icon/_generated/icons/git-branch.tsx

@@ -0,0 +1,13 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgGitBranch = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M9 18C9 18.5304 8.78929 19.0391 8.41421 19.4142C8.03914 19.7893 7.53043 20 7 20C6.46957 20 5.96086 19.7893 5.58579 19.4142C5.21071 19.0391 5 18.5304 5 18C5 17.4696 5.21071 16.9609 5.58579 16.5858C5.96086 16.2107 6.46957 16 7 16M9 18C9 17.4696 8.78929 16.9609 8.41421 16.5858C8.03914 16.2107 7.53043 16 7 16M9 18H15C15.5304 18 16.0391 17.7893 16.4142 17.4142C16.7893 17.0391 17 16.5304 17 16V11M7 16V8M7 8C6.46957 8 5.96086 7.78929 5.58579 7.41421C5.21071 7.03914 5 6.53043 5 6C5 5.46957 5.21071 4.96086 5.58579 4.58579C5.96086 4.21071 6.46957 4 7 4C7.53043 4 8.03914 4.21071 8.41421 4.58579C8.78929 4.96086 9 5.46957 9 6C9 6.53043 8.78929 7.03914 8.41421 7.41421C8.03914 7.78929 7.53043 8 7 8ZM17 11L14 14M17 11L20 14M15 6C15 6.53043 15.2107 7.03914 15.5858 7.41421C15.9609 7.78929 16.4696 8 17 8C17.5304 8 18.0391 7.78929 18.4142 7.41421C18.7893 7.03914 19 6.53043 19 6C19 5.46957 18.7893 4.96086 18.4142 4.58579C18.0391 4.21071 17.5304 4 17 4C16.4696 4 15.9609 4.21071 15.5858 4.58579C15.2107 4.96086 15 5.46957 15 6Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgGitBranch

package/src/lib/components/vention-icon/_generated/icons/git-compare.tsx

@@ -0,0 +1,13 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgGitCompare = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M6 8C5.46957 8 4.96086 7.78929 4.58579 7.41421C4.21071 7.03914 4 6.53043 4 6C4 5.46957 4.21071 4.96086 4.58579 4.58579C4.96086 4.21071 5.46957 4 6 4C6.53043 4 7.03914 4.21071 7.41421 4.58579C7.78929 4.96086 8 5.46957 8 6C8 6.53043 7.78929 7.03914 7.41421 7.41421C7.03914 7.78929 6.53043 8 6 8ZM6 8V16C6 16.5304 6.21071 17.0391 6.58579 17.4142C6.96086 17.7893 7.46957 18 8 18H13M18 16C18.5304 16 19.0391 16.2107 19.4142 16.5858C19.7893 16.9609 20 17.4696 20 18C20 18.5304 19.7893 19.0391 19.4142 19.4142C19.0391 19.7893 18.5304 20 18 20C17.4696 20 16.9609 19.7893 16.5858 19.4142C16.2107 19.0391 16 18.5304 16 18C16 17.4696 16.2107 16.9609 16.5858 16.5858C16.9609 16.2107 17.4696 16 18 16ZM18 16V8C18 7.46957 17.7893 6.96086 17.4142 6.58579C17.0391 6.21071 16.5304 6 16 6H11M11 6L14 9M11 6L14 3M13 18L10 15M13 18L10 21"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgGitCompare

package/src/lib/components/vention-icon/_generated/icons/git-fork.tsx

@@ -0,0 +1,13 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgGitFork = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M12 16C12.5304 16 13.0391 16.2107 13.4142 16.5858C13.7893 16.9609 14 17.4696 14 18C14 18.5304 13.7893 19.0391 13.4142 19.4142C13.0391 19.7893 12.5304 20 12 20C11.4696 20 10.9609 19.7893 10.5858 19.4142C10.2107 19.0391 10 18.5304 10 18C10 17.4696 10.2107 16.9609 10.5858 16.5858C10.9609 16.2107 11.4696 16 12 16ZM12 16V12M7 8C6.46957 8 5.96086 7.78929 5.58579 7.41421C5.21071 7.03914 5 6.53043 5 6C5 5.46957 5.21071 4.96086 5.58579 4.58579C5.96086 4.21071 6.46957 4 7 4C7.53043 4 8.03914 4.21071 8.41421 4.58579C8.78929 4.96086 9 5.46957 9 6C9 6.53043 8.78929 7.03914 8.41421 7.41421C8.03914 7.78929 7.53043 8 7 8ZM7 8V10C7 10.5304 7.21071 11.0391 7.58579 11.4142C7.96086 11.7893 8.46957 12 9 12H15C15.5304 12 16.0391 11.7893 16.4142 11.4142C16.7893 11.0391 17 10.5304 17 10V8M17 8C16.4696 8 15.9609 7.78929 15.5858 7.41421C15.2107 7.03914 15 6.53043 15 6C15 5.46957 15.2107 4.96086 15.5858 4.58579C15.9609 4.21071 16.4696 4 17 4C17.5304 4 18.0391 4.21071 18.4142 4.58579C18.7893 4.96086 19 5.46957 19 6C19 6.53043 18.7893 7.03914 18.4142 7.41421C18.0391 7.78929 17.5304 8 17 8Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgGitFork

package/src/lib/components/vention-icon/_generated/icons/git-merge.tsx

@@ -0,0 +1,13 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgGitMerge = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M7 16C7.53043 16 8.03914 16.2107 8.41421 16.5858C8.78929 16.9609 9 17.4696 9 18C9 18.5304 8.78929 19.0391 8.41421 19.4142C8.03914 19.7893 7.53043 20 7 20C6.46957 20 5.96086 19.7893 5.58579 19.4142C5.21071 19.0391 5 18.5304 5 18C5 17.4696 5.21071 16.9609 5.58579 16.5858C5.96086 16.2107 6.46957 16 7 16ZM7 16V8M7 8C6.46957 8 5.96086 7.78929 5.58579 7.41421C5.21071 7.03914 5 6.53043 5 6C5 5.46957 5.21071 4.96086 5.58579 4.58579C5.96086 4.21071 6.46957 4 7 4C7.53043 4 8.03914 4.21071 8.41421 4.58579C8.78929 4.96086 9 5.46957 9 6C9 6.53043 8.78929 7.03914 8.41421 7.41421C8.03914 7.78929 7.53043 8 7 8ZM7 8C7 9.06087 7.42143 10.0783 8.17157 10.8284C8.92172 11.5786 9.93913 12 11 12H15M15 12C15 12.5304 15.2107 13.0391 15.5858 13.4142C15.9609 13.7893 16.4696 14 17 14C17.5304 14 18.0391 13.7893 18.4142 13.4142C18.7893 13.0391 19 12.5304 19 12C19 11.4696 18.7893 10.9609 18.4142 10.5858C18.0391 10.2107 17.5304 10 17 10C16.4696 10 15.9609 10.2107 15.5858 10.5858C15.2107 10.9609 15 11.4696 15 12Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgGitMerge

package/src/lib/components/vention-icon/_generated/icons/gizmo.tsx

@@ -0,0 +1,13 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgGizmo = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M20 19L12 13.5M12 13.5L4 19M12 13.5V4M11 4C11 4.26522 11.1054 4.51957 11.2929 4.70711C11.4804 4.89464 11.7348 5 12 5C12.2652 5 12.5196 4.89464 12.7071 4.70711C12.8946 4.51957 13 4.26522 13 4C13 3.73478 12.8946 3.48043 12.7071 3.29289C12.5196 3.10536 12.2652 3 12 3C11.7348 3 11.4804 3.10536 11.2929 3.29289C11.1054 3.48043 11 3.73478 11 4ZM3 19C3 19.2652 3.10536 19.5196 3.29289 19.7071C3.48043 19.8946 3.73478 20 4 20C4.26522 20 4.51957 19.8946 4.70711 19.7071C4.89464 19.5196 5 19.2652 5 19C5 18.7348 4.89464 18.4804 4.70711 18.2929C4.51957 18.1054 4.26522 18 4 18C3.73478 18 3.48043 18.1054 3.29289 18.2929C3.10536 18.4804 3 18.7348 3 19ZM19 19C19 19.2652 19.1054 19.5196 19.2929 19.7071C19.4804 19.8946 19.7348 20 20 20C20.2652 20 20.5196 19.8946 20.7071 19.7071C20.8946 19.5196 21 19.2652 21 19C21 18.7348 20.8946 18.4804 20.7071 18.2929C20.5196 18.1054 20.2652 18 20 18C19.7348 18 19.4804 18.1054 19.2929 18.2929C19.1054 18.4804 19 18.7348 19 19Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgGizmo

package/src/lib/components/vention-icon/_generated/icons/graph.tsx

@@ -0,0 +1,13 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgGraph = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M7 14L10 11L12 13L15 10L17 12M4 18V6C4 5.46957 4.21071 4.96086 4.58579 4.58579C4.96086 4.21071 5.46957 4 6 4H18C18.5304 4 19.0391 4.21071 19.4142 4.58579C19.7893 4.96086 20 5.46957 20 6V18C20 18.5304 19.7893 19.0391 19.4142 19.4142C19.0391 19.7893 18.5304 20 18 20H6C5.46957 20 4.96086 19.7893 4.58579 19.4142C4.21071 19.0391 4 18.5304 4 18Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgGraph

package/src/lib/components/vention-icon/_generated/icons/grid-dots.tsx

@@ -0,0 +1,61 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgGridDots = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M4 5C4 5.26522 4.10536 5.51957 4.29289 5.70711C4.48043 5.89464 4.73478 6 5 6C5.26522 6 5.51957 5.89464 5.70711 5.70711C5.89464 5.51957 6 5.26522 6 5C6 4.73478 5.89464 4.48043 5.70711 4.29289C5.51957 4.10536 5.26522 4 5 4C4.73478 4 4.48043 4.10536 4.29289 4.29289C4.10536 4.48043 4 4.73478 4 5Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M11 5C11 5.26522 11.1054 5.51957 11.2929 5.70711C11.4804 5.89464 11.7348 6 12 6C12.2652 6 12.5196 5.89464 12.7071 5.70711C12.8946 5.51957 13 5.26522 13 5C13 4.73478 12.8946 4.48043 12.7071 4.29289C12.5196 4.10536 12.2652 4 12 4C11.7348 4 11.4804 4.10536 11.2929 4.29289C11.1054 4.48043 11 4.73478 11 5Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M18 5C18 5.26522 18.1054 5.51957 18.2929 5.70711C18.4804 5.89464 18.7348 6 19 6C19.2652 6 19.5196 5.89464 19.7071 5.70711C19.8946 5.51957 20 5.26522 20 5C20 4.73478 19.8946 4.48043 19.7071 4.29289C19.5196 4.10536 19.2652 4 19 4C18.7348 4 18.4804 4.10536 18.2929 4.29289C18.1054 4.48043 18 4.73478 18 5Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M4 12C4 12.2652 4.10536 12.5196 4.29289 12.7071C4.48043 12.8946 4.73478 13 5 13C5.26522 13 5.51957 12.8946 5.70711 12.7071C5.89464 12.5196 6 12.2652 6 12C6 11.7348 5.89464 11.4804 5.70711 11.2929C5.51957 11.1054 5.26522 11 5 11C4.73478 11 4.48043 11.1054 4.29289 11.2929C4.10536 11.4804 4 11.7348 4 12Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M11 12C11 12.2652 11.1054 12.5196 11.2929 12.7071C11.4804 12.8946 11.7348 13 12 13C12.2652 13 12.5196 12.8946 12.7071 12.7071C12.8946 12.5196 13 12.2652 13 12C13 11.7348 12.8946 11.4804 12.7071 11.2929C12.5196 11.1054 12.2652 11 12 11C11.7348 11 11.4804 11.1054 11.2929 11.2929C11.1054 11.4804 11 11.7348 11 12Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M18 12C18 12.2652 18.1054 12.5196 18.2929 12.7071C18.4804 12.8946 18.7348 13 19 13C19.2652 13 19.5196 12.8946 19.7071 12.7071C19.8946 12.5196 20 12.2652 20 12C20 11.7348 19.8946 11.4804 19.7071 11.2929C19.5196 11.1054 19.2652 11 19 11C18.7348 11 18.4804 11.1054 18.2929 11.2929C18.1054 11.4804 18 11.7348 18 12Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M4 19C4 19.2652 4.10536 19.5196 4.29289 19.7071C4.48043 19.8946 4.73478 20 5 20C5.26522 20 5.51957 19.8946 5.70711 19.7071C5.89464 19.5196 6 19.2652 6 19C6 18.7348 5.89464 18.4804 5.70711 18.2929C5.51957 18.1054 5.26522 18 5 18C4.73478 18 4.48043 18.1054 4.29289 18.2929C4.10536 18.4804 4 18.7348 4 19Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M11 19C11 19.2652 11.1054 19.5196 11.2929 19.7071C11.4804 19.8946 11.7348 20 12 20C12.2652 20 12.5196 19.8946 12.7071 19.7071C12.8946 19.5196 13 19.2652 13 19C13 18.7348 12.8946 18.4804 12.7071 18.2929C12.5196 18.1054 12.2652 18 12 18C11.7348 18 11.4804 18.1054 11.2929 18.2929C11.1054 18.4804 11 18.7348 11 19Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M18 19C18 19.2652 18.1054 19.5196 18.2929 19.7071C18.4804 19.8946 18.7348 20 19 20C19.2652 20 19.5196 19.8946 19.7071 19.7071C19.8946 19.5196 20 19.2652 20 19C20 18.7348 19.8946 18.4804 19.7071 18.2929C19.5196 18.1054 19.2652 18 19 18C18.7348 18 18.4804 18.1054 18.2929 18.2929C18.1054 18.4804 18 18.7348 18 19Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgGridDots

package/src/lib/components/vention-icon/_generated/icons/grip-horizontal.tsx

@@ -0,0 +1,43 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgGripHorizontal = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M4 9C4 9.26522 4.10536 9.51957 4.29289 9.70711C4.48043 9.89464 4.73478 10 5 10C5.26522 10 5.51957 9.89464 5.70711 9.70711C5.89464 9.51957 6 9.26522 6 9C6 8.73478 5.89464 8.48043 5.70711 8.29289C5.51957 8.10536 5.26522 8 5 8C4.73478 8 4.48043 8.10536 4.29289 8.29289C4.10536 8.48043 4 8.73478 4 9Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M4 15C4 15.2652 4.10536 15.5196 4.29289 15.7071C4.48043 15.8946 4.73478 16 5 16C5.26522 16 5.51957 15.8946 5.70711 15.7071C5.89464 15.5196 6 15.2652 6 15C6 14.7348 5.89464 14.4804 5.70711 14.2929C5.51957 14.1054 5.26522 14 5 14C4.73478 14 4.48043 14.1054 4.29289 14.2929C4.10536 14.4804 4 14.7348 4 15Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M11 9C11 9.26522 11.1054 9.51957 11.2929 9.70711C11.4804 9.89464 11.7348 10 12 10C12.2652 10 12.5196 9.89464 12.7071 9.70711C12.8946 9.51957 13 9.26522 13 9C13 8.73478 12.8946 8.48043 12.7071 8.29289C12.5196 8.10536 12.2652 8 12 8C11.7348 8 11.4804 8.10536 11.2929 8.29289C11.1054 8.48043 11 8.73478 11 9Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M11 15C11 15.2652 11.1054 15.5196 11.2929 15.7071C11.4804 15.8946 11.7348 16 12 16C12.2652 16 12.5196 15.8946 12.7071 15.7071C12.8946 15.5196 13 15.2652 13 15C13 14.7348 12.8946 14.4804 12.7071 14.2929C12.5196 14.1054 12.2652 14 12 14C11.7348 14 11.4804 14.1054 11.2929 14.2929C11.1054 14.4804 11 14.7348 11 15Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M18 9C18 9.26522 18.1054 9.51957 18.2929 9.70711C18.4804 9.89464 18.7348 10 19 10C19.2652 10 19.5196 9.89464 19.7071 9.70711C19.8946 9.51957 20 9.26522 20 9C20 8.73478 19.8946 8.48043 19.7071 8.29289C19.5196 8.10536 19.2652 8 19 8C18.7348 8 18.4804 8.10536 18.2929 8.29289C18.1054 8.48043 18 8.73478 18 9Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M18 15C18 15.2652 18.1054 15.5196 18.2929 15.7071C18.4804 15.8946 18.7348 16 19 16C19.2652 16 19.5196 15.8946 19.7071 15.7071C19.8946 15.5196 20 15.2652 20 15C20 14.7348 19.8946 14.4804 19.7071 14.2929C19.5196 14.1054 19.2652 14 19 14C18.7348 14 18.4804 14.1054 18.2929 14.2929C18.1054 14.4804 18 14.7348 18 15Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgGripHorizontal

package/src/lib/components/vention-icon/_generated/icons/grip-vertical.tsx

@@ -0,0 +1,43 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgGripVertical = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M8 5C8 5.26522 8.10536 5.51957 8.29289 5.70711C8.48043 5.89464 8.73478 6 9 6C9.26522 6 9.51957 5.89464 9.70711 5.70711C9.89464 5.51957 10 5.26522 10 5C10 4.73478 9.89464 4.48043 9.70711 4.29289C9.51957 4.10536 9.26522 4 9 4C8.73478 4 8.48043 4.10536 8.29289 4.29289C8.10536 4.48043 8 4.73478 8 5Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M8 12C8 12.2652 8.10536 12.5196 8.29289 12.7071C8.48043 12.8946 8.73478 13 9 13C9.26522 13 9.51957 12.8946 9.70711 12.7071C9.89464 12.5196 10 12.2652 10 12C10 11.7348 9.89464 11.4804 9.70711 11.2929C9.51957 11.1054 9.26522 11 9 11C8.73478 11 8.48043 11.1054 8.29289 11.2929C8.10536 11.4804 8 11.7348 8 12Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M8 19C8 19.2652 8.10536 19.5196 8.29289 19.7071C8.48043 19.8946 8.73478 20 9 20C9.26522 20 9.51957 19.8946 9.70711 19.7071C9.89464 19.5196 10 19.2652 10 19C10 18.7348 9.89464 18.4804 9.70711 18.2929C9.51957 18.1054 9.26522 18 9 18C8.73478 18 8.48043 18.1054 8.29289 18.2929C8.10536 18.4804 8 18.7348 8 19Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M14 5C14 5.26522 14.1054 5.51957 14.2929 5.70711C14.4804 5.89464 14.7348 6 15 6C15.2652 6 15.5196 5.89464 15.7071 5.70711C15.8946 5.51957 16 5.26522 16 5C16 4.73478 15.8946 4.48043 15.7071 4.29289C15.5196 4.10536 15.2652 4 15 4C14.7348 4 14.4804 4.10536 14.2929 4.29289C14.1054 4.48043 14 4.73478 14 5Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M14 12C14 12.2652 14.1054 12.5196 14.2929 12.7071C14.4804 12.8946 14.7348 13 15 13C15.2652 13 15.5196 12.8946 15.7071 12.7071C15.8946 12.5196 16 12.2652 16 12C16 11.7348 15.8946 11.4804 15.7071 11.2929C15.5196 11.1054 15.2652 11 15 11C14.7348 11 14.4804 11.1054 14.2929 11.2929C14.1054 11.4804 14 11.7348 14 12Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M14 19C14 19.2652 14.1054 19.5196 14.2929 19.7071C14.4804 19.8946 14.7348 20 15 20C15.2652 20 15.5196 19.8946 15.7071 19.7071C15.8946 19.5196 16 19.2652 16 19C16 18.7348 15.8946 18.4804 15.7071 18.2929C15.5196 18.1054 15.2652 18 15 18C14.7348 18 14.4804 18.1054 14.2929 18.2929C14.1054 18.4804 14 18.7348 14 19Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgGripVertical

package/src/lib/components/vention-icon/_generated/icons/gripper-1.tsx

@@ -0,0 +1,15 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgGripper1 = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M4 15H9C10.66 15 12 13.66 12 12C12 10.34 10.66 9 9 9H4V15Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path d="M13 10L15 8L20 9L17 6H13L9 9" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
+    <path d="M13 14L15 16L20 15L17 18H13L9 15" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+export default SvgGripper1

package/src/lib/components/vention-icon/_generated/icons/gripper-2.tsx

@@ -0,0 +1,10 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgGripper2 = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path d="M3 15H6C7.66 15 9 13.66 9 12C9 10.34 7.66 9 6 9H3V15Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
+    <path d="M9 12L12 9H15H17H21L17 6H10L6 9" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
+    <path d="M9 12L12 15H15H17H21L17 18H10L6 15" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+export default SvgGripper2

package/src/lib/components/vention-icon/_generated/icons/hand-stop.tsx

@@ -0,0 +1,13 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgHandStop = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M11.0054 5.5C11.0054 5.10218 10.8473 4.72064 10.566 4.43934C10.2847 4.15804 9.9032 4 9.50537 4C9.10755 4 8.72602 4.15804 8.44471 4.43934C8.16341 4.72064 8.00537 5.10218 8.00537 5.5V13L6.53555 11.53C6.24109 11.2359 5.8568 11.0486 5.44371 10.9978C5.03063 10.9471 4.61243 11.0359 4.25555 11.25C3.9205 11.4509 3.67704 11.7745 3.57694 12.1522C3.47684 12.5298 3.528 12.9315 3.71955 13.272C5.59855 16.612 6.69355 18.521 7.00555 19C7.07063 19.1002 7.13596 19.2002 7.20155 19.3C7.74807 20.1299 8.49214 20.811 9.36694 21.2823C10.2417 21.7535 11.2199 22.0002 12.2136 22H12.0056H14.0056C15.5969 22 17.123 21.3679 18.2482 20.2426C19.3734 19.1174 20.0056 17.5913 20.0056 16V7.5C20.0056 7.10218 19.8475 6.72064 19.5662 6.43934C19.2849 6.15804 18.9034 6 18.5056 6C18.1077 6 17.7262 6.15804 17.4449 6.43934C17.1636 6.72064 17.0056 7.10218 17.0056 7.5M11.0054 5.5V12M11.0054 5.5V3.5C11.0054 3.30302 11.0442 3.10796 11.1196 2.92597C11.1949 2.74399 11.3054 2.57863 11.4447 2.43934C11.584 2.30005 11.7494 2.18956 11.9313 2.11418C12.1133 2.0388 12.3084 2 12.5054 2C12.7024 2 12.8974 2.0388 13.0794 2.11418C13.2614 2.18956 13.4267 2.30005 13.566 2.43934C13.7053 2.57863 13.8158 2.74399 13.8912 2.92597C13.9666 3.10796 14.0054 3.30302 14.0054 3.5V12M14.0054 5.5C14.0054 5.10218 14.1634 4.72064 14.4447 4.43934C14.726 4.15804 15.1075 4 15.5054 4C15.9032 4 16.2847 4.15804 16.566 4.43934C16.8473 4.72064 17.0054 5.10218 17.0054 5.5V12"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgHandStop

package/src/lib/components/vention-icon/_generated/icons/hash.tsx

@@ -0,0 +1,22 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgHash = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    fill="none"
+    stroke="currentColor"
+    strokeWidth={1}
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    className="icon icon-tabler icons-tabler-outline icon-tabler-hash"
+    {...props}
+  >
+    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+    <path d="M5 9l14 0" />
+    <path d="M5 15l14 0" />
+    <path d="M11 4l-4 16" />
+    <path d="M17 4l-4 16" />
+  </svg>
+)
+export default SvgHash

package/src/lib/components/vention-icon/_generated/icons/hb-menu.tsx

@@ -0,0 +1,8 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgHbMenu = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path d="M4 6H20M7 12H20M10 18H20" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+export default SvgHbMenu

package/src/lib/components/vention-icon/_generated/icons/headphones-filled.tsx

@@ -0,0 +1,11 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgHeadphonesFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M21 18C21 18.7652 20.7077 19.5015 20.1827 20.0582C19.6578 20.615 18.9399 20.9501 18.176 20.995L18 21H17C16.2348 21 15.4985 20.7077 14.9417 20.1827C14.385 19.6577 14.0499 18.9399 14.005 18.176L14 18V15C14 14.2348 14.2923 13.4985 14.8173 12.9417C15.3422 12.385 16.0601 12.0499 16.824 12.005L17 12H18C18.351 12 18.688 12.06 19 12.171V12C19.0009 10.1637 18.2802 8.40053 16.9932 7.09066C15.7062 5.78079 13.9561 5.02909 12.12 4.9976C10.284 4.96612 8.50907 5.65737 7.17794 6.92235C5.84681 8.18733 5.06606 9.92472 5.004 11.76L5 12V12.17C5.25 12.082 5.516 12.026 5.791 12.007L6 12H7C7.76521 11.9999 8.50151 12.2923 9.05826 12.8173C9.61501 13.3422 9.95011 14.0601 9.995 14.824L10 15V18C10 18.7652 9.70767 19.5015 9.18272 20.0582C8.65776 20.615 7.93989 20.9501 7.176 20.995L7 21H6C5.23479 21 4.49849 20.7077 3.94174 20.1827C3.38499 19.6577 3.04989 18.9399 3.005 18.176L3 18V12C3.00086 9.63656 3.93135 7.36832 5.59051 5.68516C7.24966 4.00201 9.50431 3.03904 11.8675 3.00424C14.2307 2.96944 16.5127 3.86561 18.2207 5.49918C19.9287 7.13275 20.9256 9.37261 20.996 11.735L21 12V18Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default SvgHeadphonesFilled

package/src/lib/components/vention-icon/_generated/icons/headset-filled.tsx

@@ -0,0 +1,15 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgHeadsetFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <rect x={15.1875} y={12.1875} width={4.6875} height={6.5625} rx={1.875} fill="currentColor" />
+    <rect x={4.17188} y={12.1875} width={4.6875} height={6.5625} rx={1.875} fill="currentColor" />
+    <path
+      d="M4 14V11C4 8.87827 4.84285 6.84344 6.34315 5.34315C7.84344 3.84285 9.87827 3 12 3C14.1217 3 16.1566 3.84285 17.6569 5.34315C19.1571 6.84344 20 8.87827 20 11V14M4 14C4 13.4696 4.21071 12.9609 4.58579 12.5858C4.96086 12.2107 5.46957 12 6 12H7C7.53043 12 8.03914 12.2107 8.41421 12.5858C8.78929 12.9609 9 13.4696 9 14V17C9 17.5304 8.78929 18.0391 8.41421 18.4142C8.03914 18.7893 7.53043 19 7 19H6C5.46957 19 4.96086 18.7893 4.58579 18.4142C4.21071 18.0391 4 17.5304 4 17V14ZM20 14C20 13.4696 19.7893 12.9609 19.4142 12.5858C19.0391 12.2107 18.5304 12 18 12H17C16.4696 12 15.9609 12.2107 15.5858 12.5858C15.2107 12.9609 15 13.4696 15 14V17C15 17.5304 15.2107 18.0391 15.5858 18.4142C15.9609 18.7893 16.4696 19 17 19H18M20 14V17C20 17.5304 19.7893 18.0391 19.4142 18.4142C19.0391 18.7893 18.5304 19 18 19M18 19C18 20.657 15.314 22 12 22"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgHeadsetFilled

package/src/lib/components/vention-icon/_generated/icons/headset.tsx

@@ -0,0 +1,13 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgHeadset = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M4 14V11C4 8.87827 4.84285 6.84344 6.34315 5.34315C7.84344 3.84285 9.87827 3 12 3C14.1217 3 16.1566 3.84285 17.6569 5.34315C19.1571 6.84344 20 8.87827 20 11V14M4 14C4 13.4696 4.21071 12.9609 4.58579 12.5858C4.96086 12.2107 5.46957 12 6 12H7C7.53043 12 8.03914 12.2107 8.41421 12.5858C8.78929 12.9609 9 13.4696 9 14V17C9 17.5304 8.78929 18.0391 8.41421 18.4142C8.03914 18.7893 7.53043 19 7 19H6C5.46957 19 4.96086 18.7893 4.58579 18.4142C4.21071 18.0391 4 17.5304 4 17V14ZM20 14C20 13.4696 19.7893 12.9609 19.4142 12.5858C19.0391 12.2107 18.5304 12 18 12H17C16.4696 12 15.9609 12.2107 15.5858 12.5858C15.2107 12.9609 15 13.4696 15 14V17C15 17.5304 15.2107 18.0391 15.5858 18.4142C15.9609 18.7893 16.4696 19 17 19H18M20 14V17C20 17.5304 19.7893 18.0391 19.4142 18.4142C19.0391 18.7893 18.5304 19 18 19M18 19C18 20.657 15.314 22 12 22"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgHeadset

package/src/lib/components/vention-icon/_generated/icons/help-circle-filled.tsx

@@ -0,0 +1,11 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgHelpCircleFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M12 2C17.523 2 22 6.477 22 12C22.0021 14.6255 20.9715 17.1464 19.1309 19.0186C17.2902 20.8908 14.7872 21.9641 12.162 22.0066C9.53689 22.0491 7.00034 21.0576 5.1 19.246C3.19966 17.4344 2.08799 14.9482 2.005 12.324L2 12L2.004 11.72C2.152 6.327 6.57 2 12 2ZM12 15C11.7551 15 11.5187 15.09 11.3356 15.2527C11.1526 15.4155 11.0357 15.6397 11.007 15.883L11 16L11.007 16.127C11.0359 16.3701 11.153 16.5941 11.336 16.7566C11.519 16.9191 11.7552 17.0089 12 17.0089C12.2448 17.0089 12.481 16.9191 12.664 16.7566C12.847 16.5941 12.9641 16.3701 12.993 16.127L13 16.01L12.993 15.883C12.9643 15.6397 12.8474 15.4155 12.6644 15.2527C12.4813 15.09 12.2449 15 12 15ZM13.368 8.327C12.7694 8.02097 12.0849 7.92635 11.4257 8.05851C10.7665 8.19067 10.1714 8.54186 9.737 9.055C9.57138 9.249 9.48616 9.49896 9.49878 9.75373C9.51139 10.0085 9.62089 10.2488 9.80487 10.4255C9.98884 10.6022 10.2334 10.7019 10.4885 10.7042C10.7435 10.7066 10.9898 10.6113 11.177 10.438L11.348 10.258C11.4955 10.1226 11.681 10.0356 11.8795 10.0088C12.0779 9.98197 12.2798 10.0166 12.458 10.108C12.6501 10.2052 12.8057 10.3618 12.9016 10.5545C12.9976 10.7473 13.0288 10.9658 12.9906 11.1777C12.9524 11.3895 12.8468 11.5834 12.6896 11.7305C12.5324 11.8776 12.3319 11.97 12.118 11.994L11.886 12.006C11.6317 12.034 11.3977 12.1584 11.2323 12.3536C11.0669 12.5489 10.9827 12.8001 10.9969 13.0556C11.0111 13.3111 11.1228 13.5514 11.3088 13.7271C11.4948 13.9027 11.7411 14.0004 11.997 14C12.6716 14.002 13.3272 13.7766 13.858 13.3601C14.3887 12.9437 14.7636 12.3605 14.9221 11.7047C15.0805 11.049 15.0134 10.359 14.7314 9.74609C14.4494 9.13322 13.9691 8.63328 13.368 8.327Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+export default SvgHelpCircleFilled

package/src/lib/components/vention-icon/_generated/icons/help.tsx

@@ -0,0 +1,13 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgHelp = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M12 17V17.01M12 13.5C11.9816 13.1754 12.0692 12.8536 12.2495 12.583C12.4299 12.3125 12.6933 12.1079 13 12C13.3759 11.8563 13.7132 11.6272 13.9856 11.331C14.2579 11.0347 14.4577 10.6792 14.5693 10.2926C14.6809 9.90597 14.7013 9.49871 14.6287 9.10288C14.5562 8.70705 14.3928 8.33346 14.1513 8.01153C13.9099 7.68959 13.597 7.4281 13.2373 7.24763C12.8776 7.06716 12.4809 6.97265 12.0785 6.97154C11.6761 6.97042 11.2789 7.06273 10.9182 7.2412C10.5576 7.41967 10.2432 7.67942 10 8.00001M3 12C3 13.1819 3.23279 14.3522 3.68508 15.4442C4.13738 16.5361 4.80031 17.5282 5.63604 18.364C6.47177 19.1997 7.46392 19.8626 8.55585 20.3149C9.64778 20.7672 10.8181 21 12 21C13.1819 21 14.3522 20.7672 15.4442 20.3149C16.5361 19.8626 17.5282 19.1997 18.364 18.364C19.1997 17.5282 19.8626 16.5361 20.3149 15.4442C20.7672 14.3522 21 13.1819 21 12C21 10.8181 20.7672 9.64778 20.3149 8.55585C19.8626 7.46392 19.1997 6.47177 18.364 5.63604C17.5282 4.80031 16.5361 4.13738 15.4442 3.68508C14.3522 3.23279 13.1819 3 12 3C10.8181 3 9.64778 3.23279 8.55585 3.68508C7.46392 4.13738 6.47177 4.80031 5.63604 5.63604C4.80031 6.47177 4.13738 7.46392 3.68508 8.55585C3.23279 9.64778 3 10.8181 3 12Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgHelp

package/src/lib/components/vention-icon/_generated/icons/history-toggle.tsx

@@ -0,0 +1,13 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgHistoryToggle = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M10 20.777C9.12963 20.5796 8.2937 20.253 7.52002 19.808M14 3.22301C15.9882 3.67708 17.7632 4.7927 19.0347 6.38721C20.3061 7.98173 20.9984 9.96066 20.9984 12C20.9984 14.0394 20.3061 16.0183 19.0347 17.6128C17.7632 19.2073 15.9882 20.3229 14 20.777M4.57905 17.093C4.03356 16.3005 3.61925 15.4253 3.35205 14.501M3.12402 10.5C3.28402 9.55 3.59202 8.65 4.02402 7.825L4.19302 7.52M6.90723 4.57901C7.84288 3.93491 8.89255 3.47472 10.0002 3.22301M12 8V12L15 15"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgHistoryToggle

package/src/lib/components/vention-icon/_generated/icons/history.tsx

@@ -0,0 +1,13 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgHistory = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M12 8V12L14 14M3.0498 11C3.2739 8.80006 4.30007 6.75962 5.93254 5.26797C7.56501 3.77633 9.6895 2.93789 11.9007 2.91264C14.1119 2.88738 16.255 3.67707 17.9211 5.13104C19.5872 6.58501 20.6597 8.60149 20.934 10.7957C21.2083 12.99 20.6651 15.2084 19.4082 17.0278C18.1512 18.8471 16.2684 20.14 14.1191 20.6599C11.9697 21.1797 9.70421 20.89 7.7548 19.8461C5.80539 18.8022 4.30853 17.0771 3.5498 15M3.0498 20V15H8.0498"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+export default SvgHistory

package/src/lib/components/vention-icon/_generated/icons/hmi.tsx

@@ -0,0 +1,26 @@
+import * as React from "react"
+import type { SVGProps } from "react"
+const SvgHmi = (props: SVGProps<SVGSVGElement>) => (
+  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+    <path
+      d="M3 6C3 5.46957 3.21071 4.96086 3.58579 4.58579C3.96086 4.21071 4.46957 4 5 4H19C19.5304 4 20.0391 4.21071 20.4142 4.58579C20.7893 4.96086 21 5.46957 21 6V18C21 18.5304 20.7893 19.0391 20.4142 19.4142C20.0391 19.7893 19.5304 20 19 20H5C4.46957 20 3.96086 19.7893 3.58579 19.4142C3.21071 19.0391 3 18.5304 3 18V6Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M6 14.651V9.31769M8.66667 9.31769V14.651M6 11.9844H8.66667"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M11.3335 14.651V9.31769L13.3335 12.651L15.3335 9.31769V14.651"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path d="M18 9.31769V14.651" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+export default SvgHmi