@appbaseio/reactivesearch-vue 3.0.0-rc.8 → 3.1.0-rc.1

package/dist/es/install.js

@@ -8,15 +8,15 @@ import '@appbaseio/reactivecore/lib/utils/helper';
 import '@appbaseio/vue-emotion';
 import '@emotion/css';
 import 'polished';
-import './Button-5c2cf399.js';
-import './vueTypes-09cab4d3.js';
-import './Pagination-50fc3ef5.js';
+import './Button-fd869491.js';
+import './vueTypes-f1923c72.js';
+import './Pagination-c2745bec.js';
 import './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import './index-882489e1.js';
-import './ComponentWrapper-a2635cfc.js';
-import './PreferencesConsumer-b058d14e.js';
+import './index-104f1dfb.js';
+import './ComponentWrapper-e91c9d43.js';
+import './PreferencesConsumer-0856ed43.js';
 import './Title-863dfa42.js';
 import './ListItem-e3c6acf4.js';
 import './Card-54b9e7a0.js';
@@ -28,15 +28,12 @@ import '@appbaseio/analytics';
 import 'url-search-params-polyfill';
 import './ReactiveBase.js';
 import 'hotkeys-js';
-import 'remarkable';
-import 'xss';
-export { i as default } from './install-f4f2557b.js';
-import './DropDown-8075451b.js';
-import './Input-4cd74b38.js';
+export { i as default } from './install-db7d6387.js';
+import './DropDown-74c20431.js';
+import './Input-f7499ef8.js';
 import 'compute-scroll-into-view';
 import './Container-d00219f7.js';
 import 'vue-highlight-words';
-import '@appbaseio/reactivecore/lib/actions/query';
 import '@appbaseio/reactivecore/lib/utils/suggestions';
 import './FormControlList-fe6eaee4.js';
 import './utils-d7dd4f4e.js';

package/dist/es/version.js

@@ -1,3 +1,3 @@
-var version = "3.0.0-rc.8";
+var version = "3.1.0-rc.1";
 
 export default version;

package/dist/es/{vueTypes-09cab4d3.js → vueTypes-f1923c72.js}

@@ -120,24 +120,6 @@ var types = {
     method: VueTypes.string,
     headers: VueTypes.object,
     body: VueTypes.object
-  }),
-  AIConfig: VueTypes.shape({
-    systemPrompt: VueTypes.string,
-    topDocsForContext: VueTypes.number,
-    maxTokens: VueTypes.number,
-    docTemplate: VueTypes.string,
-    queryTemplate: VueTypes.string,
-    temperature: VueTypes.number
-  }),
-  AIUIConfig: VueTypes.shape({
-    loaderMessage: VueTypes.string,
-    // slot #loaderMessage should also be supported
-    showSourceDocuments: VueTypes.bool,
-    sourceDocumentLabel: VueTypes.string,
-    onSourceClick: VueTypes.func,
-    // renderAskButton: VueTypes.func,has to be a slot
-    askButton: VueTypes.bool,
-    showFeedback: VueTypes.bool
   })
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@appbaseio/reactivesearch-vue",
-	"version": "3.0.0-rc.8",
+	"version": "3.1.0-rc.1",
 	"private": false,
 	"main": "dist/cjs/index.js",
 	"jsnext:main": "dist/es/index.js",
@@ -34,26 +34,24 @@
 	],
 	"sideEffects": false,
 	"dependencies": {
-		"@appbaseio/analytics": "^1.2.0-alpha.1",
-		"@appbaseio/reactivecore": "10.0.0-alpha.26",
+		"@appbaseio/analytics": "^1.1.1",
+		"@appbaseio/reactivecore": "10.0.0-alpha.4",
 		"@appbaseio/vue-emotion": "0.6.0-alpha.6",
 		"@emotion/css": "^11.10.5",
 		"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
-		"appbase-js": "^5.2.0",
+		"appbase-js": "^5.3.3",
 		"compute-scroll-into-view": "^1.0.11",
 		"emotion": "11.0.0",
 		"hotkeys-js": "^3.8.7",
 		"ngeohash": "^0.6.3",
 		"polished": "^2.2.0",
 		"redux": "^4.0.0",
-		"remarkable": "^2.0.1",
 		"url-search-params-polyfill": "^7.0.0",
 		"vue-google-maps-community-fork": "^0.1.7",
 		"vue-highlight-words": "^1.2.0",
 		"vue-no-ssr": "^1.1.0",
 		"vue-slider-component": "next",
-		"vue-types": "^5.0.2",
-		"xss": "^1.0.11"
+		"vue-types": "^5.0.2"
 	},
 	"peerDependencies": {
 		"vue": "^3.1.0"

package/dist/cjs/Input-fcd780de.js

@@ -1,156 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
-var vueEmotion = require('@appbaseio/vue-emotion');
-var css = require('@emotion/css');
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-var alertBorder = function alertBorder(_ref) {
-  var theme = _ref.theme;
-  return "\n\tborder: 1px solid " + theme.colors.alertColor + ";\n";
-};
-var input = function input(searchBox) {
-  return "\nwidth: 100%;\nline-height: 1.5;\nmin-height: 42px;\npadding: 8px 12px;\nborder: 1px solid #ccc;\nbackground-color: #fafafa;\nfont-size: 0.9rem;\noutline: none;\n&:focus {\n\tbackground-color: #fff;\n}\n" + (searchBox && "\n\tpadding: 8px 12px 9px;\n\tborder: 1px solid transparent;\n\tborder-radius: 6px;\n") + ";\n";
-};
-var dark = function dark(theme) {
-  return "\n\tborder-color: " + theme.colors.borderColor + ";\n";
-};
-var darkInput = function darkInput(_ref2) {
-  var theme = _ref2.theme;
-  return "\n\tbackground-color: " + theme.colors.backgroundColor + ";\n\tcolor: " + theme.colors.textColor + ";\n\t" + dark(theme) + ";\n\n\t&:focus {\n\t\tbackground-color: " + theme.colors.backgroundColor + ";\n\t}\n";
-};
-var Input = vueEmotion.styled('input')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t&[type='search']::-webkit-search-decoration,\n\t&[type='search']::-webkit-search-cancel-button,\n\t&[type='search']::-webkit-search-results-button,\n\t&[type='search']::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n"])), function (props) {
-  return input(props.searchBox);
-}, function (_ref3) {
-  var themePreset = _ref3.themePreset;
-  return themePreset === 'dark' && darkInput;
-}, function (props) {
-  return props.showIcon && props.iconPosition === 'left' && "\n\t\t\tpadding-left: 36px;\n\t\t";
-}, function (props) {
-  return props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 36px;\n\t\t";
-}, function (props) {
-  return (
-    // for clear icon
-    props.showClear && "\n\t\t\tpadding-right: 36px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for voice search icon
-    props.showVoiceSearch && "\n\t\t\tpadding-right: 36px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for clear icon with search icon
-    props.showClear && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for voice search icon with clear icon
-    props.showVoiceSearch && props.showIcon && "\n\t\t\tpadding-right: 66px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for voice search icon with search icon
-    props.showVoiceSearch && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for clear icon with search icon and voice search
-    props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 90px;\n\t\t"
-  );
-}, function (props) {
-  return props.alert && alertBorder;
-}, function (props) {
-  return props.isOpen && "\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t";
-});
-var suggestions = function suggestions(themePreset, theme) {
-  return css.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: min(100vh, 402px);\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tcursor: pointer;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: flex;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: #eee;\n\t\t}\n\t}\n\n\t", ";\n"])), themePreset === 'dark' && theme && dark(theme));
-};
-var searchboxSuggestions = function searchboxSuggestions(themePreset, theme) {
-  return css.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\n\tmax-height: min(100vh, 401px);\n\tborder: none;\n\tborder-radius: 6px;\n\tborder-top-left-radius: 0;\n\tborder-top-right-radius: 0;\n\tbox-shadow: rgb(0 0 0 / 20%) 0px 10px 15px;\n\tborder-top: 1px solid #f2f0f0;\n\tli {\n\t\ttransition: all 0.3s ease-in;\n\t\tposition: relative;\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: unset;\n\t\t}\n\t\t.trim {\n\t\t\tline-height: 20px;\n\t\t}\n\t\t&.li-item {\n\t\t\tbackground-color: ", ";\n\n\t\t\t", "\n\t\t}\n\t\t&.active-li-item {\n\t\t\tbackground-color: ", ";\n\t\t\tcolor: #fff;\n\t\t\tsvg {\n\t\t\t\ttransition: fill 0.3s ease-in;\n\t\t\t\tfill: #fff !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.section-container {\n\t\tpadding-bottom: 5px;\n\t\tborder-bottom: 1px solid #f2f0f0;\n\t\t", ";\n\t\t.section-header {\n\t\t\tpadding: 10px;\n\t\t\tfont-size: 12px;\n\t\t\tcolor: #7f7c7c;\n\t\t\tbackground: #f9f9f9;\n\t\t\t", ";\n\t\t}\n\n\t\t.section-list {\n\t\t\tpadding-left: 0;\n\t\t}\n\t\t.section-list-item {\n\t\t\t&__label,\n\t\t\t&__description {\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\twhite-space: nowrap;\n\n\t\t\t\t* {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__label {\n\t\t\t}\n\t\t\t&__description {\n\t\t\t\tmargin-top: 5px;\n\t\t\t\topacity: 0.7;\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\t\t}\n\t}\n"])), suggestions(themePreset, theme), themePreset === 'dark' ? '#424242' : '#fff', themePreset && theme && "svg {\n\t\t\t\tfill: " + (theme.colors ? theme.colors.primaryColor : '#707070') + ";\n\t\t\t}", themePreset === 'dark' ? '#555' : '#2d84f6', themePreset === 'dark' && css.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tbackground: #161616;\n\t\t"]))), themePreset === 'dark' && css.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\t\tcolor: #218fe7;\n\t\t\t\tbackground: #161616;\n\t\t\t"]))));
-};
-var suggestionsContainer = css.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));
-var noSuggestions = function noSuggestions(themePreset, theme) {
-  return css.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t", "\n"])), themePreset === 'dark' && theme && dark(theme));
-};
-var TextArea = vueEmotion.styled('textarea')(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t&::-webkit-search-decoration,\n\t&::-webkit-search-cancel-button,\n\t&::-webkit-search-results-button,\n\t&::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n\tresize: none;\n\toverflow: hidden;\n\theight: 42px;\n\t", "\n"])), input, function (_ref4) {
-  var themePreset = _ref4.themePreset,
-    theme = _ref4.theme;
-  return themePreset === 'dark' && darkInput({
-    theme: theme
-  });
-}, function (props) {
-  return props.showIcon && props.iconPosition === 'left' && "\n\t\t\tpadding-left: 36px;\n\t\t";
-}, function (props) {
-  return props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 36px;\n\t\t";
-}, function (props) {
-  return (
-    // for clear icon
-    props.showClear && "\n\t\t\tpadding-right: 36px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for voice search icon
-    props.showVoiceSearch && "\n\t\t\tpadding-right: 36px;\n\t\t"
-  );
-}, function (props) {
-  return props.showFocusShortcutsIcon && "\n\t\t\tpadding-right: 20px;\n\t\t";
-}, function (props) {
-  return props.showIcon && props.showFocusShortcutsIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t";
-}, function (props) {
-  return (
-    // for voice search icon with focusshortcut  icon
-    props.showVoiceSearch && props.showFocusShortcutsIcon && "\n\t\t\tpadding-right: 50px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for clear icon with search icon
-    props.showClear && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for voice search icon with clear icon
-    props.showVoiceSearch && props.showIcon && "\n\t\t\tpadding-right: 66px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for voice search icon with search icon
-    props.showVoiceSearch && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for voice search icon with focusshortcut  icon and clear icon
-    props.showVoiceSearch && props.showFocusShortcutsIcon && props.showClear && "\n\t\t\tpadding-right: 80px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for search icon with focusshortcut  icon
-    props.showIcon && props.showFocusShortcutsIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for clear icon with search icon and voice search
-    props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 90px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for clear icon with search icon, focusshortcut icon and voice search
-    props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && props.showFocusShortcutsIcon && "\n\t\t\tpadding-right: 106px;\n\t\t"
-  );
-}, function (props) {
-  return props.alert && alertBorder;
-}, function (props) {
-  return props.isOpen && css.css(_templateObject9 || (_templateObject9 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t"])));
-}, function (_ref5) {
-  var searchBox = _ref5.searchBox;
-  return searchBox && "\n\t\tbackground: none;\n\t\tpadding:0px;\n\t\tpadding-top: 12px;\n\t\tborder: none;\n\t\tline-height: inherit;\n\t\twhite-space: nowrap;\n\t\t&:focus {\n\t\t\tbackground: none;\n\t\t}\n\t";
-});
-var Actions = vueEmotion.styled('div')(_templateObject10 || (_templateObject10 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n"])));
-
-exports.Actions = Actions;
-exports.Input = Input;
-exports.TextArea = TextArea;
-exports.noSuggestions = noSuggestions;
-exports.searchboxSuggestions = searchboxSuggestions;
-exports.suggestions = suggestions;
-exports.suggestionsContainer = suggestionsContainer;

package/dist/es/Input-4cd74b38.js

@@ -1,148 +0,0 @@
-import { _ as _taggedTemplateLiteralLoose } from './_rollupPluginBabelHelpers-ded08042.js';
-import { styled } from '@appbaseio/vue-emotion';
-import { css } from '@emotion/css';
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-var alertBorder = function alertBorder(_ref) {
-  var theme = _ref.theme;
-  return "\n\tborder: 1px solid " + theme.colors.alertColor + ";\n";
-};
-var input = function input(searchBox) {
-  return "\nwidth: 100%;\nline-height: 1.5;\nmin-height: 42px;\npadding: 8px 12px;\nborder: 1px solid #ccc;\nbackground-color: #fafafa;\nfont-size: 0.9rem;\noutline: none;\n&:focus {\n\tbackground-color: #fff;\n}\n" + (searchBox && "\n\tpadding: 8px 12px 9px;\n\tborder: 1px solid transparent;\n\tborder-radius: 6px;\n") + ";\n";
-};
-var dark = function dark(theme) {
-  return "\n\tborder-color: " + theme.colors.borderColor + ";\n";
-};
-var darkInput = function darkInput(_ref2) {
-  var theme = _ref2.theme;
-  return "\n\tbackground-color: " + theme.colors.backgroundColor + ";\n\tcolor: " + theme.colors.textColor + ";\n\t" + dark(theme) + ";\n\n\t&:focus {\n\t\tbackground-color: " + theme.colors.backgroundColor + ";\n\t}\n";
-};
-var Input = styled('input')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t&[type='search']::-webkit-search-decoration,\n\t&[type='search']::-webkit-search-cancel-button,\n\t&[type='search']::-webkit-search-results-button,\n\t&[type='search']::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n"])), function (props) {
-  return input(props.searchBox);
-}, function (_ref3) {
-  var themePreset = _ref3.themePreset;
-  return themePreset === 'dark' && darkInput;
-}, function (props) {
-  return props.showIcon && props.iconPosition === 'left' && "\n\t\t\tpadding-left: 36px;\n\t\t";
-}, function (props) {
-  return props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 36px;\n\t\t";
-}, function (props) {
-  return (
-    // for clear icon
-    props.showClear && "\n\t\t\tpadding-right: 36px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for voice search icon
-    props.showVoiceSearch && "\n\t\t\tpadding-right: 36px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for clear icon with search icon
-    props.showClear && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for voice search icon with clear icon
-    props.showVoiceSearch && props.showIcon && "\n\t\t\tpadding-right: 66px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for voice search icon with search icon
-    props.showVoiceSearch && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for clear icon with search icon and voice search
-    props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 90px;\n\t\t"
-  );
-}, function (props) {
-  return props.alert && alertBorder;
-}, function (props) {
-  return props.isOpen && "\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t";
-});
-var suggestions = function suggestions(themePreset, theme) {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: min(100vh, 402px);\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tcursor: pointer;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: flex;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: #eee;\n\t\t}\n\t}\n\n\t", ";\n"])), themePreset === 'dark' && theme && dark(theme));
-};
-var searchboxSuggestions = function searchboxSuggestions(themePreset, theme) {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n\t", ";\n\n\tmax-height: min(100vh, 401px);\n\tborder: none;\n\tborder-radius: 6px;\n\tborder-top-left-radius: 0;\n\tborder-top-right-radius: 0;\n\tbox-shadow: rgb(0 0 0 / 20%) 0px 10px 15px;\n\tborder-top: 1px solid #f2f0f0;\n\tli {\n\t\ttransition: all 0.3s ease-in;\n\t\tposition: relative;\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: unset;\n\t\t}\n\t\t.trim {\n\t\t\tline-height: 20px;\n\t\t}\n\t\t&.li-item {\n\t\t\tbackground-color: ", ";\n\n\t\t\t", "\n\t\t}\n\t\t&.active-li-item {\n\t\t\tbackground-color: ", ";\n\t\t\tcolor: #fff;\n\t\t\tsvg {\n\t\t\t\ttransition: fill 0.3s ease-in;\n\t\t\t\tfill: #fff !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t.section-container {\n\t\tpadding-bottom: 5px;\n\t\tborder-bottom: 1px solid #f2f0f0;\n\t\t", ";\n\t\t.section-header {\n\t\t\tpadding: 10px;\n\t\t\tfont-size: 12px;\n\t\t\tcolor: #7f7c7c;\n\t\t\tbackground: #f9f9f9;\n\t\t\t", ";\n\t\t}\n\n\t\t.section-list {\n\t\t\tpadding-left: 0;\n\t\t}\n\t\t.section-list-item {\n\t\t\t&__label,\n\t\t\t&__description {\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\twhite-space: nowrap;\n\n\t\t\t\t* {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__label {\n\t\t\t}\n\t\t\t&__description {\n\t\t\t\tmargin-top: 5px;\n\t\t\t\topacity: 0.7;\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\t\t}\n\t}\n"])), suggestions(themePreset, theme), themePreset === 'dark' ? '#424242' : '#fff', themePreset && theme && "svg {\n\t\t\t\tfill: " + (theme.colors ? theme.colors.primaryColor : '#707070') + ";\n\t\t\t}", themePreset === 'dark' ? '#555' : '#2d84f6', themePreset === 'dark' && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n\t\t\tbackground: #161616;\n\t\t"]))), themePreset === 'dark' && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n\t\t\t\tcolor: #218fe7;\n\t\t\t\tbackground: #161616;\n\t\t\t"]))));
-};
-var suggestionsContainer = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));
-var noSuggestions = function noSuggestions(themePreset, theme) {
-  return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n\tdisplay: block;\n\twidth: 100%;\n\tborder: 1px solid #ccc;\n\tborder-top: none;\n\tbackground-color: #fff;\n\tfont-size: 0.9rem;\n\tz-index: 3;\n\tposition: absolute;\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n\tmax-height: 260px;\n\toverflow-y: auto;\n\n\t&.small {\n\t\ttop: 30px;\n\t}\n\n\tli {\n\t\tdisplay: flex;\n\t\tjustify-content: space-between;\n\t\tpadding: 10px;\n\t\tuser-select: none;\n\n\t\t& > .trim {\n\t\t\tdisplay: -webkit-box;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmax-height: 2.3rem;\n\t\t\tline-height: 1.2rem;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t}\n\t}\n\n\t", "\n"])), themePreset === 'dark' && theme && dark(theme));
-};
-var TextArea = styled('textarea')(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t", ";\n\t&::-webkit-search-decoration,\n\t&::-webkit-search-cancel-button,\n\t&::-webkit-search-results-button,\n\t&::-webkit-search-results-decoration {\n\t\tdisplay: none;\n\t}\n\tresize: none;\n\toverflow: hidden;\n\theight: 42px;\n\t", "\n"])), input, function (_ref4) {
-  var themePreset = _ref4.themePreset,
-    theme = _ref4.theme;
-  return themePreset === 'dark' && darkInput({
-    theme: theme
-  });
-}, function (props) {
-  return props.showIcon && props.iconPosition === 'left' && "\n\t\t\tpadding-left: 36px;\n\t\t";
-}, function (props) {
-  return props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 36px;\n\t\t";
-}, function (props) {
-  return (
-    // for clear icon
-    props.showClear && "\n\t\t\tpadding-right: 36px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for voice search icon
-    props.showVoiceSearch && "\n\t\t\tpadding-right: 36px;\n\t\t"
-  );
-}, function (props) {
-  return props.showFocusShortcutsIcon && "\n\t\t\tpadding-right: 20px;\n\t\t";
-}, function (props) {
-  return props.showIcon && props.showFocusShortcutsIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t";
-}, function (props) {
-  return (
-    // for voice search icon with focusshortcut  icon
-    props.showVoiceSearch && props.showFocusShortcutsIcon && "\n\t\t\tpadding-right: 50px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for clear icon with search icon
-    props.showClear && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for voice search icon with clear icon
-    props.showVoiceSearch && props.showIcon && "\n\t\t\tpadding-right: 66px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for voice search icon with search icon
-    props.showVoiceSearch && props.showIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for voice search icon with focusshortcut  icon and clear icon
-    props.showVoiceSearch && props.showFocusShortcutsIcon && props.showClear && "\n\t\t\tpadding-right: 80px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for search icon with focusshortcut  icon
-    props.showIcon && props.showFocusShortcutsIcon && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 66px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for clear icon with search icon and voice search
-    props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && "\n\t\t\tpadding-right: 90px;\n\t\t"
-  );
-}, function (props) {
-  return (
-    // for clear icon with search icon, focusshortcut icon and voice search
-    props.showClear && props.showIcon && props.showVoiceSearch && props.iconPosition === 'right' && props.showFocusShortcutsIcon && "\n\t\t\tpadding-right: 106px;\n\t\t"
-  );
-}, function (props) {
-  return props.alert && alertBorder;
-}, function (props) {
-  return props.isOpen && css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n\t\t\tborder-bottom-left-radius: 0;\n\t\t\tborder-bottom-right-radius: 0;\n\t\t"])));
-}, function (_ref5) {
-  var searchBox = _ref5.searchBox;
-  return searchBox && "\n\t\tbackground: none;\n\t\tpadding:0px;\n\t\tpadding-top: 12px;\n\t\tborder: none;\n\t\tline-height: inherit;\n\t\twhite-space: nowrap;\n\t\t&:focus {\n\t\t\tbackground: none;\n\t\t}\n\t";
-});
-var Actions = styled('div')(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n"])));
-
-export { Actions as A, Input as I, TextArea as T, suggestions as a, searchboxSuggestions as b, noSuggestions as n, suggestionsContainer as s };