@capillarytech/blaze-ui 6.1.6-beta.1 → 6.1.7

package/CapIcon/index.js

@@ -55,8 +55,8 @@ const CapIcon = React.forwardRef(
         {
           ref,
           className: classNames(
-            styles["cap-icon-wrapper"],
-            styles["cap-icon"],
+            styles["cap-icon-v2"],
+            type ? `cap-icon-v2-${type}` : null,
             styles[size],
             { [styles["with-text-label"]]: textLabel, [styles.disabled]: disabled },
             className
@@ -84,8 +84,8 @@ const CapIcon = React.forwardRef(
           {
             ref: withBackground ? void 0 : ref,
             className: classNames(
-              styles["cap-icon-wrapper"],
-              styles["cap-icon"],
+              styles["cap-icon-v2"],
+              type ? `cap-icon-v2-${type}` : null,
               styles[size],
               {
                 [styles.spin]: spin,
@@ -106,7 +106,7 @@ const CapIcon = React.forwardRef(
         "div",
         {
           ref,
-          className: classNames(styles["cap-icon-background-wrapper"], styles[size]),
+          className: classNames(styles["cap-icon-background"], styles[size]),
           ...backgroundProps,
           children: iconComponent
         }
@@ -120,8 +120,8 @@ const CapIcon = React.forwardRef(
         {
           ref: withBackground ? void 0 : ref,
           className: classNames(
-            styles["cap-icon-wrapper"],
-            styles["cap-icon"],
+            styles["cap-icon-v2"],
+            type ? `cap-icon-v2-${type}` : null,
             styles[size],
             { [styles.disabled]: disabled, [styles["with-text-label"]]: textLabel },
             className
@@ -139,7 +139,7 @@ const CapIcon = React.forwardRef(
         "span",
         {
           ref,
-          className: classNames(styles["cap-icon-background-wrapper"], styles[size]),
+          className: classNames(styles["cap-icon-background"], styles[size]),
           ...backgroundProps,
           children: iconComponent
         }
@@ -150,8 +150,8 @@ const CapIcon = React.forwardRef(
       {
         ref,
         className: classNames(
-          styles["cap-icon-wrapper"],
-          styles["cap-icon"],
+          styles["cap-icon-v2"],
+          type ? `cap-icon-v2-${type}` : null,
           styles[size],
           { [styles.disabled]: disabled, [styles["with-text-label"]]: textLabel },
           className
@@ -168,7 +168,7 @@ CapIcon.displayName = "CapIcon";
 const AntIcon = ({ className, ...rest }) => /* @__PURE__ */ jsx(
   "i",
   {
-    className: classNames(styles["cap-icon-ant-icon"], className),
+    className: classNames(styles["cap-icon-v2"], className),
     style: { display: "inline-flex", alignItems: "center", justifyContent: "center" },
     ...rest
   }
@@ -181,7 +181,7 @@ const CapIconAvatar = ({
   backgroundProps = {},
   labelProps = {}
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: classNames(styles["cap-icon-avatar"], className), children: [
+  return /* @__PURE__ */ jsxs("div", { className: classNames(styles["cap-icon-v2-avatar"], className), children: [
     /* @__PURE__ */ jsx(LogoBackground, { width, height, ...backgroundProps }),
     text && /* @__PURE__ */ jsx("span", { className: styles["text-label"], ...labelProps, children: text })
   ] });

package/CapIcon/styles.css

@@ -6,50 +6,46 @@
 /* Border Width */
 /* Transition */
 /* Timezones Footer */
-.cap-icon-wrapper {
+.cap-icon-v2 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }
-.cap-icon-wrapper.disabled {
+.cap-icon-v2.disabled {
   cursor: not-allowed;
   opacity: 0.5;
 }
-.cap-icon-wrapper.xs {
+.cap-icon-v2.xs {
   font-size: 0.857rem;
 }
-.cap-icon-wrapper.s {
+.cap-icon-v2.s {
   font-size: 1.143rem;
 }
-.cap-icon-wrapper.m {
+.cap-icon-v2.m {
   font-size: 1.714rem;
 }
-.cap-icon-wrapper.l {
+.cap-icon-v2.l {
   font-size: 2.286rem;
 }
-.cap-icon-wrapper.with-text-label {
+.cap-icon-v2.with-text-label {
   display: inline-flex;
   align-items: center;
   gap: 0.571rem;
 }
-.cap-icon-background-wrapper {
-  display: inline-flex;
+.cap-icon-v2 .anticon {
+  display: flex;
   align-items: center;
   justify-content: center;
-  border-radius: 50%;
-  background-color: #dfe2e7;
 }
-.cap-icon {
-  display: inline-flex;
-  align-items: center;
+.cap-icon-v2.spin {
+  animation: rotate 2s linear infinite;
 }
-.cap-icon .anticon {
-  display: flex;
+.cap-icon-background {
+  display: inline-flex;
   align-items: center;
   justify-content: center;
-}
-.cap-icon.spin {
-  animation: rotate 2s linear infinite;
+  border-radius: 50%;
+  background-color: #dfe2e7;
 }
 @keyframes rotate {
   from {
@@ -59,13 +55,13 @@
     transform: rotate(360deg);
   }
 }
-.cap-icon-avatar {
+.cap-icon-v2-avatar {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   position: relative;
 }
-.cap-icon-avatar .text-label {
+.cap-icon-v2-avatar .text-label {
   position: absolute;
   display: flex;
   align-items: center;

package/CapIcon/styles.module.scss.js

@@ -7,19 +7,18 @@ const anticon = "anticon";
 const spin = "spin";
 const rotate = "rotate";
 const styles = {
-  "cap-icon-wrapper": "cap-icon-wrapper",
+  "cap-icon-v2": "cap-icon-v2",
   disabled,
   xs,
   s,
   m,
   l,
   "with-text-label": "with-text-label",
-  "cap-icon-background-wrapper": "cap-icon-background-wrapper",
-  "cap-icon": "cap-icon",
   anticon,
   spin,
   rotate,
-  "cap-icon-avatar": "cap-icon-avatar",
+  "cap-icon-background": "cap-icon-background",
+  "cap-icon-v2-avatar": "cap-icon-v2-avatar",
   "text-label": "text-label"
 };
 export {

package/CapIcon/styles.scss

@@ -1,6 +1,6 @@
 @import '../styles/_variables';
 
-.cap-icon-wrapper {
+.cap-icon-v2 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -31,19 +31,6 @@
     align-items: center;
     gap: 0.571rem;
   }
-}
-
-.cap-icon-background-wrapper {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  background-color: $cap-g07;
-}
-
-.cap-icon {
-  display: inline-flex;
-  align-items: center;
 
   .anticon {
     display: flex;
@@ -56,6 +43,14 @@
   }
 }
 
+.cap-icon-background {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background-color: $cap-g07;
+}
+
 @keyframes rotate {
   from {
     transform: rotate(0deg);
@@ -65,7 +60,7 @@
   }
 }
 
-.cap-icon-avatar {
+.cap-icon-v2-avatar {
   display: inline-flex;
   align-items: center;
   justify-content: center;

package/CapSelectFilter/types.d.ts

@@ -1,4 +1,4 @@
-import { DropdownProps } from 'antd-v5';
+import type { DropdownProps } from 'antd-v5';
 import React from 'react';
 export interface CapSelectFilterMenuItem {
     key: string;

package/CapSelectFilter/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapSelectFilter/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,cAAc,CAAC;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,SAAS,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,aAAa,GAAG,SAAS,GAAG,KAAK,GAAG,UAAU,CAAC;IACrF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../components/CapSelectFilter/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;CACjC;AAED,MAAM,WAAW,oBACf,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,cAAc,CAAC;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACvC,SAAS,CAAC,EAAE,YAAY,GAAG,QAAQ,GAAG,aAAa,GAAG,SAAS,GAAG,KAAK,GAAG,UAAU,CAAC;IACrF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

package/assets/icons/blocks.svg

@@ -0,0 +1,9 @@
+<svg fill="#000000" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 96.666 96.666" xml:space="preserve">
+  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+  <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
+  <g id="SVGRepo_iconCarrier">
+    <g>
+      <path d="M60.666,6H36v24.666h24.666V6z M56.666,26.666H40V10h16.666V26.666z M0,90.666h24.666V66H0V90.666z M4,70h16.666v16.666H4 V70z M72,66v24.666h24.666V66H72z M92.666,86.666H76V70h16.666V86.666z M15.311,63.066h-4.455V46.4h1.479v-0.067h33.498V35h5 v11.333h33.501V46.4h2.227v16.667h-4.455V51.333H15.311V63.066z"></path>
+    </g>
+  </g>
+</svg>

package/assets/icons/closed-lock.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M2 16C2 13.1716 2 11.7574 2.87868 10.8787C3.75736 10 5.17157 10 8 10H16C18.8284 10 20.2426 10 21.1213 10.8787C22 11.7574 22 13.1716 22 16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H8C5.17157 22 3.75736 22 2.87868 21.1213C2 20.2426 2 18.8284 2 16Z" stroke="#1C274C" stroke-width="1.5"></path> <path d="M6 10V8C6 4.68629 8.68629 2 12 2C15.3137 2 18 4.68629 18 8V10" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> </g></svg>

package/assets/icons/csv.svg

@@ -0,0 +1,21 @@
+<svg viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg" fill="#000000">
+  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+  <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
+  <g id="SVGRepo_iconCarrier">
+    <defs>
+      <style>.cls-1{fill:#101010;}</style>
+    </defs>
+    <title></title>
+    <g id="xxx-word">
+      <path class="cls-1" d="M325,105H250a5,5,0,0,1-5-5V25a5,5,0,1,1,10,0V95h70a5,5,0,0,1,0,10Z"></path>
+      <path class="cls-1" d="M325,154.83a5,5,0,0,1-5-5V102.07L247.93,30H100A20,20,0,0,0,80,50v98.17a5,5,0,0,1-10,0V50a30,30,0,0,1,30-30H250a5,5,0,0,1,3.54,1.46l75,75A5,5,0,0,1,330,100v49.83A5,5,0,0,1,325,154.83Z"></path>
+      <path class="cls-1" d="M300,380H100a30,30,0,0,1-30-30V275a5,5,0,0,1,10,0v75a20,20,0,0,0,20,20H300a20,20,0,0,0,20-20V275a5,5,0,0,1,10,0v75A30,30,0,0,1,300,380Z"></path>
+      <path class="cls-1" d="M275,280H125a5,5,0,1,1,0-10H275a5,5,0,0,1,0,10Z"></path>
+      <path class="cls-1" d="M200,330H125a5,5,0,1,1,0-10h75a5,5,0,0,1,0,10Z"></path>
+      <path class="cls-1" d="M325,280H75a30,30,0,0,1-30-30V173.17a30,30,0,0,1,30-30h.2l250,1.66a30.09,30.09,0,0,1,29.81,30V250A30,30,0,0,1,325,280ZM75,153.17a20,20,0,0,0-20,20V250a20,20,0,0,0,20,20H325a20,20,0,0,0,20-20V174.83a20.06,20.06,0,0,0-19.88-20l-250-1.66Z"></path>
+      <path class="cls-1" d="M168.48,217.48l8.91,1a20.84,20.84,0,0,1-6.19,13.18q-5.33,5.18-14,5.18-7.31,0-11.86-3.67a23.43,23.43,0,0,1-7-10,37.74,37.74,0,0,1-2.46-13.87q0-12.19,5.78-19.82t15.9-7.64a18.69,18.69,0,0,1,13.2,4.88q5.27,4.88,6.64,14l-8.91.94q-2.46-12.07-10.86-12.07-5.39,0-8.38,5t-3,14.55q0,9.69,3.2,14.63t8.48,4.94a9.3,9.3,0,0,0,7.19-3.32A13.25,13.25,0,0,0,168.48,217.48Z"></path>
+      <path class="cls-1" d="M179.41,223.15l9.34-2q1.68,7.93,12.89,7.93,5.12,0,7.87-2a6.07,6.07,0,0,0,2.75-5,7.09,7.09,0,0,0-1.25-4q-1.25-1.85-5.35-2.91l-10.2-2.66a25.1,25.1,0,0,1-7.73-3.11,12.15,12.15,0,0,1-4-4.9,15.54,15.54,0,0,1-1.5-6.76,14,14,0,0,1,5.31-11.46q5.31-4.32,13.59-4.32a24.86,24.86,0,0,1,12.29,3,13.56,13.56,0,0,1,6.89,8.52l-9.14,2.27q-2.11-6.05-9.84-6.05-4.49,0-6.86,1.88a5.83,5.83,0,0,0-2.36,4.77q0,4.57,7.42,6.41l9.06,2.27q8.24,2.07,11.05,6.11a15.29,15.29,0,0,1,2.81,8.93,14.7,14.7,0,0,1-5.92,12.36q-5.92,4.51-15.33,4.51a28,28,0,0,1-13.89-3.32A16.29,16.29,0,0,1,179.41,223.15Z"></path>
+      <path class="cls-1" d="M250.31,236h-9.77L224.1,182.68h10.16l12.23,40.86L259,182.68h8Z"></path>
+    </g>
+  </g>
+</svg>

package/assets/icons/databricks.svg

@@ -0,0 +1,7 @@
+<svg fill="#000000" viewBox="0 0 24 24" role="img" xmlns="http://www.w3.org/2000/svg">
+  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+  <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
+  <g id="SVGRepo_iconCarrier">
+    <path d="M.95 14.184 12 20.403l9.919-5.55v2.21L12 22.662l-10.484-5.96-.565.308v.77L12 24l11.05-6.218v-4.317l-.515-.309L12 19.118l-9.867-5.653v-2.21L12 16.805l11.05-6.218V6.32l-.515-.308L12 11.974 2.647 6.681 12 1.388l7.76 4.368.668-.411v-.566L12 0 .95 6.27v.72L12 13.207l9.919-5.55v2.26L12 15.52 1.516 9.56l-.565.308z"></path>
+  </g>
+</svg>

package/assets/icons/four-join.svg

@@ -0,0 +1,19 @@
+<svg viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <!-- Four input streams (corners) -->
+  <rect x="1" y="1" width="3" height="2.5" rx="0.5" />
+  <rect x="1" y="12.5" width="3" height="2.5" rx="0.5" />
+  <rect x="12" y="1" width="3" height="2.5" rx="0.5" />
+  <rect x="12" y="12.5" width="3" height="2.5" rx="0.5" />
+  
+  <!-- Join node (center) -->
+  <circle cx="8" cy="8" r="3" />
+  
+  <!-- Connection lines -->
+  <path d="M4 2.2 L8 8" stroke="currentColor" stroke-width="1.2"/>
+  <path d="M4 13.8 L8 8" stroke="currentColor" stroke-width="1.2"/>
+  <path d="M12 2.2 L8 8" stroke="currentColor" stroke-width="1.2"/>
+  <path d="M12 13.8 L8 8" stroke="currentColor" stroke-width="1.2"/>
+  
+  <!-- Join symbol -->
+  <path d="M7 8 L9 8 M8 7 L8 9" stroke="white" stroke-width="1.2" stroke-linecap="round"/>
+</svg>

package/assets/icons/http.svg

@@ -0,0 +1,18 @@
+<svg fill="#000000" height="200px" width="200px" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512" xml:space="preserve">
+  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+  <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
+  <g id="SVGRepo_iconCarrier">
+    <g transform="translate(1 1)">
+      <g>
+        <g>
+          <path d="M497.347,391.533h-3.413V101.4c0-18.773-15.36-34.133-34.133-34.133H50.2c-18.773,0-34.133,15.36-34.133,34.133v290.133 h-3.413C4.973,391.533-1,397.507-1,405.187v23.893c0,7.68,5.973,13.653,13.653,13.653h484.693c7.68,0,13.653-5.973,13.653-13.653 v-23.893C511,397.507,505.027,391.533,497.347,391.533z M33.133,101.4c0-9.387,7.68-17.067,17.067-17.067h409.6 c9.387,0,17.067,7.68,17.067,17.067v290.133H299.373l-1.707,5.973c-0.107,0.107-0.227,0.227-0.358,0.355 c-0.922,0.898-2.415,2.205-3.908,2.205h-68.267c-1.28,0-2.133-0.213-2.773-0.64c-0.64-0.427-1.067-1.067-1.493-1.92l-1.707-5.973 H33.133V101.4z M493.933,425.667H16.067V408.6h192c4.267,5.12,10.24,8.533,17.067,8.533H293.4c6.827,0,12.8-3.413,17.067-8.533 h183.467V425.667z"></path>
+          <path d="M459.8,365.933v-256c0-5.12-3.413-8.533-8.533-8.533H58.733c-5.12,0-8.533,3.413-8.533,8.533v256 c0,5.12,3.413,8.533,8.533,8.533h392.533C456.387,374.467,459.8,371.053,459.8,365.933z M442.733,357.4H67.267V118.467h375.467 V357.4z"></path>
+          <path d="M109.933,280.6c5.12,0,8.533-3.413,8.533-8.533v-25.6H152.6v25.6c0,5.12,3.413,8.533,8.533,8.533 s8.533-3.413,8.533-8.533V203.8c0-5.12-3.413-8.533-8.533-8.533s-8.533,3.413-8.533,8.533v25.6h-34.133v-25.6 c0-5.12-3.413-8.533-8.533-8.533s-8.533,3.413-8.533,8.533v68.267C101.4,277.187,104.813,280.6,109.933,280.6z"></path>
+          <path d="M195.267,212.333h17.067v59.733c0,5.12,3.413,8.533,8.533,8.533s8.533-3.413,8.533-8.533v-59.733h17.067 c5.12,0,8.533-3.413,8.533-8.533s-3.413-8.533-8.533-8.533h-51.2c-5.12,0-8.533,3.413-8.533,8.533 S190.147,212.333,195.267,212.333z"></path>
+          <path d="M280.6,212.333h17.067v59.733c0,5.12,3.413,8.533,8.533,8.533s8.533-3.413,8.533-8.533v-59.733H331.8 c5.12,0,8.533-3.413,8.533-8.533s-3.413-8.533-8.533-8.533h-51.2c-5.12,0-8.533,3.413-8.533,8.533S275.48,212.333,280.6,212.333z "></path>
+          <path d="M365.933,280.6c5.12,0,8.533-3.413,8.533-8.533V249.88h10.24c14.507,0,27.307-12.8,27.307-27.307 c0-14.507-11.947-27.307-27.307-27.307h-18.773c-5.12,0-8.533,3.413-8.533,8.533v68.267 C357.4,277.187,360.813,280.6,365.933,280.6z M374.467,212.333h10.24c5.973,0,10.24,5.973,10.24,11.093 c0,5.12-4.267,10.24-10.24,10.24h-10.24V212.333z"></path>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>

package/assets/icons/kafka.svg

@@ -0,0 +1,9 @@
+<svg viewBox="-78.5 0 413 413" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid" fill="#000000">
+  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+  <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
+  <g id="SVGRepo_iconCarrier">
+    <g>
+      <path d="M87.9320692,36.714181 C83.382936,32.1427482 77.0364491,29.3196096 69.9808327,29.3196096 C62.9519759,29.3196096 56.6545483,32.1427482 52.1589343,36.714181 L52.0295962,36.714181 C47.4938428,41.2633143 44.6707042,47.614261 44.6707042,54.6431179 C44.6707042,61.6987343 47.4938428,67.9961618 52.0295962,72.5185355 L52.1589343,72.6211139 C56.6545483,77.1702472 62.9519759,79.9666261 69.9808327,79.9666261 C77.0364491,79.9666261 83.382936,77.1702472 87.9320692,72.6211139 L87.9989682,72.5185355 C92.5570213,67.9961618 95.3534002,61.6987343 95.3534002,54.6431179 C95.3534002,47.614261 92.5570213,41.2633143 87.9989682,36.714181 L87.9320692,36.714181 Z M69.9808327,383.353672 C77.0364491,383.353672 83.382936,380.481475 87.9320692,375.985861 L87.9989682,375.852063 C92.5570213,371.365368 95.3534002,365.014422 95.3534002,358.034624 C95.3534002,350.979008 92.5570213,344.654821 87.9989682,340.083388 L87.9320692,340.083388 C83.382936,335.458436 77.0364491,332.662057 69.9808327,332.662057 C62.9519759,332.662057 56.6545483,335.458436 52.1589343,340.083388 L52.0295962,340.083388 C47.4938428,344.654821 44.6707042,350.979008 44.6707042,358.034624 C44.6707042,365.014422 47.4938428,371.365368 52.0295962,375.852063 L52.1589343,375.985861 C56.6545483,380.481475 62.9519759,383.353672 69.9808327,383.353672 Z M207.953367,306.633879 C214.228495,304.988163 219.910452,300.960842 223.375821,294.873031 L223.844114,293.985504 C226.925929,288.209889 227.487881,281.546747 225.842165,275.641794 C224.183069,269.317607 220.106689,263.724849 214.032258,260.2238 L213.679923,259.987423 C207.76159,256.745051 201.018169,256.040381 194.82332,257.712857 C188.525893,259.282754 182.870696,263.488472 179.423166,269.527223 C175.931037,275.507996 175.199608,282.407514 176.872084,288.758461 C178.598078,295.002369 182.634319,300.648647 188.66861,304.176455 L188.70875,304.176455 C194.756421,307.650744 201.60688,308.279595 207.953367,306.633879 Z M95.9688712,180.386512 C89.3146489,173.750129 80.1450235,169.59347 69.9808327,169.59347 C59.8567813,169.59347 50.7094556,173.750129 44.0686131,180.386512 C37.4589901,187.000595 33.38261,196.147921 33.38261,206.285352 C33.38261,216.449543 37.4589901,225.623628 44.0686131,232.31353 C50.7094556,238.896393 59.8567813,243.026292 69.9808327,243.026292 C80.1450235,243.026292 89.3146489,238.896393 95.9688712,232.31353 C102.591874,225.623628 106.668254,216.449543 106.668254,206.285352 C106.668254,196.147921 102.591874,187.000595 95.9688712,180.386512 Z M81.3581257,137.223266 C96.0848295,139.64947 109.335295,146.705086 119.445967,156.896037 L119.526245,156.896037 C121.131822,158.514993 122.701719,160.267747 124.151198,162.042801 L149.434566,147.414216 C146.036096,137.142987 145.879999,126.403464 148.609478,116.341852 C152.217565,102.85501 160.959037,90.7819674 174.062325,83.2045386 L174.494938,82.9458624 C187.455508,75.6003502 202.191132,74.0839725 215.495117,77.6920595 C228.964119,81.2956866 241.11744,90.0772977 248.681489,103.171665 L248.681489,103.198425 C256.209859,116.212514 257.739616,131.157755 254.144909,144.591077 C250.563582,158.069 241.781971,170.222321 228.692063,177.746231 L225.240074,179.788881 L224.887739,179.788881 C212.779016,185.560036 199.461652,186.452023 187.232511,183.23641 C177.188739,180.569369 167.974514,174.976611 160.7628,167.006708 L135.519571,181.590694 C138.418528,189.270702 140.028564,197.55726 140.028564,206.285352 C140.028564,214.986684 138.418528,223.375821 135.519571,231.109347 L160.7628,245.639814 C167.974514,237.567333 177.188739,232.077153 187.232511,229.410112 C200.701514,225.726206 215.637835,227.296103 228.692063,234.900292 L229.526071,235.292766 L229.526071,235.346285 C242.138765,242.972773 250.603721,254.78714 254.144909,268.113424 C257.739616,281.466468 256.209859,296.416169 248.681489,309.457017 L248.226576,310.371304 L248.173057,310.291025 C240.609008,322.86358 228.692063,331.382055 215.535256,334.985683 C202.035034,338.54025 187.103173,337.023873 174.062325,329.526723 L174.062325,329.419684 C160.959037,321.842255 152.217565,309.742453 148.609478,296.286831 C145.879999,286.251978 146.036096,275.507996 149.434566,265.241226 L124.151198,250.65724 C122.701719,252.436754 121.131822,254.10923 119.526245,255.728186 L119.445967,255.804005 C109.335295,265.945896 96.0848295,273.001512 81.3581257,275.351898 L81.3581257,304.568929 C91.8523516,306.763217 101.258354,312.01702 108.630625,319.384832 L108.666305,319.46511 C118.54506,329.290346 124.65963,342.982345 124.65963,358.034624 C124.65963,373.037844 118.54506,386.645104 108.666305,396.523859 L108.630625,396.679957 C98.6849713,406.558712 85.0331117,412.673282 69.9808327,412.673282 C55.0088325,412.673282 41.3391332,406.558712 31.4202388,396.679957 L31.3845593,396.679957 L31.3845593,396.523859 C21.4924245,386.645104 15.3644745,373.037844 15.3644745,358.034624 C15.3644745,342.982345 21.4924245,329.290346 31.3845593,319.46511 L31.3845593,319.384832 L31.4202388,319.384832 C38.7791307,312.01702 48.1985125,306.763217 58.6659788,304.568929 L58.6659788,275.351898 C43.9258952,273.001512 30.7155691,265.945896 20.6182773,255.804005 L20.5112389,255.728186 C7.88962418,243.053052 0,225.623628 0,206.285352 C0,187.000595 7.88962418,169.571171 20.5112389,156.896037 L20.6182773,156.896037 C30.7155691,146.705086 43.9258952,139.64947 58.6659788,137.223266 L58.6659788,108.135573 C48.1985125,105.861006 38.7791307,100.611663 31.4202388,93.2929105 L31.3845593,93.2929105 L31.3845593,93.2126317 C21.4924245,83.2848174 15.3644745,69.6953969 15.3644745,54.6431179 C15.3644745,39.6666577 21.4924245,25.9478991 31.3845593,16.0691441 L31.4202388,16.0200848 C41.3391332,6.11457024 55.0088325,0 69.9808327,0 C85.0331117,0 98.6849713,6.11457024 108.630625,16.0200848 L108.630625,16.0691441 L108.666305,16.0691441 C118.54506,25.9478991 124.65963,39.6666577 124.65963,54.6431179 C124.65963,69.6953969 118.54506,83.2848174 108.666305,93.2126317 L108.630625,93.2929105 C101.258354,100.611663 91.8523516,105.861006 81.3581257,108.135573 L81.3581257,137.223266 Z M223.375821,117.83147 L223.166204,117.519275 C219.674075,111.636621 214.108077,107.716339 207.953367,106.017104 C201.60688,104.344628 194.756421,105.053758 188.66861,108.528047 L188.70875,108.528047 C182.634319,111.975576 178.571319,117.621853 176.872084,123.946041 C175.199608,130.216708 175.931037,137.142987 179.423166,143.177278 L179.539124,143.337836 C183.040173,149.291848 188.606171,153.28795 194.82332,154.906906 C201.071688,156.65966 208.033646,155.928231 214.032258,152.427182 L214.357833,152.271085 C220.262787,148.743276 224.196449,143.177278 225.842165,137.062708 C227.51464,130.76528 226.85011,123.865762 223.375821,117.83147 Z" fill="#1A1919"></path>
+    </g>
+  </g>
+</svg>

package/assets/icons/open-lock.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M2 16C2 13.1716 2 11.7574 2.87868 10.8787C3.75736 10 5.17157 10 8 10H16C18.8284 10 20.2426 10 21.1213 10.8787C22 11.7574 22 13.1716 22 16C22 18.8284 22 20.2426 21.1213 21.1213C20.2426 22 18.8284 22 16 22H8C5.17157 22 3.75736 22 2.87868 21.1213C2 20.2426 2 18.8284 2 16Z" stroke="#1C274C" stroke-width="1.5"></path> <path d="M6 10V8C6 4.68629 8.68629 2 12 2C14.7958 2 17.1449 3.91216 17.811 6.5" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round"></path> </g></svg>

package/assets/icons/s3.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0 0 48 48">
+<path fill="#ff8f00" d="M42 11L47.691 9 42 7 36.309 9zM43 12.667L43 19 48 17.333 48 11zM41 12.667L36 11 36 17.333 41 19zM28 11L33.691 9 28 7 22.309 9zM29 12.667L29 19 34 17.333 34 11zM27 12.667L22 11 22 17.333 27 19zM21 23L26.691 21 21 19 15.309 21zM22 24.667L22 31 27 29.333 27 23zM20 24.667L15 23 15 29.333 20 31zM7 23L12.691 21 7 19 1.309 21zM8 24.667L8 31 13 29.333 13 23zM6 24.667L1 23 1 29.333 6 31zM14 35L19.691 33 14 31 8.309 33zM15 36.667L15 43 20 41.333 20 35zM13 36.667L8 35 8 41.333 13 43z"></path>
+</svg>

package/assets/icons/sftp.svg

@@ -0,0 +1,32 @@
+<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg">
+  <defs>
+    <!-- Orange Gradient -->
+    <linearGradient id="orangeGrad" x1="0" y1="0" x2="0" y2="1">
+      <stop offset="0%" stop-color="#F6B347"/>
+      <stop offset="100%" stop-color="#E9893A"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Outer Circle -->
+  <circle cx="32" cy="32" r="30" fill="url(#orangeGrad)" stroke="#E0E0E0" stroke-width="2"/>
+
+  <!-- Cloud -->
+  <path d="M22 38
+           C16 38, 15 30, 22 29
+           C23 24, 29 23, 32 27
+           C37 24, 43 27, 42 32
+           C46 32, 47 38, 41 38
+           Z"
+        fill="#FFFFFF"/>
+
+  <!-- Text -->
+  <text x="32"
+        y="35"
+        text-anchor="middle"
+        font-family="Arial, Helvetica, sans-serif"
+        font-size="12"
+        font-weight="bold"
+        fill="#E9893A">
+    SFTP
+  </text>
+</svg>

package/assets/icons/split-json.svg

@@ -0,0 +1,9 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#000000">
+  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+  <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
+  <g id="SVGRepo_iconCarrier">
+    <title>language_json</title>
+    <rect width="24" height="24" fill="none"></rect>
+    <path d="M5,3H7V5H5v5a2,2,0,0,1-2,2,2,2,0,0,1,2,2v5H7v2H5c-1.07-.27-2-.9-2-2V15a2,2,0,0,0-2-2H0V11H1A2,2,0,0,0,3,9V5A2,2,0,0,1,5,3M19,3a2,2,0,0,1,2,2V9a2,2,0,0,0,2,2h1v2H23a2,2,0,0,0-2,2v4a2,2,0,0,1-2,2H17V19h2V14a2,2,0,0,1,2-2,2,2,0,0,1-2-2V5H17V3h2M12,15a1,1,0,1,1-1,1,1,1,0,0,1,1-1M8,15a1,1,0,1,1-1,1,1,1,0,0,1,1-1m8,0a1,1,0,1,1-1,1A1,1,0,0,1,16,15Z"></path>
+  </g>
+</svg>

package/assets/icons/three-join.svg

@@ -0,0 +1,17 @@
+<svg viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <!-- Three input streams -->
+  <rect x="1" y="2" width="3.5" height="2.5" rx="0.6" />
+  <rect x="1" y="6.5" width="3.5" height="2.5" rx="0.6" />
+  <rect x="1" y="11" width="3.5" height="2.5" rx="0.6" />
+  
+  <!-- Join node -->
+  <circle cx="11" cy="8" r="3.5" />
+  
+  <!-- Connection lines -->
+  <path d="M4.5 3.2 L11 8" stroke="currentColor" stroke-width="1.3"/>
+  <path d="M4.5 7.8 L11 8" stroke="currentColor" stroke-width="1.3"/>
+  <path d="M4.5 12.2 L11 8" stroke="currentColor" stroke-width="1.3"/>
+  
+  <!-- Join symbol -->
+  <path d="M10 8 L12 8 M11 7 L11 9" stroke="white" stroke-width="1.2" stroke-linecap="round"/>
+</svg>

package/assets/icons/two-join.svg

@@ -0,0 +1,15 @@
+<svg viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <!-- Two input streams -->
+  <rect x="2" y="3" width="4" height="3" rx="0.8" />
+  <rect x="2" y="10" width="4" height="3" rx="0.8" />
+  
+  <!-- Join node -->
+  <circle cx="11" cy="8" r="3" />
+  
+  <!-- Connection lines -->
+  <path d="M6 4.5 L11 8" stroke="currentColor" stroke-width="1.5"/>
+  <path d="M6 11.5 L11 8" stroke="currentColor" stroke-width="1.5"/>
+  
+  <!-- Join symbol -->
+  <path d="M10 8 L12 8 M11 7 L11 9" stroke="white" stroke-width="1.2" stroke-linecap="round"/>
+</svg>

package/assets/icons/xml.svg

@@ -0,0 +1,12 @@
+<svg viewBox="-4 0 64 64" xmlns="http://www.w3.org/2000/svg" fill="#000000">
+  <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
+  <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
+  <g id="SVGRepo_iconCarrier">
+    <path d="M5.112-.024c-2.803 0-5.074 2.272-5.074 5.074v53.841c0 2.803 2.271 5.074 5.074 5.074h45.774c2.801 0 5.074-2.271 5.074-5.074v-38.606l-18.902-20.309h-31.946z" fill-rule="evenodd" clip-rule="evenodd" fill="#FC7B24"></path>
+    <g fill-rule="evenodd" clip-rule="evenodd">
+      <path d="M55.977 20.352v1h-12.799s-6.312-1.26-6.129-6.707c0 0 .208 5.707 6.004 5.707h12.924z" fill="#FB5C1B"></path>
+      <path d="M37.074 0v14.561c0 1.656 1.104 5.791 6.104 5.791h12.799l-18.903-20.352z" opacity=".5" fill="#ffffff"></path>
+    </g>
+    <path d="M19.371 53.848c-.217 0-.414-.089-.541-.27l-3.727-4.97-3.745 4.97c-.126.181-.323.27-.54.27-.396 0-.721-.306-.721-.72 0-.144.037-.306.145-.432l3.889-5.131-3.619-4.826c-.09-.126-.144-.27-.144-.414 0-.343.288-.721.72-.721.217 0 .433.108.576.288l3.439 4.627 3.439-4.646c.125-.18.324-.27.54-.27.378 0 .737.306.737.721 0 .144-.035.288-.125.414l-3.619 4.808 3.889 5.149c.09.126.127.27.127.415.001.396-.323.738-.72.738zm14.455-.018c-.414 0-.738-.324-.738-.738v-9.254l-4.033 9.759c-.055.143-.2.233-.379.233-.144 0-.287-.09-.342-.234l-4.016-9.759v9.254c0 .414-.324.738-.756.738-.414 0-.738-.324-.738-.738v-10.262c0-.648.559-1.207 1.242-1.207.486 0 .99.288 1.188.756l3.438 8.373 3.457-8.373c.199-.468.686-.756 1.189-.756.684 0 1.242.558 1.242 1.207v10.263c.002.414-.322.738-.754.738zm10.546-.108h-5.456c-.594 0-1.08-.486-1.08-1.081v-10.316c0-.396.324-.721.774-.721.396 0 .72.324.72.721v10.065h5.042c.36 0 .647.288.647.648.001.396-.287.684-.647.684z" fill="#ffffff"></path>
+  </g>
+</svg>

package/assets/svgIcons/Icons/RewardsOutline.js

@@ -5,14 +5,16 @@ const SvgRewardsOutline = (props) => /* @__PURE__ */ jsx(
     xmlns: "http://www.w3.org/2000/svg",
     width: "1em",
     height: "1em",
-    viewBox: "0 0 16 16",
-    fill: "none",
+    fill: "currentColor",
+    viewBox: "0 0 14 13",
     ...props,
     children: /* @__PURE__ */ jsx(
       "path",
       {
-        d: "M2.66671 13.3333V7.33329C2.30004 7.33329 1.98615 7.20274 1.72504 6.94163C1.46393 6.68052 1.33337 6.36663 1.33337 5.99996V4.66663C1.33337 4.29996 1.46393 3.98607 1.72504 3.72496C1.98615 3.46385 2.30004 3.33329 2.66671 3.33329H4.80004C4.74448 3.23329 4.70837 3.12774 4.69171 3.01663C4.67504 2.90552 4.66671 2.78885 4.66671 2.66663C4.66671 2.11107 4.86115 1.63885 5.25004 1.24996C5.63893 0.86107 6.11115 0.666626 6.66671 0.666626C6.92226 0.666626 7.16115 0.713848 7.38337 0.808292C7.6056 0.902737 7.81115 1.03329 8.00004 1.19996C8.18893 1.02218 8.39448 0.888848 8.61671 0.799959C8.83893 0.71107 9.07782 0.666626 9.33337 0.666626C9.88893 0.666626 10.3611 0.86107 10.75 1.24996C11.1389 1.63885 11.3333 2.11107 11.3333 2.66663C11.3333 2.78885 11.3222 2.90274 11.3 3.00829C11.2778 3.11385 11.2444 3.22218 11.2 3.33329H13.3333C13.7 3.33329 14.0139 3.46385 14.275 3.72496C14.5361 3.98607 14.6667 4.29996 14.6667 4.66663V5.99996C14.6667 6.36663 14.5361 6.68052 14.275 6.94163C14.0139 7.20274 13.7 7.33329 13.3333 7.33329V13.3333C13.3333 13.7 13.2028 14.0139 12.9417 14.275C12.6806 14.5361 12.3667 14.6667 12 14.6667H4.00004C3.63337 14.6667 3.31948 14.5361 3.05837 14.275C2.79726 14.0139 2.66671 13.7 2.66671 13.3333ZM9.33337 1.99996C9.14448 1.99996 8.98615 2.06385 8.85837 2.19163C8.7306 2.3194 8.66671 2.47774 8.66671 2.66663C8.66671 2.85552 8.7306 3.01385 8.85837 3.14163C8.98615 3.2694 9.14448 3.33329 9.33337 3.33329C9.52226 3.33329 9.6806 3.2694 9.80837 3.14163C9.93615 3.01385 10 2.85552 10 2.66663C10 2.47774 9.93615 2.3194 9.80837 2.19163C9.6806 2.06385 9.52226 1.99996 9.33337 1.99996ZM6.00004 2.66663C6.00004 2.85552 6.06393 3.01385 6.19171 3.14163C6.31948 3.2694 6.47782 3.33329 6.66671 3.33329C6.8556 3.33329 7.01393 3.2694 7.14171 3.14163C7.26948 3.01385 7.33337 2.85552 7.33337 2.66663C7.33337 2.47774 7.26948 2.3194 7.14171 2.19163C7.01393 2.06385 6.8556 1.99996 6.66671 1.99996C6.47782 1.99996 6.31948 2.06385 6.19171 2.19163C6.06393 2.3194 6.00004 2.47774 6.00004 2.66663ZM2.66671 4.66663V5.99996H7.33337V4.66663H2.66671ZM7.33337 13.3333V7.33329H4.00004V13.3333H7.33337ZM8.66671 13.3333H12V7.33329H8.66671V13.3333ZM13.3333 5.99996V4.66663H8.66671V5.99996H13.3333Z",
-        fill: "currentColor"
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M12.333 3H10.88c.073-.207.12-.434.12-.667a1.997 1.997 0 0 0-3.667-1.1L7 1.68l-.334-.454A2.008 2.008 0 0 0 5 .333c-1.107 0-2 .893-2 2 0 .233.046.46.12.667H1.666C.926 3 .34 3.593.34 4.333l-.007 7.333c0 .74.593 1.334 1.333 1.334h10.667c.74 0 1.333-.594 1.333-1.334V4.333c0-.74-.593-1.333-1.333-1.333M9 1.666c.366 0 .666.3.666.667C9.666 2.7 9.366 3 9 3a.669.669 0 0 1-.667-.667c0-.367.3-.667.667-.667m-3.334.667c0-.367-.3-.667-.666-.667-.367 0-.667.3-.667.667 0 .367.3.667.667.667.366 0 .666-.3.666-.667m6.667 9.333H1.666v-1.333h10.667zM1.666 8.333h10.667v-4H8.946l1.387 1.887-1.08.78-1.587-2.16L7 3.933l-.667.907L4.746 7l-1.08-.78 1.387-1.887H1.666z",
+        clipRule: "evenodd"
       }
     )
   }

package/assets/svgIcons/Icons/ThreeStars.js

@@ -1,57 +1,39 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import React from "react";
 const ThreeStars = (props) => {
-  const id = React.useId().replace(/:/g, "");
-  const idPrefix = `aira-${id}`;
   return /* @__PURE__ */ jsxs(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
-      width: "1em",
-      height: "1em",
-      viewBox: "0 0 16 16",
+      width: "14.667",
+      height: "14.667",
       fill: "none",
+      viewBox: "0 0 14.667 14.667",
       ...props,
       children: [
-        /* @__PURE__ */ jsxs("g", { clipPath: `url(#${idPrefix}-clip)`, children: [
-          /* @__PURE__ */ jsx(
-            "mask",
-            {
-              id: `${idPrefix}-mask`,
-              style: { maskType: "luminance" },
-              maskUnits: "userSpaceOnUse",
-              x: "0",
-              y: "0",
-              width: "16",
-              height: "16",
-              children: /* @__PURE__ */ jsx("path", { d: "M16 0H0V16H16V0Z", fill: "white" })
-            }
-          ),
-          /* @__PURE__ */ jsx("g", { mask: `url(#${idPrefix}-mask)`, children: /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: "M12.6667 5.99996L13.5 4.16663L15.3333 3.33329L13.5 2.49996L12.6667 0.666626L11.8333 2.49996L9.99996 3.33329L11.8333 4.16663L12.6667 5.99996ZM7.66663 6.33329L5.99996 2.66663L4.33329 6.33329L0.666626 7.99996L4.33329 9.66663L5.99996 13.3333L7.66663 9.66663L11.3333 7.99996L7.66663 6.33329ZM12.6667 9.99996L11.8333 11.8333L9.99996 12.6667L11.8333 13.5L12.6667 15.3333L13.5 13.5L15.3333 12.6667L13.5 11.8333L12.6667 9.99996Z",
-              fill: `url(#${idPrefix}-gradient)`
-            }
-          ) })
-        ] }),
+        /* @__PURE__ */ jsx("g", { clipPath: "url(#clip0_310_2294)", transform: "translate(-.667 -.666)", children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "url(#paint0_linear_310_2294)",
+            d: "M12.667 6l.833-1.834 1.834-.833L13.5 2.5 12.667.667 11.834 2.5 10 3.333l1.834.833zm-5 .333L6 2.666 4.334 6.333.667 8l3.667 1.667L6 13.333l1.667-3.666L11.334 8zm5 3.667l-.833 1.833-1.834.834 1.834.833.833 1.833.833-1.833 1.834-.833-1.834-.834z"
+          }
+        ) }),
         /* @__PURE__ */ jsxs("defs", { children: [
           /* @__PURE__ */ jsxs(
             "linearGradient",
             {
-              id: `${idPrefix}-gradient`,
-              x1: "3.66663",
-              y1: "0.666626",
-              x2: "18.6667",
-              y2: "0.666626",
+              id: "paint0_linear_310_2294",
+              x1: "0.667",
+              x2: "15.333",
+              y1: "8",
+              y2: "8",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx("stop", { offset: "0.255", stopColor: "#6268FF" }),
-                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#3BA7FF" })
+                /* @__PURE__ */ jsx("stop", { offset: "0.473", stopColor: "#BCC6FE" }),
+                /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#A6DEFF" })
               ]
             }
           ),
-          /* @__PURE__ */ jsx("clipPath", { id: `${idPrefix}-clip`, children: /* @__PURE__ */ jsx("rect", { width: "16", height: "16", fill: "white" }) })
+          /* @__PURE__ */ jsx("clipPath", { id: "clip0_310_2294", children: /* @__PURE__ */ jsx("path", { fill: "#fff", d: "M0 0H16V16H0z" }) })
         ] })
       ]
     }