@bikdotai/bik-component-library 0.0.817-beta.7 → 0.0.817-beta.8

package/dist/esm/components/variable-picker-v3/Content.js

@@ -1,176 +1,176 @@
-import { jsxDEV as n, Fragment as B } from "react/jsx-dev-runtime";
+import { jsxDEV as n, Fragment as T } from "react/jsx-dev-runtime";
 import M from "../../assets/icons/arrow_back.svg.js";
-import se from "../../assets/icons/cross.svg.js";
-import le from "../../assets/icons/plus.svg.js";
+import le from "../../assets/icons/cross.svg.js";
+import se from "../../assets/icons/plus.svg.js";
 import ce from "../../assets/icons/triangle_error.svg.js";
-import { useState as b, useRef as _, useEffect as q } from "react";
-import { flushSync as me } from "react-dom";
-import { COLORS as m } from "../../constants/Theme.js";
-import { TitleRegular as ue, BodySecondary as J, BodyCaption as be, TitleSmall as pe } from "../TypographyStyle.js";
-import { VariablePickerContext as de } from "./context.js";
-import { DefaultVariableContent as ke } from "./DefaultVariableContent.js";
+import { useState as u, useRef as _, useEffect as q } from "react";
+import { flushSync as de } from "react-dom";
+import { COLORS as d } from "../../constants/Theme.js";
+import { TitleRegular as me, BodySecondary as J, BodyCaption as ue, TitleSmall as be } from "../TypographyStyle.js";
+import { VariablePickerContext as pe } from "./context.js";
+import { DefaultVariableContent as fe } from "./DefaultVariableContent.js";
 import { highlightSearchText as Q } from "./highlightSearchText.js";
-import { PickerType as ve } from "./model.js";
-import fe from "./NoResult.js";
-import { showOnlyRecommendedVariables as f } from "./recommendVaribles.js";
+import { PickerType as ye } from "./model.js";
+import Ne from "./NoResult.js";
+import { showOnlyRecommendedVariables as N } from "./recommendVaribles.js";
 import { searchVariables as g } from "./searchVariables.js";
-import { HeaderWrapper as he, RecommendWrapper as ye, BackHeader as Ne, Container as Ce } from "./styles.js";
+import { HeaderWrapper as ve, RecommendWrapper as he, BackHeader as ke, Container as Ce } from "./styles.js";
 import X, { renderTooltipBody as ge } from "./SubHeaderItems.js";
-import { IconButton as T } from "../icon-button/IconButton.js";
+import { IconButton as I } from "../icon-button/IconButton.js";
 import { Input as xe } from "../input/Input.js";
-import { Switch as De } from "../switch/Switch.js";
-import { BikAccordion as Se } from "../accordion/Accordion.js";
+import { Switch as we } from "../switch/Switch.js";
+import { BikAccordion as De } from "../accordion/Accordion.js";
 import { Tooltip as Y } from "../tooltips/Tooltip.js";
-import { ListItem as We } from "../list-item/ListItem.js";
-const Ue = /.*\..*/, Ve = (i) => /\w+\[\d+\]/g.test(i), we = (i) => {
+import { ListItem as Se } from "../list-item/ListItem.js";
+const Ue = /.*\..*/, Ve = (i) => /\w+\[\d+\]/g.test(i), Be = (i) => {
   if (i.actualValue.match(Ue)) {
-    const l = i.actualValue.replace("{{", "").replace("}}", "").split(".");
-    let c = l[0];
-    return l.forEach((k, h) => {
-      if (h === 0) return;
-      if (Ve(k)) {
-        const v = k.match(/(\w+)\[(\d+)\]/);
-        if (v) {
-          const x = v[1], D = v[2];
-          c = c + `['${x}'][${D}]`;
+    const s = i.actualValue.replace("{{", "").replace("}}", "").split(".");
+    let c = s[0];
+    return s.forEach((f, v) => {
+      if (v === 0) return;
+      if (Ve(f)) {
+        const y = f.match(/(\w+)\[(\d+)\]/);
+        if (y) {
+          const x = y[1], w = y[2];
+          c = c + `['${x}'][${w}]`;
         }
       } else
-        c = c + `['${k}']`;
+        c = c + `['${f}']`;
     }), c;
   } else
     return i.actualValueEval ? i.actualValueEval : i.actualValue;
 }, en = (i) => {
   const {
-    data: l,
+    data: s,
     onSelect: c,
-    showHeader: k,
-    showBackButton: h,
-    hideHeaderCross: I,
-    onBackButtonClick: v,
+    showHeader: f,
+    showBackButton: v,
+    hideHeaderCross: R,
+    onBackButtonClick: y,
     isEvaluationList: x,
-    autoOpenFirst: D,
+    autoOpenFirst: w,
     headerText: Z,
-    contentHeight: R,
+    contentHeight: H,
     onDefaultVariableSelect: ee,
-    skipDefaultVariableContent: S
-  } = i, [y, a] = b(l), [s, W] = b(""), [o, H] = b([]), [U, P] = b(""), [p, E] = b(!1), [V, O] = b([]), [u, w] = b(!1), [A, F] = b(), N = _(null), L = _([]), ne = u && i.type === ve.EMBEDDED && !I;
+    skipDefaultVariableContent: D
+  } = i, [h, t] = u(s), [l, S] = u(""), [r, P] = u([]), [U, E] = u(""), [b, O] = u(!1), [V, A] = u([]), [m, B] = u(!1), [F, L] = u(), k = _(null), $ = _([]), ne = m && i.type === ye.EMBEDDED && !R;
   q(() => {
-    $(!0);
+    W(!0);
   }, []), q(() => {
-    o.length > 0 ? O([o[o.length - 1]]) : O(l);
-  }, [o]);
-  const re = (e) => {
+    r.length > 0 ? A([r[r.length - 1]]) : A(s);
+  }, [r]);
+  const oe = (e) => {
     e.stopPropagation();
-    let t = s;
-    const r = [...o], C = r.pop();
-    C.displayName === U && (t = "");
-    const G = L.current.pop() ?? 0;
-    if (me(() => {
-      if (H(r), C.displayName === U && W(""), t.length > 0) {
-        const d = r.length > 0 ? [r[r.length - 1]] : l, K = g(
-          t,
-          d,
-          r
+    let a = l;
+    const o = [...r], C = o.pop();
+    C.displayName === U && (a = "");
+    const G = $.current.pop() ?? 0;
+    if (de(() => {
+      if (P(o), C.displayName === U && S(""), a.length > 0) {
+        const p = o.length > 0 ? [o[o.length - 1]] : s, K = g(
+          a,
+          p,
+          o
         );
-        if (p) {
-          const ae = f(
+        if (b) {
+          const te = N(
             K,
-            r
+            o
           );
-          a(ae);
+          t(te);
         } else
-          a(K);
-      } else if (r.length > 0)
-        if (p) {
-          const d = f(
-            [r[r.length - 1].variables],
-            r
+          t(K);
+      } else if (o.length > 0)
+        if (b) {
+          const p = N(
+            [o[o.length - 1].variables],
+            o
           );
-          a(d);
+          t(p);
         } else
-          a([
-            r[r.length - 1].variables
+          t([
+            o[o.length - 1].variables
           ]);
-      else if (p) {
-        const d = f(
-          l,
-          r
+      else if (b) {
+        const p = N(
+          s,
+          o
         );
-        a(d);
+        t(p);
       } else
-        a(l);
-    }), N.current && G > 0) {
-      const d = N.current;
+        t(s);
+    }), k.current && G > 0) {
+      const p = k.current;
       setTimeout(() => {
-        d.scrollTo({ top: G, behavior: "smooth" });
+        p.scrollTo({ top: G, behavior: "smooth" });
       }, 300);
     }
-  }, $ = async (e) => {
-    if (E(e), e) {
-      const t = f(y, o);
-      a(t);
-    } else if (o.length > 0) {
-      const t = U == o[o.length - 1].displayName;
-      if (s.length > 0 && t) {
-        const r = g(
-          s,
+  }, W = async (e) => {
+    if (O(e), e) {
+      const a = N(h, r);
+      t(a);
+    } else if (r.length > 0) {
+      const a = U == r[r.length - 1].displayName;
+      if (l.length > 0 && a) {
+        const o = g(
+          l,
           V,
-          o
+          r
         );
-        a(r);
+        t(o);
       } else
-        a([o[o.length - 1].variables]);
-    } else if (s.length > 0) {
-      const t = g(
-        s,
+        t([r[r.length - 1].variables]);
+    } else if (l.length > 0) {
+      const a = g(
+        l,
         V,
-        o
+        r
       );
-      a(t);
+      t(a);
     } else
-      a(l);
+      t(s);
   }, j = () => {
-    if (R)
-      return R;
+    if (H)
+      return H;
     let e = 131;
-    return o.length > 0 && (e += 32), (i.showHeader || i.showBackButton) && (e += 40), `calc(100% - ${e}px)`;
-  }, oe = (e) => {
-    e || P("");
-    const t = g(e, V, o);
-    if (p) {
-      const C = f(t, o);
-      a(C);
+    return r.length > 0 && (e += 32), (i.showHeader || i.showBackButton) && (e += 40), `calc(100% - ${e}px)`;
+  }, re = (e) => {
+    e || E("");
+    const a = g(e, V, r);
+    if (b) {
+      const C = N(a, r);
+      t(C);
     } else
-      a(t);
-    W(e);
-    const r = o.length > 0 ? o[o.length - 1].displayName : "home";
-    P(r);
+      t(a);
+    S(e);
+    const o = r.length > 0 ? r[r.length - 1].displayName : "home";
+    E(o);
   }, ie = () => /* @__PURE__ */ n(
     M,
     {
       width: 16,
       height: 16,
-      style: { display: "flex", color: m.content.primary }
+      style: { display: "flex", color: d.content.primary }
     },
     void 0,
     !1,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
       lineNumber: 276,
       columnNumber: 4
     },
     void 0
-  ), te = () => /* @__PURE__ */ n(
+  ), ae = () => /* @__PURE__ */ n(
     M,
     {
       width: 12,
       height: 12,
-      style: { color: m.content.secondary }
+      style: { color: d.content.secondary }
     },
     void 0,
     !1,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
       lineNumber: 286,
       columnNumber: 4
     },
@@ -178,33 +178,33 @@ const Ue = /.*\..*/, Ve = (i) => /\w+\[\d+\]/g.test(i), we = (i) => {
   ), z = (e) => {
     if (!i.disabled)
       if (x) {
-        const t = we(e);
+        const a = Be(e);
         c({
           ...e,
-          actualValue: t
+          actualValue: a
         });
       } else {
-        if (e.isDefaultValueSupported && !S) {
-          F(e), w(!0);
+        if (e.isDefaultValueSupported && !D) {
+          L(e), B(!0);
           return;
         }
         c(e);
       }
   };
   return /* @__PURE__ */ n(
-    de.Provider,
+    pe.Provider,
     {
       value: {
-        variables: y,
-        searchText: s,
-        subHeaderStack: o,
-        showRecommended: p,
-        setSubHeaderStack: H,
-        setSearchText: W,
-        setVariables: a,
-        setShowRecommended: E,
-        containerRef: N,
-        scrollPositionStack: L
+        variables: h,
+        searchText: l,
+        subHeaderStack: r,
+        showRecommended: b,
+        setSubHeaderStack: P,
+        setSearchText: S,
+        setVariables: t,
+        setShowRecommended: O,
+        containerRef: k,
+        scrollPositionStack: $
       },
       children: /* @__PURE__ */ n(
         "div",
@@ -219,60 +219,60 @@ const Ue = /.*\..*/, Ve = (i) => /\w+\[\d+\]/g.test(i), we = (i) => {
           },
           onClick: (e) => e.stopPropagation(),
           children: [
-            (k || h || u) && /* @__PURE__ */ n(he, { openDefault: u, children: [
+            (f || v || m) && /* @__PURE__ */ n(ve, { openDefault: m, children: [
               /* @__PURE__ */ n("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-                (h || u) && /* @__PURE__ */ n(
-                  T,
+                (v || m) && /* @__PURE__ */ n(
+                  I,
                   {
                     Icon: ie,
                     onClick: () => {
-                      u ? w(!1) : v && v();
+                      m ? B(!1) : y && y();
                     }
                   },
                   void 0,
                   !1,
                   {
-                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                     lineNumber: 342,
                     columnNumber: 9
                   },
                   void 0
                 ),
-                (k || u) && /* @__PURE__ */ n(ue, { children: u ? "Set up" : Z ?? "Select Variable" }, void 0, !1, {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                (f || m) && /* @__PURE__ */ n(me, { children: m ? "Set up" : Z ?? "Select Variable" }, void 0, !1, {
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                   lineNumber: 354,
                   columnNumber: 9
                 }, void 0)
               ] }, void 0, !0, {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                 lineNumber: 340,
                 columnNumber: 7
               }, void 0),
               ne && /* @__PURE__ */ n(
-                T,
+                I,
                 {
                   style: { color: "#212121" },
-                  Icon: se,
+                  Icon: le,
                   onClick: () => i.onClose && i.onClose()
                 },
                 void 0,
                 !1,
                 {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                   lineNumber: 362,
                   columnNumber: 8
                 },
                 void 0
               )
             ] }, void 0, !0, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
               lineNumber: 339,
               columnNumber: 6
             }, void 0),
-            u && A && !S ? /* @__PURE__ */ n(
-              ke,
+            m && F && !D ? /* @__PURE__ */ n(
+              fe,
               {
-                variable: A,
+                variable: F,
                 onInsertVariable: (e) => {
                   c(e), ee?.(e);
                 }
@@ -280,19 +280,19 @@ const Ue = /.*\..*/, Ve = (i) => /\w+\[\d+\]/g.test(i), we = (i) => {
               void 0,
               !1,
               {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                 lineNumber: 373,
                 columnNumber: 6
               },
               void 0
-            ) : /* @__PURE__ */ n(B, { children: [
+            ) : /* @__PURE__ */ n(T, { children: [
               /* @__PURE__ */ n(
                 "div",
                 {
                   style: {
                     padding: "0 16px",
                     paddingTop: 12,
-                    backgroundColor: m.surface.subdued,
+                    backgroundColor: d.surface.subdued,
                     borderTopLeftRadius: 8,
                     borderTopRightRadius: 8
                   },
@@ -303,15 +303,15 @@ const Ue = /.*\..*/, Ve = (i) => /\w+\[\d+\]/g.test(i), we = (i) => {
                       onBlur: (e) => {
                         i.onSearchBlur && i.onSearchBlur(e);
                       },
-                      value: s,
+                      value: l,
                       noKeyDownChange: !0,
                       placeholder: "Search",
-                      onChangeText: oe
+                      onChangeText: re
                     },
                     void 0,
                     !1,
                     {
-                      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                       lineNumber: 391,
                       columnNumber: 8
                     },
@@ -321,109 +321,109 @@ const Ue = /.*\..*/, Ve = (i) => /\w+\[\d+\]/g.test(i), we = (i) => {
                 void 0,
                 !1,
                 {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                   lineNumber: 382,
                   columnNumber: 7
                 },
                 void 0
               ),
-              /* @__PURE__ */ n(ye, { children: [
-                /* @__PURE__ */ n(J, { style: { color: m.content.secondary }, children: "Only Recommended" }, void 0, !1, {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+              /* @__PURE__ */ n(he, { children: [
+                /* @__PURE__ */ n(J, { style: { color: d.content.secondary }, children: "Only Recommended" }, void 0, !1, {
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                   lineNumber: 403,
                   columnNumber: 8
                 }, void 0),
                 /* @__PURE__ */ n(
-                  De,
+                  we,
                   {
-                    value: p,
+                    value: b,
                     onValueChange: async (e) => {
-                      await $(e);
+                      await W(e);
                     }
                   },
                   void 0,
                   !1,
                   {
-                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                     lineNumber: 406,
                     columnNumber: 8
                   },
                   void 0
                 )
               ] }, void 0, !0, {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                 lineNumber: 402,
                 columnNumber: 7
               }, void 0),
-              o.length > 0 && /* @__PURE__ */ n(Ne, { children: [
+              r.length > 0 && /* @__PURE__ */ n(ke, { children: [
                 /* @__PURE__ */ n("div", { style: { position: "absolute", left: 16 }, children: /* @__PURE__ */ n(
-                  T,
+                  I,
                   {
                     id: "back-btn-v3",
                     style: { display: "flex" },
-                    Icon: te,
-                    onClick: re
+                    Icon: ae,
+                    onClick: oe
                   },
                   void 0,
                   !1,
                   {
-                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                     lineNumber: 416,
                     columnNumber: 10
                   },
                   void 0
                 ) }, void 0, !1, {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                   lineNumber: 415,
                   columnNumber: 9
                 }, void 0),
                 /* @__PURE__ */ n(
-                  be,
+                  ue,
                   {
                     style: {
-                      color: m.content.secondary
+                      color: d.content.secondary
                     },
-                    children: o[o.length - 1].displayName
+                    children: r[r.length - 1].displayName
                   },
                   void 0,
                   !1,
                   {
-                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                     lineNumber: 423,
                     columnNumber: 9
                   },
                   void 0
                 )
               ] }, void 0, !0, {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                 lineNumber: 414,
                 columnNumber: 8
               }, void 0),
-              /* @__PURE__ */ n(B, { children: y.length > 0 ? /* @__PURE__ */ n(Ce, { ref: N, height: j(), children: y.map((e, t) => e.displayName && typeof e.variables < "u" ? /* @__PURE__ */ n(
+              /* @__PURE__ */ n(T, { children: h.length > 0 ? /* @__PURE__ */ n(Ce, { ref: k, height: j(), children: h.map((e, a) => e.displayName && typeof e.variables < "u" ? /* @__PURE__ */ n(
                 "div",
                 {
                   style: {
-                    borderBottom: `1px solid ${m.stroke.primary}`
+                    borderBottom: `1px solid ${d.stroke.primary}`
                   },
                   children: /* @__PURE__ */ n(
-                    Se,
+                    De,
                     {
-                      arrowColor: m.content.primary,
-                      autoOpen: D && t === 0,
+                      arrowColor: d.content.primary,
+                      autoOpen: w && a === 0,
                       headerPadding: "12px 16px",
                       header: /* @__PURE__ */ n(
-                        pe,
+                        be,
                         {
-                          style: { color: m.content.secondary },
+                          style: { color: d.content.secondary },
                           children: Q(
                             e.displayName,
-                            s
+                            l
                           )
                         },
                         void 0,
                         !1,
                         {
-                          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                           lineNumber: 452,
                           columnNumber: 16
                         },
@@ -434,20 +434,20 @@ const Ue = /.*\..*/, Ve = (i) => /\w+\[\d+\]/g.test(i), we = (i) => {
                         {
                           parentVariable: e,
                           disabled: i.disabled ?? !1,
-                          searchText: s,
+                          searchText: l,
                           variable: e.variables,
-                          onSelect: (r) => {
-                            if (r.isDefaultValueSupported && !S) {
-                              F(r), w(!0);
+                          onSelect: (o) => {
+                            if (o.isDefaultValueSupported && !D) {
+                              L(o), B(!0);
                               return;
                             }
-                            c(r);
+                            c(o);
                           }
                         },
                         void 0,
                         !1,
                         {
-                          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                           lineNumber: 462,
                           columnNumber: 15
                         },
@@ -457,17 +457,17 @@ const Ue = /.*\..*/, Ve = (i) => /\w+\[\d+\]/g.test(i), we = (i) => {
                     void 0,
                     !1,
                     {
-                      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                       lineNumber: 447,
                       columnNumber: 14
                     },
                     void 0
                   )
                 },
-                e.displayName + p,
+                e.displayName + b,
                 !1,
                 {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                   lineNumber: 441,
                   columnNumber: 13
                 },
@@ -478,20 +478,20 @@ const Ue = /.*\..*/, Ve = (i) => /\w+\[\d+\]/g.test(i), we = (i) => {
                   body: ge(e),
                   placement: "bottom",
                   children: /* @__PURE__ */ n(
-                    We,
+                    Se,
                     {
                       variant: i.disabled ? "readonly" : e?.selected ? "selected" : "default",
                       version: "2.0",
-                      leadingIcon: e?.selected || i.disabled ? /* @__PURE__ */ n(B, {}, void 0, !1, {
-                        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                      leadingIcon: e?.selected || i.disabled ? /* @__PURE__ */ n(T, {}, void 0, !1, {
+                        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                         lineNumber: 502,
                         columnNumber: 17
-                      }, void 0) : /* @__PURE__ */ n("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ n(le, { width: 14, height: 14 }, void 0, !1, {
-                        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                      }, void 0) : /* @__PURE__ */ n("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ n(se, { width: 14, height: 14 }, void 0, !1, {
+                        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                         lineNumber: 505,
                         columnNumber: 18
                       }, void 0) }, void 0, !1, {
-                        fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                         lineNumber: 504,
                         columnNumber: 17
                       }, void 0),
@@ -508,17 +508,17 @@ const Ue = /.*\..*/, Ve = (i) => /\w+\[\d+\]/g.test(i), we = (i) => {
                               {
                                 style: {
                                   fontSize: "14px",
-                                  color: m.text.primary
+                                  color: d.text.primary
                                 },
                                 children: Q(
                                   e.displayName,
-                                  s
+                                  l
                                 )
                               },
                               void 0,
                               !1,
                               {
-                                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                                 lineNumber: 516,
                                 columnNumber: 17
                               },
@@ -533,12 +533,12 @@ const Ue = /.*\..*/, Ve = (i) => /\w+\[\d+\]/g.test(i), we = (i) => {
                                   {
                                     width: 16,
                                     height: 16,
-                                    color: m.content.secondary
+                                    color: d.content.secondary
                                   },
                                   void 0,
                                   !1,
                                   {
-                                    fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                                    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                                     lineNumber: 532,
                                     columnNumber: 20
                                   },
@@ -548,13 +548,13 @@ const Ue = /.*\..*/, Ve = (i) => /\w+\[\d+\]/g.test(i), we = (i) => {
                               void 0,
                               !1,
                               {
-                                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                                 lineNumber: 529,
                                 columnNumber: 19
                               },
                               void 0
                             ) }, void 0, !1, {
-                              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                               lineNumber: 528,
                               columnNumber: 18
                             }, void 0)
@@ -563,7 +563,7 @@ const Ue = /.*\..*/, Ve = (i) => /\w+\[\d+\]/g.test(i), we = (i) => {
                         void 0,
                         !0,
                         {
-                          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                           lineNumber: 510,
                           columnNumber: 16
                         },
@@ -576,20 +576,20 @@ const Ue = /.*\..*/, Ve = (i) => /\w+\[\d+\]/g.test(i), we = (i) => {
                       subText: e.description || "",
                       onClick: () => z(e)
                     },
-                    t,
+                    a,
                     !1,
                     {
-                      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                       lineNumber: 489,
                       columnNumber: 14
                     },
                     void 0
                   )
                 },
-                t,
+                a,
                 !1,
                 {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                   lineNumber: 484,
                   columnNumber: 13
                 },
@@ -598,33 +598,33 @@ const Ue = /.*\..*/, Ve = (i) => /\w+\[\d+\]/g.test(i), we = (i) => {
                 X,
                 {
                   disabled: i.disabled ?? !1,
-                  searchText: s,
+                  searchText: l,
                   variable: e,
-                  onSelect: (r) => z(r)
+                  onSelect: (o) => z(o)
                 },
-                t,
+                a,
                 !1,
                 {
-                  fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                   lineNumber: 555,
                   columnNumber: 13
                 },
                 void 0
               )) }, void 0, !1, {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                 lineNumber: 434,
                 columnNumber: 9
-              }, void 0) : /* @__PURE__ */ n(fe, { height: j(), searchText: s }, void 0, !1, {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+              }, void 0) : /* @__PURE__ */ n(Ne, { height: j(), searchText: l }, void 0, !1, {
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                 lineNumber: 573,
                 columnNumber: 9
               }, void 0) }, void 0, !1, {
-                fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
                 lineNumber: 432,
                 columnNumber: 7
               }, void 0)
             ] }, void 0, !0, {
-              fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
               lineNumber: 381,
               columnNumber: 6
             }, void 0)
@@ -633,7 +633,7 @@ const Ue = /.*\..*/, Ve = (i) => /\w+\[\d+\]/g.test(i), we = (i) => {
         void 0,
         !0,
         {
-          fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
           lineNumber: 327,
           columnNumber: 4
         },
@@ -643,7 +643,7 @@ const Ue = /.*\..*/, Ve = (i) => /\w+\[\d+\]/g.test(i), we = (i) => {
     void 0,
     !1,
     {
-      fileName: "/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/variable-picker-v3/Content.tsx",
+      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/variable-picker-v3/Content.tsx",
       lineNumber: 313,
       columnNumber: 3
     },