@dev-blinq/ui-systems 1.0.135 → 1.0.136

package/dist/index.mjs

@@ -672,7 +672,7 @@ const Dt = ({ children: e, Size: t, category: n, bold: r, sx: i, ...a }) => /* @
     ...a,
     children: e
   }
-), J6 = ({
+), Z6 = ({
   size: e = "lg",
   colorHierarchy: t = "brand/primary",
   disabled: n = !1,
@@ -1540,7 +1540,7 @@ const mp = [
 const yp = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], lu = Ke("x", yp), Q6 = (e) => /* @__PURE__ */ ke.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", ...e }, /* @__PURE__ */ ke.createElement("path", { d: "M17.5 12.5786C17.5 14.8829 15.9627 16.7559 13.6819 16.7503H6.31811C4.0373 16.7559 2.5 14.8829 2.5 12.5786V7.42754C2.5 5.12565 4.0373 3.25024 6.31811 3.25024H13.6819C15.9627 3.25024 17.5 5.12565 17.5 7.42754V12.5786Z", stroke: "#939197", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ ke.createElement("path", { d: "M14.4267 7.63843L11.0943 10.3482C10.4667 10.8468 9.57726 10.8468 8.94968 10.3482L5.58887 7.63843", stroke: "#939197", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), vp = (e) => /* @__PURE__ */ ke.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", ...e }, /* @__PURE__ */ ke.createElement("path", { d: "M13.5306 8.53065L8.5306 13.5307C8.46083 13.6004 8.37801 13.6558 8.28686 13.6935C8.19571 13.7313 8.09801 13.7507 7.99935 13.7507C7.90069 13.7507 7.80299 13.7313 7.71184 13.6935C7.62069 13.6558 7.53786 13.6004 7.4681 13.5307C7.39833 13.4609 7.34299 13.3781 7.30524 13.2869C7.26748 13.1958 7.24805 13.0981 7.24805 12.9994C7.24805 12.9007 7.26748 12.803 7.30524 12.7119C7.34299 12.6207 7.39833 12.5379 7.4681 12.4682L12.4681 7.46815C12.5379 7.39839 12.6207 7.34304 12.7118 7.30529C12.803 7.26753 12.9007 7.2481 12.9993 7.2481C13.098 7.2481 13.1957 7.26753 13.2869 7.30529C13.378 7.34304 13.4608 7.39839 13.5306 7.46815C13.6004 7.53791 13.6557 7.62074 13.6935 7.71189C13.7312 7.80304 13.7506 7.90074 13.7506 7.9994C13.7506 8.09806 13.7312 8.19576 13.6935 8.28691C13.6557 8.37806 13.6004 8.46089 13.5306 8.53065ZM12.5306 1.96815C12.4609 1.89823 12.3781 1.84275 12.287 1.8049C12.1958 1.76704 12.0981 1.74756 11.9993 1.74756C11.9006 1.74756 11.8029 1.76704 11.7117 1.8049C11.6206 1.84275 11.5378 1.89823 11.4681 1.96815L1.9681 11.4682C1.8272 11.609 1.74805 11.8001 1.74805 11.9994C1.74805 12.1987 1.8272 12.3898 1.9681 12.5307C2.10899 12.6715 2.30009 12.7507 2.49935 12.7507C2.69861 12.7507 2.8897 12.6715 3.0306 12.5307L12.5306 3.03065C12.6003 2.961 12.6556 2.87828 12.6934 2.78723C12.7311 2.69618 12.7506 2.59859 12.7506 2.50003C12.7506 2.40146 12.7311 2.30387 12.6934 2.21282C12.6556 2.12177 12.6003 2.03905 12.5306 1.9694V1.96815Z", fill: "#717076" })), e3 = (e) => /* @__PURE__ */ A.jsx(xp, { ...e }), hi = (e) => /* @__PURE__ */ A.jsx(lu, { ...e }), uu = (e) => /* @__PURE__ */ A.jsx(Xh, { ...e }), Fi = (e) => /* @__PURE__ */ A.jsx(Kh, { ...e }), bp = (e) => /* @__PURE__ */ A.jsx(cp, { ...e }), yo = (e) => /* @__PURE__ */ A.jsx(zh, { ...e }), Cp = (e) => /* @__PURE__ */ A.jsx(ip, { ...e }), Ap = (e) => /* @__PURE__ */ A.jsx(np, { ...e }), fu = (e) => /* @__PURE__ */ A.jsx(hp, { ...e }), du = (e) => /* @__PURE__ */ A.jsx(gp, { ...e }), hu = (e) => /* @__PURE__ */ A.jsx(ep, { ...e }), Ep = (e) => /* @__PURE__ */ A.jsx(fp, { ...e }), t3 = (e) => /* @__PURE__ */ A.jsx(Jh, { ...e }), pu = (e) => /* @__PURE__ */ A.jsx(Yh, { ...e }), Sp = (e) => /* @__PURE__ */ A.jsx(Sp, { ...e }), n3 = ({
+], lu = Ke("x", yp), J6 = (e) => /* @__PURE__ */ ke.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 20, height: 20, viewBox: "0 0 20 20", fill: "none", ...e }, /* @__PURE__ */ ke.createElement("path", { d: "M17.5 12.5786C17.5 14.8829 15.9627 16.7559 13.6819 16.7503H6.31811C4.0373 16.7559 2.5 14.8829 2.5 12.5786V7.42754C2.5 5.12565 4.0373 3.25024 6.31811 3.25024H13.6819C15.9627 3.25024 17.5 5.12565 17.5 7.42754V12.5786Z", stroke: "#939197", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ ke.createElement("path", { d: "M14.4267 7.63843L11.0943 10.3482C10.4667 10.8468 9.57726 10.8468 8.94968 10.3482L5.58887 7.63843", stroke: "#939197", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })), vp = (e) => /* @__PURE__ */ ke.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", ...e }, /* @__PURE__ */ ke.createElement("path", { d: "M13.5306 8.53065L8.5306 13.5307C8.46083 13.6004 8.37801 13.6558 8.28686 13.6935C8.19571 13.7313 8.09801 13.7507 7.99935 13.7507C7.90069 13.7507 7.80299 13.7313 7.71184 13.6935C7.62069 13.6558 7.53786 13.6004 7.4681 13.5307C7.39833 13.4609 7.34299 13.3781 7.30524 13.2869C7.26748 13.1958 7.24805 13.0981 7.24805 12.9994C7.24805 12.9007 7.26748 12.803 7.30524 12.7119C7.34299 12.6207 7.39833 12.5379 7.4681 12.4682L12.4681 7.46815C12.5379 7.39839 12.6207 7.34304 12.7118 7.30529C12.803 7.26753 12.9007 7.2481 12.9993 7.2481C13.098 7.2481 13.1957 7.26753 13.2869 7.30529C13.378 7.34304 13.4608 7.39839 13.5306 7.46815C13.6004 7.53791 13.6557 7.62074 13.6935 7.71189C13.7312 7.80304 13.7506 7.90074 13.7506 7.9994C13.7506 8.09806 13.7312 8.19576 13.6935 8.28691C13.6557 8.37806 13.6004 8.46089 13.5306 8.53065ZM12.5306 1.96815C12.4609 1.89823 12.3781 1.84275 12.287 1.8049C12.1958 1.76704 12.0981 1.74756 11.9993 1.74756C11.9006 1.74756 11.8029 1.76704 11.7117 1.8049C11.6206 1.84275 11.5378 1.89823 11.4681 1.96815L1.9681 11.4682C1.8272 11.609 1.74805 11.8001 1.74805 11.9994C1.74805 12.1987 1.8272 12.3898 1.9681 12.5307C2.10899 12.6715 2.30009 12.7507 2.49935 12.7507C2.69861 12.7507 2.8897 12.6715 3.0306 12.5307L12.5306 3.03065C12.6003 2.961 12.6556 2.87828 12.6934 2.78723C12.7311 2.69618 12.7506 2.59859 12.7506 2.50003C12.7506 2.40146 12.7311 2.30387 12.6934 2.21282C12.6556 2.12177 12.6003 2.03905 12.5306 1.9694V1.96815Z", fill: "#717076" })), Q6 = (e) => /* @__PURE__ */ A.jsx(xp, { ...e }), hi = (e) => /* @__PURE__ */ A.jsx(lu, { ...e }), uu = (e) => /* @__PURE__ */ A.jsx(Xh, { ...e }), Fi = (e) => /* @__PURE__ */ A.jsx(Kh, { ...e }), bp = (e) => /* @__PURE__ */ A.jsx(cp, { ...e }), yo = (e) => /* @__PURE__ */ A.jsx(zh, { ...e }), Cp = (e) => /* @__PURE__ */ A.jsx(ip, { ...e }), Ap = (e) => /* @__PURE__ */ A.jsx(np, { ...e }), fu = (e) => /* @__PURE__ */ A.jsx(hp, { ...e }), du = (e) => /* @__PURE__ */ A.jsx(gp, { ...e }), hu = (e) => /* @__PURE__ */ A.jsx(ep, { ...e }), Ep = (e) => /* @__PURE__ */ A.jsx(fp, { ...e }), e3 = (e) => /* @__PURE__ */ A.jsx(Jh, { ...e }), pu = (e) => /* @__PURE__ */ A.jsx(Yh, { ...e }), Sp = (e) => /* @__PURE__ */ A.jsx(Sp, { ...e }), t3 = ({
   size: e = "lg",
   designType: t = "default",
   disabled: n = !1,
@@ -1571,7 +1571,7 @@ const yp = [
     /* @__PURE__ */ A.jsx(Nh, { ...d }),
     i && /* @__PURE__ */ A.jsx("p", { className: "error-message-input", children: a })
   ] });
-}, r3 = ({
+}, n3 = ({
   placeholder: e,
   disabled: t = !1,
   errExists: n = !1,
@@ -1648,7 +1648,7 @@ const yp = [
       )
     ] })
   ] });
-}, i3 = ({
+}, r3 = ({
   size: e = "md",
   disabled: t = !1,
   children: n,
@@ -1672,7 +1672,7 @@ const yp = [
     /* @__PURE__ */ A.jsx("span", { className: "checkmark" }),
     n
   ] });
-}, a3 = ({
+}, i3 = ({
   size: e = "md",
   disabled: t = !1,
   children: n,
@@ -1696,7 +1696,7 @@ const yp = [
     /* @__PURE__ */ A.jsx("span", { className: "checkmark" }),
     n
   ] });
-}, o3 = ({
+}, a3 = ({
   left: e,
   right: t,
   onToggle: n,
@@ -1761,7 +1761,7 @@ const yp = [
     ))
   ] });
 };
-function s3({
+function o3({
   showFirst: e,
   firstComponent: t,
   secondComponent: n
@@ -6293,8 +6293,8 @@ const Zr = {
   modeStorageKey: "mui-mode"
 }, {
   CssVarsProvider: Gm,
-  useColorScheme: c3,
-  getInitColorSchemeScript: l3
+  useColorScheme: s3,
+  getInitColorSchemeScript: c3
 } = xh({
   themeId: hn,
   // @ts-ignore ignore module augmentation tests
@@ -6473,7 +6473,7 @@ const L0 = Wm(Zd)(({ theme: e }) => ({
   /* @__PURE__ */ A.jsx(Jr, { size: 16 }),
   /* @__PURE__ */ A.jsx(Jr, { size: 16 }),
   /* @__PURE__ */ A.jsx(Jr, { size: 16 })
-], u3 = ({ noDialog: e }) => {
+], l3 = ({ noDialog: e }) => {
   const [t, n] = ge(0), [r, i] = ge(1), a = 4;
   return ht(() => {
     const o = setInterval(() => {
@@ -6528,7 +6528,7 @@ const L0 = Wm(Zd)(({ theme: e }) => ({
   "&:focus": {
     outline: "none"
   }
-})), f3 = ft.forwardRef(
+})), u3 = ft.forwardRef(
   ({ children: e, ...t }, n) => /* @__PURE__ */ A.jsx(
     ig,
     {
@@ -7078,7 +7078,7 @@ const dg = z(rh)`
     cursor: no-drop;
   }
 `;
-function d3(e) {
+function f3(e) {
   const { label: t, onClick: n, ...r } = e, [i, a] = ge(r.defaultChecked || !1), o = (s) => {
     a(s), n && n(s);
   };
@@ -7132,12 +7132,12 @@ const mg = z(iu)`
   .MuiPaper-root {
     padding: 20px;
   }
-`, h3 = ({ onClose: e, children: t, ...n }) => {
+`, d3 = ({ onClose: e, children: t, ...n }) => {
   const r = (i, a) => {
     a && a === "backdropClick" || e == null || e();
   };
   return /* @__PURE__ */ A.jsx(mg, { ...n, onClose: r, children: t });
-}, p3 = ({ onClose: e, title: t, titleDescription: n }) => /* @__PURE__ */ A.jsxs(Y, { width: "100%", display: "flex", flexDirection: "column", gap: 1, children: [
+}, h3 = ({ onClose: e, title: t, titleDescription: n }) => /* @__PURE__ */ A.jsxs(Y, { width: "100%", display: "flex", flexDirection: "column", gap: 1, children: [
   /* @__PURE__ */ A.jsxs(Y, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [
     /* @__PURE__ */ A.jsx(Ce, { value: t, size: "lg", weight: "bold" }),
     e && /* @__PURE__ */ A.jsx(ct, { size: "small", onClick: e, children: /* @__PURE__ */ A.jsx(hi, { size: 14 }) })
@@ -13097,7 +13097,7 @@ const T2 = (e) => {
     }
   ) });
 };
-function m3(e) {
+function x3(e) {
   const {
     step_index: t,
     isRunScenarioLoading: n,
@@ -13166,22 +13166,22 @@ function m3(e) {
     }
   ) });
 }
-const g3 = z(Y)`
+const m3 = z(Y)`
   height: 100%;
   width: 100%;
   overflow: hidden;
-`, y3 = z(Y)`
+`, g3 = z(Y)`
   display: flex;
   flex-direction: column;
   gap: 2px;
-`, v3 = z(Y)`
+`, y3 = z(Y)`
   height: 100%;
   display: flex;
   flex-direction: column;
   overflow: hidden;
   flex: 1;
   position: relative;
-`, b3 = z(Y)`
+`, v3 = z(Y)`
   flex: 1;
   display: flex;
   overflow-x: hidden;
@@ -13191,7 +13191,7 @@ const g3 = z(Y)`
   padding: ${({ isMainApp: e }) => e ? "0x" : "16px"};
   align-items: center;
   width: 100%;
-`, C3 = z(Y)`
+`, b3 = z(Y)`
   flex: 1;
   display: flex;
   overflow-x: hidden;
@@ -13240,13 +13240,13 @@ const g3 = z(Y)`
   width: 100%;
   background: ${({ isDraggingNeighbouring: e }) => e ? "var(--color-primary-5)" : "inherit"};
   border-radius: ${({ isDraggingNeighbouring: e }) => e ? "8px" : "0"};
-`, A3 = z.ul`
+`, C3 = z.ul`
   display: flex;
   flex-direction: column;
   list-style: none;
   gap: 2px;
   margin-top: 4px;
-`, E3 = z(Y)`
+`, A3 = z(Y)`
   --opacity: 0;
   --badge-display: flex;
   --dots-display: none;
@@ -13260,19 +13260,19 @@ const g3 = z(Y)`
     --dots-display: flex;
   }
   border-radius: 10px;
-`, S3 = z.section`
+`, E3 = z.section`
   display: flex;
   align-items: center;
   position: relative;
   transform: ${({ execution: e }) => e ? "" : "translateX(-15px)"};
   font-weight: 500;
-`, w3 = z(Y)`
+`, S3 = z(Y)`
   display: flex;
   align-items: center;
   height: 20px;
   width: 20px;
   transform: translateX(-6px);
-`, B3 = z.div`
+`, w3 = z.div`
   flex: 1;
   min-width: 0;
   padding-left: 5px;
@@ -13330,10 +13330,10 @@ const g3 = z(Y)`
   .MuiBox-root {
     width: 100%;
   }
-`, D3 = z(Y)`
+`, B3 = z(Y)`
   position: absolute;
   right: -7px;
-`, T3 = z.div`
+`, D3 = z.div`
   display: flex;
   padding: 4px;
   align-items: center;
@@ -13347,9 +13347,9 @@ const g3 = z(Y)`
     0px 4px 6px -2px rgba(16, 24, 40, 0.03);
   margin-left: -20px;
   font-weight: 500;
-`, F3 = z.footer`
+`, T3 = z.footer`
   position: relative;
-`, P3 = z.section`
+`, F3 = z.section`
   display: ${({ disabled: e }) => e ? "none" : "var(--dots-display)"};
   padding: 2px;
   align-items: center;
@@ -13370,7 +13370,7 @@ const g3 = z(Y)`
   .MuiAlert-message {
     padding: 0px;
   }
-`, k3 = z.section`
+`, P3 = z.section`
   display: grid;
   place-content: center;
   width: 20px;
@@ -13381,7 +13381,7 @@ const g3 = z(Y)`
   color: ${({ hasCmdError: e, strokeColor: t }) => t || (e ? "rgba(234, 70, 33, 1)" : "initial")};
   outline: 1px solid ${({ strokeColor: e }) => e || "initial"};
   border-radius: 12px;
-`, R3 = z.img`
+`, k3 = z.img`
   max-width: inherit;
   width: 14px;
   height: 14px;
@@ -13395,14 +13395,14 @@ const g3 = z(Y)`
   mask-repeat: no-repeat;
   mask-image: ${({ maskImage: e }) => e};
   mask-size: 14px;
-`, M3 = z.div`
+`, R3 = z.div`
   width: 100%;
   margin-top: 10px;
   padding: 5px;
-`, _3 = z(Y)`
+`, M3 = z(Y)`
   display: flex;
   cursor: pointer;
-`, I3 = z(Y)`
+`, _3 = z(Y)`
   flex-direction: column;
   gap: 4px;
   background: white;
@@ -13412,14 +13412,14 @@ const g3 = z(Y)`
   border: 1px solid var(--color-grey-30);
   border-radius: 12px;
   margin-top: 7px;
-`, O3 = z(Y)`
+`, I3 = z(Y)`
   display: flex;
   padding: 6px;
   &:hover {
     background: var(--color-grey-20);
     border-radius: 12px;
   }
-`, N3 = z(Y)`
+`, O3 = z(Y)`
   border: 0.5px solid var(--color-primary-80);
   position: relative;
   margin: 4px 0px;
@@ -13446,7 +13446,7 @@ const g3 = z(Y)`
       opacity: 1;
     }
   }
-`, j3 = ({ isRec: e, stepCount: t, isMainApp: n }) => /* @__PURE__ */ A.jsxs(F2, { isMainApp: n, children: [
+`, N3 = ({ isRec: e, stepCount: t, isMainApp: n }) => /* @__PURE__ */ A.jsxs(F2, { isMainApp: n, children: [
   /* @__PURE__ */ A.jsxs(Y, { display: "flex", alignItems: "center", gap: 1, children: [
     /* @__PURE__ */ A.jsx(Ce, { value: "Steps", weight: "semi", size: "lg" }),
     e && t >= 1 && /* @__PURE__ */ A.jsx(j2, { icon: /* @__PURE__ */ A.jsx(uu, { size: 14 }), severity: "warning", children: "Reuse existing steps by clicking Add Step button" })
@@ -13467,7 +13467,7 @@ const g3 = z(Y)`
       transition: "transform 0.125s ease-in-out"
     }
   }
-) }) }), L3 = ({
+) }) }), j3 = ({
   showInfoIcon: e = !1,
   stepType: t,
   isActive: n = !1,
@@ -13506,7 +13506,7 @@ const g3 = z(Y)`
     }
   ),
   c && /* @__PURE__ */ A.jsx("div", { children: /* @__PURE__ */ A.jsx("img", { src: "./icons/plug_24x24.svg", width: "14px", height: "14px", alt: "" }) })
-] }), $3 = ({
+] }), L3 = ({
   splits: e,
   text: t,
   setIsVisible: n,
@@ -13563,7 +13563,7 @@ const g3 = z(Y)`
       weight: "medium"
     }
   )
-) }) }), V3 = ({
+) }) }), $3 = ({
   onCancel: e,
   value: t,
   preventedKeys: n,
@@ -13603,7 +13603,7 @@ const g3 = z(Y)`
   ] })
 ] }) }), V2 = (e) => {
   e.stopPropagation();
-}, U3 = ({
+}, V3 = ({
   wrapperProps: e,
   iconProps: t,
   dndProps: n,
@@ -13629,7 +13629,7 @@ const g3 = z(Y)`
   ] }),
   /* @__PURE__ */ A.jsx(uh, { in: r, sx: { ml: 3 }, children: u })
 ] });
-function H3(e) {
+function U3(e) {
   if (typeof e != "string") return [];
   const t = [];
   let n = "", r = !1, i = !1, a = 0, o = 0;
@@ -13666,14 +13666,14 @@ function H3(e) {
     isVariable: Qa(n)
   }), t;
 }
-const Qa = (e) => e.startsWith('"') && e.endsWith('"'), z3 = ["Enter", "/", "{", "}", "(", ")"], W3 = ["Given", "When", "Then"], K3 = [
+const Qa = (e) => e.startsWith('"') && e.endsWith('"'), H3 = ["Enter", "/", "{", "}", "(", ")"], z3 = ["Given", "When", "Then"], W3 = [
   "Given",
   "When",
   "Then",
   "And",
   "But"
 ];
-function G3(e) {
+function K3(e) {
   const t = e.split(`
 `).map((f) => f.trim());
   let n = "", r = "";
@@ -13733,7 +13733,7 @@ function G3(e) {
     params: c
   };
 }
-function Y3(e) {
+function G3(e) {
   const { featureName: t, scenarioName: n, steps: r, params: i } = e, a = [], o = "    ", s = i && i.length > 0, l = s ? "Scenario Outline" : "Scenario";
   a.push(`${l}: ${n}`), a.push("");
   for (const c of r) {
@@ -15521,7 +15521,7 @@ class Tv {
 function yn(e, t) {
   return new Tv(e, t);
 }
-const { schedule: Os, cancel: q3 } = /* @__PURE__ */ Cf(queueMicrotask, !1), bt = {
+const { schedule: Os, cancel: Y3 } = /* @__PURE__ */ Cf(queueMicrotask, !1), bt = {
   x: !1,
   y: !1
 };
@@ -18705,7 +18705,7 @@ const S6 = z(Gs.div)`
         border-left: none;
       `}
 `;
-function Z3({
+function X3({
   steps: e,
   currentStep: t,
   onNext: n,
@@ -18889,6 +18889,18 @@ function Z3({
     )
   ] });
 }
+const I6 = z("div")({
+  zIndex: 1,
+  width: 12,
+  height: 15,
+  backgroundColor: "var(--color-grey-50)",
+  border: "1px solid var(--color-grey-70)",
+  borderRadius: 2,
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  cursor: "col-resize"
+});
 function Ze(e, t = "Assertion error") {
   if (!e)
     throw Error(t);
@@ -18897,7 +18909,7 @@ function qo(e) {
   return parseFloat(e.toFixed(3));
 }
 var Yt;
-class I6 {
+class O6 {
   constructor() {
     Xs(this, Yt, {});
   }
@@ -18942,8 +18954,8 @@ Yt = new WeakMap();
 function st(e, t, n = 0) {
   return Math.abs(qo(e) - qo(t)) <= n;
 }
-const Jl = new I6();
-function O6(e, t) {
+const Jl = new O6();
+function N6(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
@@ -19069,7 +19081,7 @@ function Ql({
       e < 0 ? p-- : p++;
     }
   }
-  if (O6(s, l))
+  if (N6(s, l))
     return i;
   {
     const p = e < 0 ? u : c, h = o[p];
@@ -19151,12 +19163,12 @@ function eu({
   const a = Object.keys(e);
   return n.reduce((o, s, l) => (o[a[l]] = s, o), {});
 }
-function N6(e) {
+function j6(e) {
   const t = Ti();
   return `${e ?? t}`;
 }
 const jd = typeof window < "u" ? Xo : ht;
-function j6(e) {
+function L6(e) {
   const t = nt(e);
   return jd(() => {
     t.current = e;
@@ -19165,8 +19177,8 @@ function j6(e) {
     return (r = t.current) == null ? void 0 : r.call(t, n);
   }, [t]);
 }
-function L6(...e) {
-  return j6((t) => {
+function $6(...e) {
+  return L6((t) => {
     e.forEach((n) => {
       if (n)
         switch (typeof n) {
@@ -19182,15 +19194,15 @@ function L6(...e) {
     });
   });
 }
-const $6 = vn(null);
-function V6() {
-  const e = Ne($6);
+const V6 = vn(null);
+function U6() {
+  const e = Ne(V6);
   return Ze(
     e,
     "Group Context not found; did you render a Panel or Separator outside of a Group?"
   ), e;
 }
-function U6({
+function H6({
   layout: e,
   panelConstraints: t,
   panelId: n,
@@ -19231,7 +19243,7 @@ function U6({
     valueNow: o
   };
 }
-function H6({
+function z6({
   children: e,
   className: t,
   elementRef: n,
@@ -19239,11 +19251,11 @@ function H6({
   style: i,
   ...a
 }) {
-  const o = N6(r), [s, l] = ge({}), [c, u] = ge("inactive"), [f, d] = ge(null), x = L6(d, n), {
+  const o = j6(r), [s, l] = ge({}), [c, u] = ge("inactive"), [f, d] = ge(null), x = $6(d, n), {
     id: p,
     orientation: h,
     registerSeparator: v
-  } = V6(), b = h === "horizontal" ? "vertical" : "horizontal";
+  } = U6(), b = h === "horizontal" ? "vertical" : "horizontal";
   return jd(() => {
     if (f !== null) {
       const y = {
@@ -19268,7 +19280,7 @@ function H6({
                 if (B) {
                   const k = B[0], P = m.panels.indexOf(k);
                   l(
-                    U6({
+                    H6({
                       layout: T,
                       panelConstraints: w,
                       panelId: k.id,
@@ -19311,44 +19323,10 @@ function H6({
     }
   );
 }
-const z6 = z(H6)(({ theme: e }) => ({
-  position: "relative",
-  width: "2px",
-  backgroundColor: "var(--color-grey-50)",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  /* Larger invisible drag area */
-  "&::before": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    bottom: 0,
-    left: "50%",
-    width: "12px",
-    transform: "translateX(-50%)",
-    cursor: "col-resize"
-  },
-  /* Focus ring */
-  "&:focus-visible": {
-    outline: "none"
-  }
-})), W6 = z("div")({
-  zIndex: 1,
-  width: 12,
-  height: 15,
-  backgroundColor: "var(--color-grey-50)",
-  border: "1px solid var(--color-grey-70)",
-  borderRadius: 2,
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  cursor: "col-resize"
-});
-function J3() {
-  return /* @__PURE__ */ A.jsx(z6, { children: /* @__PURE__ */ A.jsx(W6, { children: /* @__PURE__ */ A.jsx(op, { size: 12 }) }) });
+function Z3() {
+  return /* @__PURE__ */ A.jsx(z6, { className: "resize-separator", children: /* @__PURE__ */ A.jsx(I6, { children: /* @__PURE__ */ A.jsx(op, { size: 12 }) }) });
 }
-const K6 = $u({
+const W6 = $u({
   typography: {
     fontFamily: "var(--font-family)"
   },
@@ -19464,104 +19442,104 @@ const K6 = $u({
       }
     }
   }
-}), Q3 = ({ children: e }) => /* @__PURE__ */ A.jsxs(qm, { theme: K6, children: [
+}), J3 = ({ children: e }) => /* @__PURE__ */ A.jsxs(qm, { theme: W6, children: [
   /* @__PURE__ */ A.jsx(fh, {}),
   /* @__PURE__ */ A.jsx(mh, { injectFirst: !0, children: e })
 ] });
-function e8(e, t) {
+function Q3(e, t) {
   return e.length > t ? e.substring(0, t - 3) + "..." : e;
 }
-function t8(e, t) {
+function e8(e, t) {
   return e.length > t;
 }
 export {
   uu as AlertCircleIcon,
-  J6 as Button,
+  Z6 as Button,
   yo as CheckIcon,
   Fi as ChevronDownIcon,
   pu as ChevronRightIcon,
   Sp as CircleIcon,
   hu as CopyIcon,
-  i3 as CustomCheckbox,
-  n3 as CustomInput,
+  r3 as CustomCheckbox,
+  t3 as CustomInput,
   I1 as CustomMenu,
-  a3 as CustomRadioButton,
+  i3 as CustomRadioButton,
   Ce as CustomText,
-  r3 as CustomTextArea,
-  o3 as CustomToggleSwitch,
-  m3 as DataPanelSection,
-  h3 as Dialog,
-  p3 as DialogHeader,
+  n3 as CustomTextArea,
+  a3 as CustomToggleSwitch,
+  x3 as DataPanelSection,
+  d3 as Dialog,
+  h3 as DialogHeader,
   Ep as EditIcon,
   Cp as EyeIcon,
   Ap as EyeOffIcon,
-  Z3 as GuidedTour,
-  t3 as HelpCircleIcon,
+  X3 as GuidedTour,
+  e3 as HelpCircleIcon,
   ct as IconButtonCustom,
   bp as InformationIcon,
-  u3 as LinearProgressBar,
+  l3 as LinearProgressBar,
   xg as MUIAccordion,
-  f3 as MUIButton,
-  d3 as MUICheckbox,
+  u3 as MUIButton,
+  f3 as MUICheckbox,
   Sr as MUIInput,
   fg as MUISelect,
   P1 as MUITabs,
-  Q6 as MailIcon,
+  J6 as MailIcon,
   fu as PlusIcon,
-  J3 as ResizeSeparator,
-  e3 as SaveIcon,
-  U3 as Step,
+  Z3 as ResizeSeparator,
+  Q6 as SaveIcon,
+  V3 as Step,
   $2 as StepIcon,
-  L3 as StepKeyoword,
-  j3 as StepPanelHeader,
-  $3 as StepTitle,
-  V3 as StepTitleEditInput,
-  k3 as StyledCommandIcon,
-  R3 as StyledCommandIconImage,
-  A3 as StyledCommandList,
-  E3 as StyledCommandListItem,
-  S3 as StyledCommandListParent,
-  D3 as StyledCommandMenuIconSection,
-  B3 as StyledCommandTextWrap,
-  P3 as StyledDragDotsIcon,
-  w3 as StyledDragIconWrap,
-  g3 as StyledDroppableContainer,
-  _3 as StyledEditActionWrap,
-  M3 as StyledEditParamContainer,
-  N3 as StyledIndicatorLine,
+  j3 as StepKeyoword,
+  N3 as StepPanelHeader,
+  L3 as StepTitle,
+  $3 as StepTitleEditInput,
+  P3 as StyledCommandIcon,
+  k3 as StyledCommandIconImage,
+  C3 as StyledCommandList,
+  A3 as StyledCommandListItem,
+  E3 as StyledCommandListParent,
+  B3 as StyledCommandMenuIconSection,
+  w3 as StyledCommandTextWrap,
+  F3 as StyledDragDotsIcon,
+  S3 as StyledDragIconWrap,
+  m3 as StyledDroppableContainer,
+  M3 as StyledEditActionWrap,
+  R3 as StyledEditParamContainer,
+  O3 as StyledIndicatorLine,
   j2 as StyledInfo,
   _2 as StyledKeyWorkdContent,
   I2 as StyledMainHeaderSummary,
-  v3 as StyledMainPage,
-  T3 as StyledOverlayBox,
-  I3 as StyledParamListDropdown,
-  O3 as StyledParamListItem,
-  F3 as StyledRecoderFooter,
+  y3 as StyledMainPage,
+  D3 as StyledOverlayBox,
+  _3 as StyledParamListDropdown,
+  I3 as StyledParamListItem,
+  T3 as StyledRecoderFooter,
   N2 as StyledSingleEditInput,
   O2 as StyledSingleLineHeading,
-  y3 as StyledStepContainer,
+  g3 as StyledStepContainer,
   R2 as StyledStepIcon,
   k2 as StyledStepIconContainer,
-  b3 as StyledStepPanelContainer,
+  v3 as StyledStepPanelContainer,
   F2 as StyledStepPanelHeader,
-  C3 as StyledStepPanelListWrap,
+  b3 as StyledStepPanelListWrap,
   M2 as StyledStepTitle,
   L2 as StyledStepTitleWrap,
   P2 as StyledStepWrap,
   vp as TextAreaNotchIcon,
   Bu as Tooltip,
-  s3 as Transitioner,
+  o3 as Transitioner,
   du as Trash2Icon,
   Dt as TypographyCustom,
-  Q3 as UIThemeProvider,
+  J3 as UIThemeProvider,
   hi as XIcon,
-  H3 as extractAndSplitQuotedParts,
-  K3 as fullStepKeywords,
+  U3 as extractAndSplitQuotedParts,
+  W3 as fullStepKeywords,
   Qa as isParam,
-  t8 as isTextLarge,
-  G3 as parseGherkin,
-  z3 as preventedKeys,
-  W3 as stepKeywords,
-  Y3 as stringifyGherkin,
-  e8 as textShortner
+  e8 as isTextLarge,
+  K3 as parseGherkin,
+  H3 as preventedKeys,
+  z3 as stepKeywords,
+  G3 as stringifyGherkin,
+  Q3 as textShortner
 };