@appbaseio/reactivesearch-vue 3.0.0-rc → 3.0.0-rc.10

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-fd869491.js';
-import './vueTypes-f1923c72.js';
-import './Pagination-c2745bec.js';
+import './Button-5c2cf399.js';
+import './vueTypes-409296a9.js';
+import './Pagination-aae4e95f.js';
 import './ReactiveList.js';
 import '@appbaseio/reactivecore/lib/utils/transform';
 import 'redux';
-import './index-4520a598.js';
-import './ComponentWrapper-3a215eed.js';
-import './PreferencesConsumer-24e88f3b.js';
+import './index-104f1dfb.js';
+import './ComponentWrapper-46d04344.js';
+import './PreferencesConsumer-0856ed43.js';
 import './Title-863dfa42.js';
 import './ListItem-e3c6acf4.js';
 import './Card-54b9e7a0.js';
@@ -28,12 +28,15 @@ import '@appbaseio/analytics';
 import 'url-search-params-polyfill';
 import './ReactiveBase.js';
 import 'hotkeys-js';
-export { i as default } from './install-44a07e7a.js';
-import './DropDown-7174661a.js';
-import './Input-f7499ef8.js';
+import 'remarkable';
+import 'xss';
+export { i as default } from './install-78ac6225.js';
+import './DropDown-4a7b4864.js';
+import './Input-26360449.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';
@@ -44,6 +47,8 @@ import './SingleDropdownList.js';
 import './MultiDropdownList.js';
 import './ToggleButton.js';
 import './ReactiveComponent.js';
+import 'vue-slider-component';
+import 'vue-slider-component/theme/antd.css';
 import './ssr-c630ccb9.js';
 import './DynamicRangeSlider.js';
 import './SingleRange.js';

package/dist/es/version.js

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

package/dist/es/{vueTypes-f1923c72.js → vueTypes-409296a9.js}

@@ -120,6 +120,24 @@ 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,
+    renderSourceDocument: VueTypes.func,
+    onSourceClick: VueTypes.func,
+    // renderAskButton: VueTypes.func,has to be a slot
+    askButton: VueTypes.bool,
+    showFeedback: VueTypes.bool
   })
 };
 

package/dist/index.d.ts

@@ -0,0 +1,39 @@
+import * as types from './types.ts';
+
+export interface CommonProps {
+	componentId: string;
+	URLParams?: boolean;
+	uRLParams?: boolean;
+	className?: string;
+	onQueryChange?: (...args: any[]) => any;
+	onValueChange?: (...args: any[]) => any;
+	beforeValueChange?: (...args: any[]) => any;
+	style?: types.style;
+}
+
+export { default as ReactiveBase } from './components/ReactiveBase/ReactiveBase';
+
+export { default as ReactiveComponent } from './components/basic/ReactiveComponent';
+export { default as ReactiveComponentPrivate } from './components/basic/ReactiveComponentPrivate';
+export { default as SelectedFilters } from './components/basic/SelectedFilters';
+export { default as StateProvider } from './components/basic/StateProvider';
+
+export { default as MultiDropdownList } from './components/list/MultiDropdownList';
+export { default as MultiList } from './components/list/MultiList';
+export { default as SingleDropdownList } from './components/list/SingleDropdownList';
+export { default as SingleList } from './components/list/SingleList';
+export { default as ToggleButton } from './components/list/ToggleButton';
+export { default as TreeList } from './components/list/TreeList';
+
+export { default as DynamicRangeSlider } from './components/range/DynamicRangeSlider';
+export { default as MultiRange } from './components/range/MultiRange';
+export { default as RangeInput } from './components/range/RangeInput';
+export { default as RangeSlider } from './components/range/RangeSlider';
+export { default as SingleRange } from './components/range/SingleRange';
+
+export { default as ReactiveList } from './components/result/ReactiveList';
+export { default as ResultCard } from './components/result/ResultCard';
+export { default as ResultList } from './components/result/ResultList';
+
+export { default as SearchBox } from './components/search/SearchBox';
+export { default as AIAnswer } from './components/search/AIAnswer';

package/dist/types.ts

@@ -0,0 +1,224 @@
+import { VNode } from 'vue';
+
+export type components = string[];
+
+export type children = any;
+
+export type data = any[];
+
+export type dataFieldArray = string | string[];
+
+export interface dataNumberBox {
+	label?: string;
+	start: number;
+	end: number;
+}
+
+export type date = string | string[];
+
+export type dateObject = object;
+
+export type fieldWeights = number[];
+
+export type filterLabel = string;
+
+export type fuzziness = 0 | 1 | 2 | 'AUTO';
+
+export type headers = object;
+
+export type hits = object[];
+
+export type iconPosition = 'left' | 'right';
+
+export type labelPosition = 'left' | 'right' | 'top' | 'bottom';
+
+export type options = object | object[];
+
+export type paginationAt = 'top' | 'bottom' | 'both';
+
+export type tooltipTrigger = 'hover' | 'none' | 'focus' | 'always';
+
+export type chartType = 'pie' | 'scatter' | 'histogram' | 'bar' | 'line';
+
+export interface range {
+	start: number;
+	end: number;
+}
+
+export interface rangeLabels {
+	start: string;
+	end: string;
+}
+
+type reactKeyType = string | string[] | object;
+
+export interface react {
+	and?: reactKeyType;
+	or?: reactKeyType;
+	not?: reactKeyType;
+}
+
+export type selectedValues = object;
+
+export type selectedValue = string | string[] | object[] | object | number | number[];
+
+export type suggestions = object[];
+
+export type supportedOrientations =
+	| 'portrait'
+	| 'portrait-upside-down'
+	| 'landscape'
+	| 'landscape-left'
+	| 'landscape-right';
+
+export type sortBy = 'asc' | 'desc';
+
+export interface sortOption {
+	label: string;
+	dataField: string;
+	sortBy: string;
+}
+
+export type sortByWithCount = 'asc' | 'desc' | 'count';
+
+export type stats = object[];
+
+export type stringArray = string[];
+
+export type stringOrArray = string | string[];
+
+export type style = object;
+
+export type themePreset = 'light' | 'dark';
+
+export type queryFormatDate =
+	| 'date'
+	| 'basic_date'
+	| 'basic_date_time'
+	| 'basic_date_time_no_millis'
+	| 'date_time_no_millis'
+	| 'basic_time'
+	| 'basic_time_no_millis'
+	| 'epoch_millis'
+	| 'epoch_second';
+
+export type queryFormatSearch = 'and' | 'or';
+
+export type queryFormatNumberBox = 'exact' | 'lte' | 'gte';
+
+export type params = object;
+
+export type props = object;
+
+export type rangeLabelsAlign = 'left' | 'right';
+
+export type title = string | any;
+
+export type focusShortcuts = string[] | number[];
+
+export interface location {
+	lat: number;
+	lng: number;
+}
+
+export type unit =
+	| 'mi'
+	| 'miles'
+	| 'yd'
+	| 'yards'
+	| 'ft'
+	| 'feet'
+	| 'in'
+	| 'inch'
+	| 'km'
+	| 'kilometers'
+	| 'm'
+	| 'meters'
+	| 'cm'
+	| 'centimeters'
+	| 'mm'
+	| 'millimeters'
+	| 'NM'
+	| 'nmi'
+	| 'nauticalmiles';
+
+export interface analyticsConfig {
+	emptyQuery: boolean;
+	suggestionAnalytics: boolean;
+	userId: string;
+	customEvents: object;
+}
+
+export interface appbaseConfig {
+	recordAnalytics: boolean;
+	emptyQuery: boolean;
+	suggestionAnalytics: boolean;
+	enableQueryRules: boolean;
+	enableSearchRelevancy: boolean;
+	userId: string;
+	useCache: boolean;
+	customEvents: object;
+	enableTelemetry: boolean;
+}
+
+export type showClearAll = 'never' | 'always' | 'default' | true | false;
+
+export type resetToDefault = boolean;
+
+export type calendarInterval = 'month' | 'day' | 'year' | 'week' | 'quarter' | 'hour' | 'minute';
+
+export interface popularSuggestionsConfig {
+	size?: number;
+	minCount?: number;
+	minChars?: number;
+	showGlobal?: boolean;
+	index?: string;
+	preferencesPath?: string;
+	sectionLabel?: string;
+}
+
+export interface recentSuggestionsConfig {
+	size?: number;
+	minHits?: number;
+	minChars?: number;
+	index?: string;
+	preferencesPath?: string;
+	sectionLabel?: string;
+}
+
+export interface indexSuggestionsConfig {
+	sectionLabel?: string;
+	size?: number;
+	index?: string;
+	preferencesPath?: string;
+}
+export interface featuredSuggestionsConfig {
+	featuredSuggestionsGroupId: string;
+	maxSuggestionsPerSection?: number;
+	sectionsOrder?: stringArray;
+}
+
+export interface endpointConfig {
+	url: string;
+	headers?: object;
+	body?: object;
+	method?: string;
+}
+
+export interface AIConfig {
+	systemPrompt?: string;
+	topDocsForContext?: number;
+	maxTokens?: number;
+	docTemplate?: string;
+	queryTemplate?: string;
+	temperature?: number;
+}
+export interface AIUIConfig {
+	loaderMessage: string; // slot #loaderMessage should also be supported
+	showSourceDocuments: boolean;
+	renderSourceDocument: (source: Object) => string | VNode;
+	onSourceClick: (source: Object) => void;
+	renderAskButton: (onClick: Function) => any;
+	askButton: boolean;
+	showFeedback: boolean;
+}

package/package.json

@@ -1,10 +1,11 @@
 {
 	"name": "@appbaseio/reactivesearch-vue",
-	"version": "3.0.0-rc",
+	"version": "3.0.0-rc.10",
 	"private": false,
 	"main": "dist/cjs/index.js",
 	"jsnext:main": "dist/es/index.js",
 	"module": "dist/es/index.js",
+	"typings": "dist/index.d.ts",
 	"description": "A Vue UI components library for building search experiences",
 	"keywords": [
 		"appbase",
@@ -34,8 +35,8 @@
 	],
 	"sideEffects": false,
 	"dependencies": {
-		"@appbaseio/analytics": "^1.1.1",
-		"@appbaseio/reactivecore": "10.0.0-alpha.3",
+		"@appbaseio/analytics": "^1.2.0-alpha.1",
+		"@appbaseio/reactivecore": "10.0.0-alpha.28",
 		"@appbaseio/vue-emotion": "0.6.0-alpha.6",
 		"@emotion/css": "^11.10.5",
 		"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
@@ -46,12 +47,14 @@
 		"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"
+		"vue-types": "^5.0.2",
+		"xss": "^1.0.11"
 	},
 	"peerDependencies": {
 		"vue": "^3.1.0"
@@ -85,6 +88,7 @@
 		"rollup-plugin-replace": "^2.2.0",
 		"rollup-plugin-terser": "^5.1.1",
 		"rollup-plugin-vue": "^6.0.0",
+		"typescript": "^5.0.0",
 		"vue-eslint-parser": "^3.2.2"
 	}
 }

package/dist/cjs/Input-497be42a.js

@@ -1,74 +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;
-var alertBorder = function alertBorder(_ref) {
-  var theme = _ref.theme;
-  return "\n\tborder: 1px solid " + theme.colors.alertColor + ";\n";
-};
-var input = "\n\twidth: 100%;\n\tline-height: 1.5;\n\tmin-height: 42px;\n\tpadding: 8px 12px;\n\tborder: 1px solid #ccc;\n\tbackground-color: #fafafa;\n\tfont-size: 0.9rem;\n\toutline: none;\n\theight: 100%;\n\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\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\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n"])), input, function (_ref3) {
-  var themePreset = _ref3.themePreset,
-    theme = _ref3.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 (
-    // 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 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 clear icon
-    props.showVoiceSearch && props.showIcon && "\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;
-});
-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 suggestionsContainer = css.css(_templateObject3 || (_templateObject3 = _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(_templateObject4 || (_templateObject4 = _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));
-};
-
-exports.Input = Input;
-exports.noSuggestions = noSuggestions;
-exports.suggestions = suggestions;
-exports.suggestionsContainer = suggestionsContainer;

package/dist/es/Input-f7499ef8.js

@@ -1,69 +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;
-var alertBorder = function alertBorder(_ref) {
-  var theme = _ref.theme;
-  return "\n\tborder: 1px solid " + theme.colors.alertColor + ";\n";
-};
-var input = "\n\twidth: 100%;\n\tline-height: 1.5;\n\tmin-height: 42px;\n\tpadding: 8px 12px;\n\tborder: 1px solid #ccc;\n\tbackground-color: #fafafa;\n\tfont-size: 0.9rem;\n\toutline: none;\n\theight: 100%;\n\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\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\n\t&:focus {\n\t\tbackground-color: #fff;\n\t}\n\t", ";\n\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\n\t", ";\n\n\t", ";\n\t", ";\n\t", ";\n\n\t", ";\n"])), input, function (_ref3) {
-  var themePreset = _ref3.themePreset,
-    theme = _ref3.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 (
-    // 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 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 clear icon
-    props.showVoiceSearch && props.showIcon && "\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;
-});
-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 suggestionsContainer = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n\tposition: relative;\n\t.cancel-icon {\n\t\tcursor: pointer;\n\t}\n"])));
-var noSuggestions = function noSuggestions(themePreset, theme) {
-  return css(_templateObject4 || (_templateObject4 = _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));
-};
-
-export { Input as I, suggestions as a, noSuggestions as n, suggestionsContainer as s };