@bikdotai/bik-component-library 0.0.513-beta.1 → 0.0.513

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=t(e).default.createContext({searchText:"",setSearchText:()=>{},subHeaderStack:[],setSubHeaderStack:()=>{},variables:[],setVariables:()=>{},showRecommended:!1,setShowRecommended:()=>{}});exports.VariablePickerContext=r,exports.useVariablePickerContext=()=>e.useContext(r);

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

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

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

@@ -1,48 +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;
-}
-export interface VariableListInterfaceV3 {
-    isSubHeader?: boolean;
-    displayName: string;
-    description: string;
-    orderId?: number;
-    isAvailable?: boolean;
-    variables?: {
-        [key: string]: SubHeader | VariableV3;
-    };
-}
-export interface SubHeader {
-    isSubHeader: boolean;
-    isAvailable: boolean;
-    displayName: string;
-    description: string;
-    variables?: {
-        [key: string]: SubHeader | VariableV3;
-    };
-}
-export interface VariableV3 {
-    description?: string;
-    defaultValue?: string;
-    displayName: string;
-    actualValue: string;
-    variableType: string;
-    isAvailable: boolean;
-    actualValueEval?: string;
-    isSubHeader?: boolean;
-    variables?: {
-        [key: string]: VariableV3;
-    };
-    needsFetching?: boolean;
-}

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

@@ -1 +0,0 @@
-"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.PickerType=void 0,(e=exports.PickerType||(exports.PickerType={})).FLOATER="floater",e.EMBEDDED="embedded";

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

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

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

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

package/dist/cjs/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/cjs/components/variable-picker-v3/searchVariables.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=(a,s,r)=>{Object.keys(s).forEach((l=>{s[l].displayName.toLowerCase().includes(a.toLowerCase())&&r.push(s[l].isSubHeader?{[l]:s[l]}:s[l]),s[l].variables&&Object.keys(s[l].variables).length&&e(a,s[l].variables,r)}))};exports.searchVariables=(a,s,r)=>{if(!a)return r.length>0?[r[r.length-1].variables]:s;const l=[];return s.forEach((s=>{if(r.length>0)if(s.displayName&&void 0!==s.variables)e(a,s.variables,l);else{if(s.displayName.toLowerCase().includes(a.toLowerCase())&&l.push(s),!s.variables||!Object.keys(s.variables).length)return;e(a,s.variables,l)}else{if(s.displayName.toLowerCase().includes(a.toLowerCase())&&l.push(s),!s.variables||!Object.keys(s.variables).length)return;e(a,s.variables,l)}})),l};

package/dist/cjs/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/cjs/components/variable-picker-v3/styles.js

@@ -1,37 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=t(e);const a=o.default.div`
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	padding: 12px 16px 0px 16px;
-	background-color: ${r.COLORS.surface.subdued};
-`,i=o.default.div`
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 12px 16px;
-	background-color: ${r.COLORS.surface.subdued};
-	border-bottom: 1px solid ${r.COLORS.stroke.primary};
-`,d=o.default.div`
-	position: relative;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 32px;
-	background-color: ${r.COLORS.background.base};
-`,p=o.default.div`
-	margin: 8px;
-	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=a,exports.RecommendWrapper=i;

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/variable-picker-v3/Content.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { VariablePickerV3Props } from './model';
-type Props = VariablePickerV3Props;
-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 o,Fragment as s}from"react/jsx-runtime";import i from"../../assets/icons/arrow_back.svg.js";import n from"../../assets/icons/plus.svg.js";import r from"../../assets/icons/triangle_error.svg.js";import{useState as l,useEffect as a}from"react";import{COLORS as c}from"../../constants/Theme.js";import{BikAccordion as d}from"../accordion/Accordion.js";import{IconButton as h}from"../icon-button/IconButton.js";import{Input as m}from"../input/Input.js";import{ListItem as p}from"../list-item/ListItem.js";import{Switch as g}from"../switch/Switch.js";import{Tooltip as b}from"../tooltips/Tooltip.js";import{TitleRegular as y,BodySecondary as f,BodyCaption as v,TitleSmall as u}from"../TypographyStyle.js";import{VariablePickerContext as j}from"./context.js";import x from"./NoResult.js";import{showOnlyRecommendedVariables as k}from"./recommendVaribles.js";import{searchVariables as S}from"./searchVariables.js";import{HeaderWrapper as O,RecommendWrapper as w,BackHeader as N,Container as I}from"./styles.js";import C from"./SubHeaderItems.js";const B=B=>{const{data:T,onSelect:R,showHeader:V,showBackButton:H,onBackButtonClick:P}=B,[_,L]=l(T),[$,A]=l(""),[z,D]=l([]),[K,q]=l(""),[E,F]=l(!1),[G,J]=l([]);a((()=>{M(!0)}),[]),a((()=>{z.length>0?J([z[z.length-1]]):J(T)}),[z]);const M=t=>e(void 0,void 0,void 0,(function*(){if(F(t),t){const e=k(_,z);L(e)}else if(z.length>0){const e=K==z[z.length-1].displayName;if($.length>0&&e){const e=S($,G,z);L(e)}else L([z[z.length-1].variables])}else if($.length>0){const e=S($,G,z);L(e)}else L(T)})),Q=e=>{let t=104;return z.length>0&&(t+=54),`calc(${e}px - ${t}px)`};return t(j.Provider,Object.assign({value:{variables:_,searchText:$,subHeaderStack:z,showRecommended:E,setSubHeaderStack:D,setSearchText:A,setVariables:L,setShowRecommended:F}},{children:o("div",Object.assign({tabIndex:-1,id:"variable-picker-v3",style:{backgroundColor:"white",borderRadius:4},onClick:e=>e.stopPropagation()},{children:[(V||H)&&o(O,{children:[H&&t(h,{Icon:()=>t(i,{width:16,height:16,style:{display:"flex",color:c.content.primary}}),onClick:P}),V&&t(y,{children:"Select Variable"})]}),t("div",Object.assign({style:{padding:"0 16px",paddingTop:12,backgroundColor:c.surface.subdued}},{children:t(m,{id:"search-bar-v3-picker",onBlur:e=>{B.onSearchBlur&&B.onSearchBlur(e)},value:$,noKeyDownChange:!0,placeholder:"Search",onChangeText:e=>{e||q("");const t=S(e,G,z);if(E){const e=k(t,z);L(e)}else L(t);A(e);const o=z.length>0?z[z.length-1].displayName:"home";q(o)}})})),o(w,{children:[t(f,Object.assign({style:{color:c.content.secondary}},{children:"Only Recommended"})),t(g,{value:E,onValueChange:t=>e(void 0,void 0,void 0,(function*(){yield M(t)}))})]}),z.length>0&&o(N,{children:[t("div",Object.assign({style:{position:"absolute",left:16}},{children:t(h,{id:"back-btn-v3",style:{display:"flex"},Icon:()=>t(i,{width:12,height:12,style:{color:c.content.secondary}}),onClick:e=>{e.stopPropagation();let t=$;const o=[...z],s=o.pop();if(D(o),s.displayName===K&&(A(""),t=""),t.length>0){const e=o.length>0?[o[o.length-1]]:T,s=S(t,e,o);if(E){const e=k(s,o);L(e)}else L(s)}else if(o.length>0)if(E){const e=k([o[o.length-1].variables],o);L(e)}else L([o[o.length-1].variables]);else if(E){const e=k(T,z);L(e)}else L(T)}})})),t(v,Object.assign({style:{color:c.content.secondary}},{children:z[z.length-1].displayName}))]}),t(s,{children:_.length>0?t(I,Object.assign({height:Q(500)},{children:_.map(((e,s)=>e.displayName&&void 0!==e.variables?t("div",Object.assign({style:{borderBottom:`1px solid ${c.stroke.primary}`}},{children:t(d,Object.assign({headerPadding:"12px 16px",header:t(u,Object.assign({style:{color:c.content.secondary}},{children:e.displayName}))},{children:t(C,{variable:e.variables,onSelect:R})}))}),s):e.displayName?t(p,{version:"2.0",leadingIcon:t(n,{width:14,height:14}),customListItemLabel:o("div",Object.assign({style:{display:"flex",alignItems:"center",gap:4}},{children:[t(f,Object.assign({style:{fontSize:"14px",color:c.text.primary}},{children:e.displayName})),!e.isAvailable&&t(b,Object.assign({body:"Not Recommended"},{children:t("div",Object.assign({style:{display:"flex"}},{children:t(r,{width:16,height:16,color:c.content.secondary})}))}))]})),listItem:{label:e.displayName,value:e.displayName},subText:e.description||"",onClick:()=>{R(e)}},s):t(C,{variable:e,onSelect:R},s)))})):t(x,{height:Q(500),searchText:$})})]}))}))};export{B as VariablePickerContent};

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,10 +0,0 @@
-/// <reference types="react" />
-import { SubHeader, VariableV3 } from './model';
-type SubHeaderProps = {
-    onSelect: (variable: VariableV3) => void;
-    variable: {
-        [key: string]: SubHeader | VariableV3;
-    };
-};
-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 s,jsxs as t}from"react/jsx-runtime";import i from"../../assets/icons/chevronRight.svg.js";import o from"../../assets/icons/plus.svg.js";import r from"../../assets/icons/sub_category.svg.js";import a from"../../assets/icons/triangle_error.svg.js";import{COLORS as l}from"../../constants/Theme.js";import{ListItem as n}from"../list-item/ListItem.js";import{Tooltip as c}from"../tooltips/Tooltip.js";import{BodySecondary as m}from"../TypographyStyle.js";import{useVariablePickerContext as d}from"./context.js";import{showOnlyRecommendedVariables as p}from"./recommendVaribles.js";const b=b=>{const{onSelect:g,variable:h}=b,{subHeaderStack:y,setSubHeaderStack:f,setVariables:j,showRecommended:v}=d();return e(s,{children:Object.keys(h).map(((s,d)=>void 0===h[s].variables?e(n,{version:"2.0",leadingIcon:e(o,{width:14,height:14}),customListItemLabel:t("div",Object.assign({style:{display:"flex",alignItems:"center",gap:4}},{children:[e(m,Object.assign({style:{fontSize:"14px",color:l.text.primary}},{children:h[s].displayName})),!h[s].isAvailable&&e(c,Object.assign({body:"Not Recommended"},{children:e("div",Object.assign({style:{display:"flex"}},{children:e(a,{width:16,height:16,color:l.content.secondary})}))}))]})),listItem:{label:h[s].displayName,value:h[s].displayName},subText:h[s].description||"",onClick:()=>{g(h[s])}},d):e(n,{version:"2.0",listItem:{label:h[s].displayName,value:h[s].displayName},customListItemLabel:e("div",Object.assign({style:{display:"flex",alignItems:"center"}},{children:e(m,Object.assign({style:{fontSize:"14px",color:l.text.primary}},{children:h[s].displayName}))})),leadingIcon:e(r,{width:14,height:14}),subText:h[s].description||"",trailingIcon:e(i,{width:10,height:10,color:"#212121"}),onClick:()=>{const e=[...y,h[s]];if(f(e),v){const t=p([h[s].variables],e);j(t)}else j([h[s].variables])}},d)))})};export{b as default};

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 o,jsx as s}from"react/jsx-runtime";import t from"../../assets/icons/cross.svg.js";import{COLORS as e}from"../../constants/Theme.js";import{CloseButtonContainer as r}from"../modals/modal.styled.js";import{VariablePickerContent as i}from"./Content.js";import{PickerType as n}from"./model.js";const m=m=>{const{type:c}=m;return c==n.FLOATER?o("div",Object.assign({style:{boxShadow:"0px 2px 8px 0px #0000001F",width:m.width?m.width:344,borderRadius:4}},{children:[s(i,Object.assign({},m)),s(r,Object.assign({onClick:()=>{m.onClose&&m.onClose()}},{children:s(t,{height:20,width:20,color:e.content.secondary})}))]})):s(i,Object.assign({},m))};export{m as VariablePicker,m 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,48 +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;
-}
-export interface VariableListInterfaceV3 {
-    isSubHeader?: boolean;
-    displayName: string;
-    description: string;
-    orderId?: number;
-    isAvailable?: boolean;
-    variables?: {
-        [key: string]: SubHeader | VariableV3;
-    };
-}
-export interface SubHeader {
-    isSubHeader: boolean;
-    isAvailable: boolean;
-    displayName: string;
-    description: string;
-    variables?: {
-        [key: string]: SubHeader | VariableV3;
-    };
-}
-export interface VariableV3 {
-    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,r)=>{if(!e)return r.length>0?[r[r.length-1].variables]:s;const l=[];return s.forEach((s=>{if(r.length>0)if(s.displayName&&void 0!==s.variables)a(e,s.variables,l);else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&l.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,l)}else{if(s.displayName.toLowerCase().includes(e.toLowerCase())&&l.push(s),!s.variables||!Object.keys(s.variables).length)return;a(e,s.variables,l)}})),l},a=(e,s,r)=>{Object.keys(s).forEach((l=>{s[l].displayName.toLowerCase().includes(e.toLowerCase())&&r.push(s[l].isSubHeader?{[l]:s[l]}:s[l]),s[l].variables&&Object.keys(s[l].variables).length&&a(e,s[l].variables,r)}))};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,37 +0,0 @@
-import e from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const t=e.div`
-	display: flex;
-	align-items: center;
-	gap: 8px;
-	padding: 12px 16px 0px 16px;
-	background-color: ${o.surface.subdued};
-`,r=e.div`
-	display: flex;
-	justify-content: space-between;
-	align-items: center;
-	padding: 12px 16px;
-	background-color: ${o.surface.subdued};
-	border-bottom: 1px solid ${o.stroke.primary};
-`,i=e.div`
-	position: relative;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	height: 32px;
-	background-color: ${o.background.base};
-`,a=e.div`
-	margin: 8px;
-	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,a as Container,t as HeaderWrapper,r as RecommendWrapper};