@bikdotai/bik-component-library 0.0.533-beta.9 → 0.0.534-beta.1

package/dist/cjs/components/variable-picker-v3/styles.js

@@ -1,42 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=r(e);const i=o.default.div`
-	display: flex;
-	align-items: center;
-	padding: 12px 16px 0px 16px;
-	background-color: ${t.COLORS.surface.subdued};
-	justify-content: space-between;
-	border-top-right-radius: 4px;
-	border-top-left-radius: 4px;
-`,a=o.default.div`
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 12px 16px;
-	background-color: ${t.COLORS.surface.subdued};
-	border-bottom: 1px solid ${t.COLORS.stroke.primary};
-`,d=o.default.div`
-	position: relative;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 32px;
-	background-color: ${t.COLORS.background.base};
-`,p=o.default.div`
-	margin: 8px;
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	height: ${e=>e.height};
-	overflow: scroll;
-	&::-webkit-scrollbar-thumb {
-		background-color: #e0e0e0 !important;
-		border-radius: 8px;
-	}
-	&::-webkit-scrollbar {
-		height: 5px;
-		display: block;
-		width: 8px;
-	}
-	&::-webkit-scrollbar-thumb:horizontal {
-		width: 8px;
-	}
-`;exports.BackHeader=d,exports.Container=p,exports.HeaderWrapper=i,exports.RecommendWrapper=a;

package/dist/esm/assets/icons/sub_category.svg.js

@@ -1 +0,0 @@
-import*as e from"react";var t;function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var l in a)Object.prototype.hasOwnProperty.call(a,l)&&(e[l]=a[l])}return e},a.apply(this,arguments)}var l=l=>e.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},l),t||(t=e.createElement("path",{fill:"#616161",fillRule:"evenodd",d:"M2.667 4a.667.667 0 0 0-1.333 0 6 6 0 0 0 6 6h4.836l-1.999 2.221a.667.667 0 1 0 .991.892l2.999-3.331c0-.002.002-.003.003-.004l.4-.444-.4-.444-.003-.004-2.999-3.331a.667.667 0 0 0-.99.892l1.998 2.22H7.333a4.667 4.667 0 0 1-4.666-4.666Z",clipRule:"evenodd"})));export{l as default};

package/dist/esm/components/input-with-vars/customPortal.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-interface CustomPortalProps {
-    children: React.ReactNode;
-    element: HTMLElement;
-    zIndex?: number;
-}
-export declare const CustomPortal: (props: CustomPortalProps) => import("react").ReactPortal;
-export {};

package/dist/esm/components/input-with-vars/customPortal.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import t from"react-dom";const r=r=>{var o;return t.createPortal(e("div",Object.assign({style:{zIndex:null!==(o=r.zIndex)&&void 0!==o?o:2,position:"absolute",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.7)",display:"flex",alignItems:"center",justifyContent:"flex-end",borderRadius:4,border:"1px solid #9E9E9E"}},{children:e("div",Object.assign({style:{height:"100%",display:"flex",flexDirection:"column"}},{children:r.children}))})),r.element)};export{r as CustomPortal};

package/dist/esm/components/variable-picker-v3/Content.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { VariablePickerV3Props } from './model';
-type Props = VariablePickerV3Props;
-export declare const highlightSearchText: (text: string, searchText: string) => string | import("react/jsx-runtime").JSX.Element;
-export declare const VariablePickerContent: React.FC<Props>;
-export {};

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

@@ -1 +0,0 @@
-import{__awaiter as e}from"../../_virtual/_tslib.js";import{jsx as t,jsxs as s,Fragment as i}from"react/jsx-runtime";import o from"../../assets/icons/arrow_back.svg.js";import l from"../../assets/icons/cross.svg.js";import a from"../../assets/icons/plus.svg.js";import n from"../../assets/icons/triangle_error.svg.js";import{useState as r,useEffect as c}from"react";import{COLORS as d}from"../../constants/Theme.js";import{BikAccordion as h}from"../accordion/Accordion.js";import{IconButton as m}from"../icon-button/IconButton.js";import{Input as p}from"../input/Input.js";import{ListItem as g}from"../list-item/ListItem.js";import{Switch as u}from"../switch/Switch.js";import{Tooltip as b}from"../tooltips/Tooltip.js";import{TitleRegular as f,BodySecondary as y,BodyCaption as v,TitleSmall as j}from"../TypographyStyle.js";import{VariablePickerContext as x}from"./context.js";import O from"./NoResult.js";import{showOnlyRecommendedVariables as w}from"./recommendVaribles.js";import{searchVariables as k}from"./searchVariables.js";import{HeaderWrapper as C,RecommendWrapper as S,BackHeader as T,Container as V}from"./styles.js";import N,{renderTooltipBody as I}from"./SubHeaderItems.js";const B=(e,i)=>{if(0===i.length)return e;const o=e.toLowerCase().indexOf(i.toLowerCase());if(-1===o)return e;const l=e.slice(0,o),a=e.slice(o,o+i.length),n=e.slice(o+i.length);return s("span",{children:[l,t("b",Object.assign({style:{color:d.content.primary}},{children:a})),n]})},R=/.*\..*/,L=e=>{if(e.actualValue.match(R)){const t=e.actualValue.replace("{{","").replace("}}","").split(".");let s=t[0];return t.forEach(((e,t)=>{if(0===t)return;const i=(e=>/\w+\[\d+\]/g.test(e))(e);if(i){const t=e.match(/(\w+)\[(\d+)\]/);if(t){const e=t[1],i=t[2];s+=`['${e}'][${i}]`}}else s+=`['${e}']`})),s}return e.actualValueEval?e.actualValueEval:e.actualValue},H=R=>{const{data:H,onSelect:$,showHeader:E,showBackButton:P,hideHeaderCross:_,onBackButtonClick:A,isEvaluationList:z,autoOpenFirst:D,headerText:F}=R,[K,q]=r(H),[G,J]=r(""),[M,Q]=r([]),[U,W]=r(""),[X,Y]=r(!1),[Z,ee]=r([]);c((()=>{q(H)}),[H]),c((()=>{te(!0)}),[]),c((()=>{M.length>0?ee([M[M.length-1]]):ee(H)}),[M]);const te=t=>e(void 0,void 0,void 0,(function*(){if(Y(t),t){const e=w(K,M);q(e)}else if(M.length>0){const e=U==M[M.length-1].displayName;if(G.length>0&&e){const e=k(G,Z,M);q(e)}else q([M[M.length-1].variables])}else if(G.length>0){const e=k(G,Z,M);q(e)}else q(H)})),se=()=>{let e=131;return M.length>0&&(e+=32),(R.showHeader||R.showBackButton)&&(e+=40),`calc(100% - ${e}px)`};return t(x.Provider,Object.assign({value:{variables:K,searchText:G,subHeaderStack:M,showRecommended:X,setSubHeaderStack:Q,setSearchText:J,setVariables:q,setShowRecommended:Y}},{children:s("div",Object.assign({tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:4,height:"100%",outline:"none"},onClick:e=>e.stopPropagation()},{children:[(E||P)&&s(C,{children:[s("div",Object.assign({style:{display:"flex",alignItems:"center",gap:8}},{children:[P&&t(m,{Icon:()=>t(o,{width:16,height:16,style:{display:"flex",color:d.content.primary}}),onClick:A}),E&&t(f,{children:null!=F?F:"Select Variable"})]})),!_&&t(m,{style:{color:"#212121"},Icon:l,onClick:()=>R.onClose&&R.onClose()})]}),t("div",Object.assign({style:{padding:"0 16px",paddingTop:12,backgroundColor:d.surface.subdued,borderTopLeftRadius:4,borderTopRightRadius:4}},{children:t(p,{id:"search-bar-v3-picker",onBlur:e=>{R.onSearchBlur&&R.onSearchBlur(e)},value:G,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||W("");const t=k(e,Z,M);if(X){const e=w(t,M);q(e)}else q(t);J(e);const s=M.length>0?M[M.length-1].displayName:"home";W(s)}})})),s(S,{children:[t(y,Object.assign({style:{color:d.content.secondary}},{children:"Only Recommended"})),t(u,{value:X,onValueChange:t=>e(void 0,void 0,void 0,(function*(){yield te(t)}))})]}),M.length>0&&s(T,{children:[t("div",Object.assign({style:{position:"absolute",left:16}},{children:t(m,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>t(o,{width:12,height:12,style:{color:d.content.secondary}}),onClick:e=>{e.stopPropagation();let t=G;const s=[...M],i=s.pop();if(Q(s),i.displayName===U&&(J(""),t=""),t.length>0){const e=s.length>0?[s[s.length-1]]:H,i=k(t,e,s);if(X){const e=w(i,s);q(e)}else q(i)}else if(s.length>0)if(X){const e=w([s[s.length-1].variables],s);q(e)}else q([s[s.length-1].variables]);else if(X){const e=w(H,M);q(e)}else q(H)}})})),t(v,Object.assign({style:{color:d.content.secondary}},{children:M[M.length-1].displayName}))]}),t(i,{children:K.length>0?t(V,Object.assign({height:se()},{children:K.map(((e,o)=>{var l,r;return e.displayName&&void 0!==e.variables?t("div",Object.assign({style:{borderBottom:`1px solid ${d.stroke.primary}`}},{children:t(h,Object.assign({autoOpen:D&&0===o,headerPadding:"12px 16px",header:t(j,Object.assign({style:{color:d.content.secondary}},{children:B(e.displayName,G)}))},{children:t(N,{parentVariable:e,disabled:null!==(l=R.disabled)&&void 0!==l&&l,searchText:G,variable:e.variables,onSelect:$})}))}),e.displayName+X):e.displayName?t(b,Object.assign({body:I(e),placement:"bottom"},{children:t(g,{variant:R.disabled?"readonly":(null==e?void 0:e.selected)?"selected":"default",version:"2.0",leadingIcon:(null==e?void 0:e.selected)||R.disabled?t(i,{}):t(a,{width:14,height:14}),customListItemLabel:s("div",Object.assign({style:{display:"flex",gap:4}},{children:[t(y,Object.assign({style:{fontSize:"14px",color:d.text.primary}},{children:B(e.displayName,G)})),!e.isAvailable&&t(b,Object.assign({body:"Not Recommended"},{children:t("div",Object.assign({style:{display:"flex",marginTop:2}},{children:t(n,{width:16,height:16,color:d.content.secondary})}))}))]})),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>{if(!R.disabled)if(z){const t=L(e);$(Object.assign(Object.assign({},e),{actualValue:t}))}else $(e)}},o)}),e.actualValue):t(N,{disabled:null!==(r=R.disabled)&&void 0!==r&&r,searchText:G,variable:e,onSelect:e=>{if(!R.disabled)if(z){const t=L(e);$(Object.assign(Object.assign({},e),{actualValue:t}))}else $(e)}},o)}))})):t(O,{height:se(),searchText:G})})]}))}))};export{H as VariablePickerContent,B as highlightSearchText};

package/dist/esm/components/variable-picker-v3/NoResult.d.ts

@@ -1,6 +0,0 @@
-type Props = {
-    height: string;
-    searchText?: string;
-};
-declare const NoResult: (props: Props) => import("react/jsx-runtime").JSX.Element;
-export default NoResult;

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

@@ -1,17 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import r from"../../assets/icons/search.svg.js";import n from"styled-components";import{COLORS as o}from"../../constants/Theme.js";import{TitleMedium as i,BodySecondary as s}from"../TypographyStyle.js";const c=n=>e(a,Object.assign({height:n.height},{children:[t(d,{children:t(r,{width:24,height:24,color:o.background.brand})}),e("div",Object.assign({style:{textAlign:"center"}},{children:[t(i,{children:"No results found"}),n.searchText?t(s,Object.assign({style:{color:o.content.secondary,marginTop:8}},{children:`Sorry we could not find any results for "${n.searchText}"`})):t(s,Object.assign({style:{color:o.content.secondary,marginTop:8}},{children:"Sorry we could not find any variables"}))]}))]})),a=n.div`
-	display: flex;
-	gap: 16px;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	padding: 0 16px;
-	height: ${e=>e.height};
-`,d=n.div`
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	background-color: ${o.background.brandLight};
-	width: 48px;
-	height: 48px;
-	border-radius: 24px;
-`;export{c as default};

package/dist/esm/components/variable-picker-v3/SubHeaderItems.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-import { SubHeader, VariableListInterfaceV3, VariableV3 } from './model';
-type SubHeaderProps = {
-    parentVariable?: VariableListInterfaceV3;
-    disabled: boolean;
-    searchText: string;
-    onSelect: (variable: VariableV3) => void;
-    variable: {
-        [key: string]: SubHeader | VariableV3;
-    };
-};
-export declare const renderTooltipBody: (variable: VariableV3) => string;
-declare const SubHeaderItem: React.FC<SubHeaderProps>;
-export default SubHeaderItem;

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

@@ -1 +0,0 @@
-import{jsx as e,Fragment as t,jsxs as s}from"react/jsx-runtime";import i from"../../assets/icons/chevronRight.svg.js";import o from"../../assets/icons/plus.svg.js";import a from"../../assets/icons/sub_category.svg.js";import l from"../../assets/icons/triangle_error.svg.js";import{cloneDeep as r}from"lodash";import{COLORS as n}from"../../constants/Theme.js";import{ListItem as c}from"../list-item/ListItem.js";import{Tooltip as d}from"../tooltips/Tooltip.js";import{BodySecondary as m}from"../TypographyStyle.js";import{highlightSearchText as p}from"./Content.js";import{useVariablePickerContext as b}from"./context.js";import{showOnlyRecommendedVariables as y}from"./recommendVaribles.js";const g=e=>{var t;return(null===(t=e.contextQ)||void 0===t?void 0:t.join(" > "))||""},h=h=>{const{onSelect:v,variable:f,searchText:u,disabled:j,parentVariable:x}=h,{subHeaderStack:O,setSubHeaderStack:I,setVariables:N,showRecommended:S}=b();return e("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:4}},{children:Object.keys(f).map(((b,h)=>{if(void 0===f[b].variables){const i=f[b];return e(d,Object.assign({body:g(i),placement:"bottom"},{children:e(c,{variant:j?"readonly":(null==i?void 0:i.selected)?"selected":"default",version:"2.0",leadingIcon:(null==i?void 0:i.selected)||j?e(t,{}):e(o,{width:14,height:14}),customListItemLabel:s("div",Object.assign({style:{display:"flex",gap:4}},{children:[e(m,Object.assign({style:{fontSize:"14px",color:n.text.primary}},{children:p(i.displayName,u)})),!i.isAvailable&&e(d,Object.assign({body:"Not Recommended"},{children:e("div",Object.assign({style:{display:"flex",marginTop:2}},{children:e(l,{width:16,height:16,color:n.content.secondary})}))}))]})),listItem:{label:i.displayName,value:i.displayName},subText:i.description||"",onClick:()=>{v(i)}})}),i.actualValue)}return e(d,Object.assign({body:g(f[b]),placement:"bottom"},{children:e(c,{variant:"default",version:"2.0",listItem:{label:f[b].displayName,value:f[b].displayName},customListItemLabel:e("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:e(m,Object.assign({style:{fontSize:"14px",color:n.text.primary}},{children:p(f[b].displayName,u)}))})),leadingIcon:e(a,{width:14,height:14}),subText:f[b].description||"",trailingIcon:e(i,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=r(f[b]);void 0!==x&&(e.contextQ=[x.displayName]);const t=[...O,e];if(I(t),S){const s=y([e.variables],t);N(s)}else N([e.variables])}})}),h)}))}))};export{h as default,g as renderTooltipBody};

package/dist/esm/components/variable-picker-v3/VariablePicker.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { VariablePickerV3Props } from './model';
-type Props = VariablePickerV3Props;
-export declare const VariablePicker: React.FC<Props>;
-export default VariablePicker;

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

@@ -1 +0,0 @@
-import{jsxs as t,jsx as s}from"react/jsx-runtime";import o from"../../assets/icons/cross.svg.js";import{COLORS as e}from"../../constants/Theme.js";import{CloseButtonContainer as i}from"../modals/modal.styled.js";import{VariablePickerContent as r}from"./Content.js";import{PickerType as n}from"./model.js";const d=d=>{var c;const{type:h}=d;return h==n.FLOATER?t("div",Object.assign({style:{boxShadow:"0px 2px 8px 0px #0000001F",width:d.width?d.width:344,borderRadius:4,height:"100%"}},{children:[s(r,Object.assign({},d)),s(i,Object.assign({onClick:()=>{d.onClose&&d.onClose()}},{children:s(o,{height:20,width:20,color:e.content.secondary})}))]})):s("div",Object.assign({style:{width:null!==(c=d.width)&&void 0!==c?c:"100%",height:"100%"}},{children:s(r,Object.assign({},d))}))};export{d as VariablePicker,d as default};

package/dist/esm/components/variable-picker-v3/context.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-export declare const VariablePickerContext: React.Context<{
-    searchText: string;
-    setSearchText: React.Dispatch<React.SetStateAction<string>>;
-    subHeaderStack: any[];
-    setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
-    variables: any[];
-    setVariables: React.Dispatch<React.SetStateAction<any[]>>;
-    showRecommended: boolean;
-    setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
-}>;
-export declare const useVariablePickerContext: () => {
-    searchText: string;
-    setSearchText: React.Dispatch<React.SetStateAction<string>>;
-    subHeaderStack: any[];
-    setSubHeaderStack: React.Dispatch<React.SetStateAction<any[]>>;
-    variables: any[];
-    setVariables: React.Dispatch<React.SetStateAction<any[]>>;
-    showRecommended: boolean;
-    setShowRecommended: React.Dispatch<React.SetStateAction<boolean>>;
-};

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

@@ -1 +0,0 @@
-import e,{useContext as t}from"react";const a=e.createContext({searchText:"",setSearchText:()=>{},subHeaderStack:[],setSubHeaderStack:()=>{},variables:[],setVariables:()=>{},showRecommended:!1,setShowRecommended:()=>{}}),r=()=>t(a);export{a as VariablePickerContext,r as useVariablePickerContext};

package/dist/esm/components/variable-picker-v3/index.d.ts

@@ -1 +0,0 @@
-export * from './VariablePicker';

package/dist/esm/components/variable-picker-v3/model.d.ts

@@ -1,57 +0,0 @@
-export declare enum PickerType {
-    FLOATER = "floater",
-    EMBEDDED = "embedded"
-}
-export interface VariablePickerV3Props {
-    type: PickerType;
-    data: VariableListInterfaceV3[];
-    onSelect: (variable: VariableV3) => void;
-    width?: string;
-    onClose?: () => void;
-    showHeader?: boolean;
-    showBackButton?: boolean;
-    onBackButtonClick?: () => void;
-    onSearchBlur?: (e: any) => void;
-    isEvaluationList?: boolean;
-    hideHeaderCross?: boolean;
-    disabled?: boolean;
-    autoOpenFirst?: boolean;
-    headerText?: string;
-}
-export interface VariableListInterfaceV3 {
-    isSubHeader?: boolean;
-    displayName: string;
-    description: string;
-    orderId?: number;
-    isAvailable?: boolean;
-    contextQ?: string[];
-    variables?: {
-        [key: string]: SubHeader | VariableV3;
-    };
-}
-export interface SubHeader {
-    isSubHeader: boolean;
-    isAvailable: boolean;
-    displayName: string;
-    description: string;
-    contextQ?: string[];
-    variables?: {
-        [key: string]: SubHeader | VariableV3;
-    };
-}
-export interface VariableV3 {
-    contextQ?: string[];
-    selected?: boolean;
-    description?: string;
-    defaultValue?: string;
-    displayName: string;
-    actualValue: string;
-    variableType: string;
-    isAvailable: boolean;
-    actualValueEval?: string;
-    isSubHeader?: boolean;
-    variables?: {
-        [key: string]: VariableV3;
-    };
-    needsFetching?: boolean;
-}

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

@@ -1 +0,0 @@
-var e;!function(e){e.FLOATER="floater",e.EMBEDDED="embedded"}(e||(e={}));export{e as PickerType};

package/dist/esm/components/variable-picker-v3/recommendVaribles.d.ts

@@ -1 +0,0 @@
-export declare const showOnlyRecommendedVariables: (data: any, stack: any[]) => any;

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

@@ -1 +0,0 @@
-const e=(e,i)=>e.map((e=>{if(e.isAvailable&&void 0===e.variables)return e;if(void 0===e.isAvailable&&void 0!==e.variables){const i=a(e.variables);return 0===Object.keys(i).length?{}:Object.assign(Object.assign({},e),{variables:i})}if(void 0===e.variables){return a(e)}{const s=a(e.variables);return i.length?s:Object.assign(Object.assign({},e),{variables:s})}})).filter((e=>Object.keys(e).length>0)),a=e=>Object.keys(e).reduce(((a,i)=>(e[i]&&e[i].isAvailable&&(a[i]=e[i]),a)),{});export{e as showOnlyRecommendedVariables};

package/dist/esm/components/variable-picker-v3/searchVariables.d.ts

@@ -1,2 +0,0 @@
-import { VariableListInterfaceV3 } from './model';
-export declare const searchVariables: (text: string, data: VariableListInterfaceV3[], subHeaderStack: any[]) => any[];

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

@@ -1 +0,0 @@
-const e=(e,s,t)=>{if(!e)return t.length>0?[t[t.length-1].variables]:s;const i=[];return s.forEach((s=>{if(t.length>0)if(s.displayName&&void 0!==s.variables)a(e,s.variables,i,[...s.contextQ||[],s.displayName]);else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,i,[...s.contextQ||[],s.displayName])}else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&i.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,i,[s.displayName])}})),i},a=function(e,s,t){let i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];Object.keys(s).forEach((l=>{s[l].displayName.toLowerCase().includes(e.toLowerCase())&&t.push(s[l].isSubHeader?{[l]:Object.assign(Object.assign({},s[l]),{contextQ:i})}:Object.assign(Object.assign({},s[l]),{contextQ:i})),s[l].variables&&Object.keys(s[l].variables).length&&a(e,s[l].variables,t,[...i,s[l].displayName])}))};export{e as searchVariables};

package/dist/esm/components/variable-picker-v3/styles.d.ts

@@ -1,6 +0,0 @@
-export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const RecommendWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const BackHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Container: import("styled-components").StyledComponent<"div", any, {
-    height: string;
-}, never>;

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

@@ -1,42 +0,0 @@
-import e from"styled-components";import{COLORS as t}from"../../constants/Theme.js";const o=e.div`
-	display: flex;
-	align-items: center;
-	padding: 12px 16px 0px 16px;
-	background-color: ${t.surface.subdued};
-	justify-content: space-between;
-	border-top-right-radius: 4px;
-	border-top-left-radius: 4px;
-`,r=e.div`
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 12px 16px;
-	background-color: ${t.surface.subdued};
-	border-bottom: 1px solid ${t.stroke.primary};
-`,i=e.div`
-	position: relative;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 32px;
-	background-color: ${t.background.base};
-`,p=e.div`
-	margin: 8px;
-	display: flex;
-	flex-direction: column;
-	gap: 4px;
-	height: ${e=>e.height};
-	overflow: scroll;
-	&::-webkit-scrollbar-thumb {
-		background-color: #e0e0e0 !important;
-		border-radius: 8px;
-	}
-	&::-webkit-scrollbar {
-		height: 5px;
-		display: block;
-		width: 8px;
-	}
-	&::-webkit-scrollbar-thumb:horizontal {
-		width: 8px;
-	}
-`;export{i as BackHeader,p as Container,o as HeaderWrapper,r as RecommendWrapper};