@activecollab/components 1.0.7 → 1.0.8

package/dist/esm/components/Autocomplete/Autocomplete.js

@@ -0,0 +1,378 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useCallback, useState, useMemo, useEffect, useRef } from "react";
+import classNames from "classnames";
+import { Scrollbars } from "react-custom-scrollbars";
+import { ScrollShadow } from "../ScrollShadow/ScrollShadow";
+import highlightText from "../../hooks/useHighlightText";
+import { handleKeyboardMovement } from "./HandleKeyboard";
+import { Option } from "../Select/Option";
+import { OptionGroup } from "../Select/OptionGroup";
+import { StyledAutocompleteBody, StyledAutocompleteNewItem, StyledAutocompleteNoResult } from "./Styles";
+export var Autocomplete = function Autocomplete(_ref) {
+  var type = _ref.type,
+      _ref$options = _ref.options,
+      options = _ref$options === void 0 ? [] : _ref$options,
+      inputEl = _ref.inputEl,
+      _ref$selected = _ref.selected,
+      selected = _ref$selected === void 0 ? [] : _ref$selected,
+      emptyValue = _ref.emptyValue,
+      noResultText = _ref.noResultText,
+      _ref$renderOption = _ref.renderOption,
+      renderOption = _ref$renderOption === void 0 ? function (option) {
+    return option == null ? void 0 : option.name;
+  } : _ref$renderOption,
+      defaultValue = _ref.defaultValue,
+      _ref$sortDirection = _ref.sortDirection,
+      sortDirection = _ref$sortDirection === void 0 ? "asc" : _ref$sortDirection,
+      handleChange = _ref.handleChange,
+      optionClassName = _ref.optionClassName,
+      handleEmptyAction = _ref.handleEmptyAction,
+      disabledInternalSort = _ref.disabledInternalSort,
+      AutocompleteClassName = _ref.AutocompleteClassName,
+      handleDefaultOptionChange = _ref.handleDefaultOptionChange,
+      preselectDefaultValue = _ref.preselectDefaultValue,
+      _ref$keepSameOptionsO = _ref.keepSameOptionsOrder,
+      keepSameOptionsOrder = _ref$keepSameOptionsO === void 0 ? false : _ref$keepSameOptionsO,
+      _ref$autoHeightMax = _ref.autoHeightMax,
+      autoHeightMax = _ref$autoHeightMax === void 0 ? 340 : _ref$autoHeightMax;
+  var itemRef = useRef(null);
+  var listRef = useRef(null);
+  var selectedOptions = useMemo(function () {
+    return selected instanceof Array ? selected : [selected];
+  }, [selected]);
+  var handleSort = useCallback(function (opts) {
+    if (keepSameOptionsOrder) {
+      return opts;
+    }
+
+    return opts.sort(function (a, b) {
+      if (selectedOptions.includes(b.id) && !selectedOptions.includes(a.id)) {
+        return 1;
+      }
+
+      if (selectedOptions.includes(a.id) && !selectedOptions.includes(b.id)) {
+        return -1;
+      }
+
+      return 0;
+    }); // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var sortList = useCallback(function (options) {
+    if (disabledInternalSort) {
+      return handleSort([].concat(options));
+    }
+
+    return handleSort([].concat(options).sort(function (a, b) {
+      return sortDirection === "asc" ? a.name.localeCompare(b.name) : b.name.localeCompare(a.name);
+    }));
+  }, [sortDirection, disabledInternalSort, handleSort]);
+  var sortedList = useMemo(function () {
+    return sortList(options);
+  }, [options, sortList]);
+
+  var _useState = useState({
+    item: undefined,
+    by: undefined
+  }),
+      hover = _useState[0],
+      setHover = _useState[1];
+
+  var _useState2 = useState(""),
+      filter = _useState2[0],
+      setFilter = _useState2[1];
+
+  var handleEmpty = useCallback(function (e) {
+    if (e && e.button !== 0) {
+      return;
+    }
+
+    if (handleEmptyAction) {
+      inputEl == null ? void 0 : inputEl.focus();
+      setFilter("");
+      handleEmptyAction(filter);
+    }
+  }, [filter, handleEmptyAction, inputEl]);
+  var onAddNewMouseEnter = useCallback(function () {
+    return setHover({
+      item: "addNew",
+      by: "mouse"
+    });
+  }, []);
+
+  function isGroup(item) {
+    return item.options !== undefined;
+  }
+
+  var showAddNew = useMemo(function () {
+    return !!(emptyValue && filter.trim() && options.every(function (option) {
+      if (isGroup(option)) {
+        return option.options.every(function (v) {
+          return v.name.toLowerCase() !== filter.trim().toLowerCase();
+        });
+      }
+
+      return option.name.toLowerCase() !== filter.trim().toLowerCase();
+    }));
+  }, [emptyValue, filter, options]);
+  var renderAddNew = useMemo(function () {
+    return /*#__PURE__*/React.createElement(StyledAutocompleteNewItem, {
+      ref: hover.item === "addNew" ? itemRef : null,
+      key: "emptyValue",
+      hover: hover.item === "addNew",
+      onMouseDown: handleEmpty,
+      onMouseEnter: onAddNewMouseEnter
+    }, emptyValue);
+  }, [emptyValue, handleEmpty, hover, onAddNewMouseEnter]);
+  var filterOptions = useCallback(function (options, filter) {
+    var trimmedFilter = filter.trim();
+    var isGrouped = options[0] && isGroup(options[0]);
+
+    if (isGrouped) {
+      var hovered = false;
+      return options.reduce(function (acc, groupedOption) {
+        var filteredOptions = groupedOption.options.filter(function (v) {
+          return v.name.toLowerCase().includes(trimmedFilter.toLowerCase());
+        });
+
+        if (filteredOptions.length > 0) {
+          if (!hovered && filter) {
+            setHover({
+              item: filteredOptions[0].id,
+              by: "keyboard"
+            });
+          }
+
+          hovered = true;
+          return [].concat(acc, [_extends({}, groupedOption, {
+            options: filteredOptions
+          })]);
+        }
+
+        return [].concat(acc);
+      }, []);
+    } else {
+      var filteredOptions = options.filter(function (v) {
+        return v.name.toLowerCase().includes(trimmedFilter.toLowerCase());
+      });
+
+      if (filter && filteredOptions.length > 0) {
+        setHover({
+          item: filteredOptions[0].id,
+          by: "keyboard"
+        });
+      }
+
+      if (filteredOptions.length === 0 && emptyValue) {
+        setHover({
+          item: "addNew",
+          by: "keyboard"
+        });
+      }
+
+      return filteredOptions;
+    }
+  }, [emptyValue]);
+  var list = useMemo(function () {
+    return filterOptions(sortedList, filter);
+  }, [filter, filterOptions, sortedList]);
+  var showDefaultOption = useMemo(function () {
+    return !!defaultValue && !filter;
+  }, [defaultValue, filter]);
+  var flatOptions = useMemo(function () {
+    var options = list.reduce(function (acc, option) {
+      if (!isGroup(option)) {
+        return [].concat(acc, [option]);
+      }
+
+      return [].concat(acc, option.options);
+    }, []);
+    return filterOptions(options, filter);
+  }, [filter, filterOptions, list]);
+  var handleInputChange = useCallback(function (e) {
+    if (e.target && !(e.key === "ArrowDown") && !(e.key === "ArrowUp") && !(e.key === "Enter")) {
+      setFilter(e.target.value);
+    }
+  }, []);
+  var handleMouseEnter = useCallback(function (e) {
+    if (e === undefined || e === null) {
+      return setHover({
+        item: null,
+        by: "mouse"
+      });
+    }
+
+    setHover({
+      item: e,
+      by: "mouse"
+    });
+  }, []);
+  var handleHoverCallback = useCallback(function (e) {
+    setHover({
+      item: e,
+      by: "mouse"
+    });
+  }, []);
+  var handleRenderOption = useCallback(function (item) {
+    if (isGroup(item)) {
+      return /*#__PURE__*/React.createElement(OptionGroup, {
+        checked: selectedOptions,
+        name: item.name,
+        key: item.id,
+        setHover: handleHoverCallback,
+        id: item.id,
+        hover: hover.item,
+        options: item.options,
+        renderOptions: handleRenderOption,
+        type: type,
+        onChange: handleChange,
+        filter: filter
+      });
+    }
+
+    return /*#__PURE__*/React.createElement(Option, {
+      name: item.name,
+      ref: itemRef,
+      key: item.id,
+      onMouseEnter: handleMouseEnter,
+      id: item.id,
+      hover: item.id === hover.item,
+      className: optionClassName,
+      renderOption: renderOption(_extends({}, item, {
+        name: highlightText(item.name, filter)
+      }), {
+        id: "option_" + item.id,
+        checked: selectedOptions && selectedOptions.includes(item.id),
+        hover: hover.item === item.id,
+        onChange: function onChange() {
+          return null;
+        }
+      })
+    });
+  }, [handleMouseEnter, hover.item, optionClassName, renderOption, filter, selectedOptions, handleHoverCallback, type, handleChange]);
+  var handleOnMouseLeave = useCallback(function () {
+    setHover({
+      item: undefined,
+      by: "mouse"
+    });
+  }, []);
+  var handleScroll = useCallback(function (list, itemOffset) {
+    if (list.getClientHeight() + list.getScrollTop() < itemOffset + 40) {
+      return list.scrollTop(itemOffset - list.getClientHeight() + 30);
+    }
+
+    if (list.getScrollTop() > itemOffset) {
+      return list.scrollTop(itemOffset);
+    }
+  }, []);
+  useEffect(function () {
+    if (hover.by === "keyboard" && hover.item !== undefined) {
+      var item = itemRef.current;
+      var _list = listRef.current;
+
+      if (itemRef && item && _list) {
+        handleScroll(_list, item.offsetTop);
+      }
+    }
+  }, [handleScroll, hover]);
+  var handleOnKeyDown = useCallback(function (e) {
+    if (e.key === "Enter") {
+      e.preventDefault();
+
+      if (hover.item === undefined && filter === "") {
+        return;
+      }
+
+      if (hover.item === "addNew") {
+        handleEmpty(null);
+        return;
+      }
+
+      if (hover.item === null && handleDefaultOptionChange) {
+        handleDefaultOptionChange();
+        return;
+      }
+
+      if (handleChange) {
+        handleChange(hover.item);
+        setFilter("");
+      }
+
+      return;
+    }
+
+    setHover({
+      item: handleKeyboardMovement(e, hover.item, flatOptions, showAddNew, showDefaultOption),
+      by: "keyboard"
+    });
+  }, [filter, flatOptions, handleChange, handleDefaultOptionChange, handleEmpty, hover, showAddNew, showDefaultOption]);
+  var handleClick = useCallback(function () {
+    if (hover.item === null && handleDefaultOptionChange) {
+      handleDefaultOptionChange();
+    }
+
+    if (handleChange) {
+      handleChange(hover == null ? void 0 : hover.item);
+    }
+
+    setTimeout(function () {
+      return inputEl == null ? void 0 : inputEl.focus();
+    }, 0);
+    setFilter("");
+  }, [handleChange, handleDefaultOptionChange, hover, inputEl]);
+  useEffect(function () {
+    if (inputEl) {
+      inputEl.onkeydown = handleOnKeyDown;
+      inputEl.onkeyup = handleInputChange;
+    }
+  }, [handleInputChange, handleOnKeyDown, inputEl]);
+  var isDefaultOptionSelected = useCallback(function () {
+    if (preselectDefaultValue) {
+      return selectedOptions.length < 1 || selectedOptions[0] === "";
+    } else {
+      return selectedOptions[0] === null || selectedOptions.length === flatOptions.length;
+    }
+  }, [flatOptions.length, preselectDefaultValue, selectedOptions]);
+  var showNoResult = useMemo(function () {
+    return noResultText && !showAddNew && list.length < 1;
+  }, [list.length, noResultText, showAddNew]);
+  var renderNoResult = useMemo(function () {
+    return /*#__PURE__*/React.createElement(StyledAutocompleteNoResult, null, noResultText);
+  }, [noResultText]);
+  return /*#__PURE__*/React.createElement(ScrollShadow, {
+    className: classNames("c-select--list", {
+      "tw-hidden": !defaultValue && !emptyValue && !noResultText && list.length < 1
+    }, AutocompleteClassName)
+  }, function (_ref2) {
+    var onScroll = _ref2.onScroll;
+    return /*#__PURE__*/React.createElement(StyledAutocompleteBody, {
+      key: "body",
+      onChange: handleClick,
+      onMouseLeave: handleOnMouseLeave
+    }, /*#__PURE__*/React.createElement(Scrollbars, {
+      ref: listRef,
+      key: "scrollBar",
+      autoHeight: true,
+      autoHeightMax: autoHeightMax,
+      onScroll: onScroll
+    }, defaultValue && !filter && /*#__PURE__*/React.createElement(Option, {
+      name: defaultValue,
+      ref: itemRef,
+      hover: hover.item === null,
+      onMouseEnter: handleMouseEnter,
+      renderOption: renderOption({
+        name: defaultValue,
+        id: null
+      }, {
+        checked: isDefaultOptionSelected(),
+        hover: hover.item === null,
+        onChange: function onChange() {
+          return null;
+        }
+      })
+    }), list.map(function (item) {
+      return handleRenderOption(item);
+    }), showNoResult && renderNoResult, showAddNew && renderAddNew));
+  });
+};
+Autocomplete.displayName = "Autocomplete";
+//# sourceMappingURL=Autocomplete.js.map

package/dist/esm/components/Autocomplete/Autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Autocomplete/Autocomplete.tsx"],"names":["React","useCallback","useState","useMemo","useEffect","useRef","classNames","Scrollbars","ScrollShadow","highlightText","handleKeyboardMovement","Option","OptionGroup","StyledAutocompleteBody","StyledAutocompleteNewItem","StyledAutocompleteNoResult","Autocomplete","type","options","inputEl","selected","emptyValue","noResultText","renderOption","option","name","defaultValue","sortDirection","handleChange","optionClassName","handleEmptyAction","disabledInternalSort","AutocompleteClassName","handleDefaultOptionChange","preselectDefaultValue","keepSameOptionsOrder","autoHeightMax","itemRef","listRef","selectedOptions","Array","handleSort","opts","sort","a","b","includes","id","sortList","localeCompare","sortedList","item","undefined","by","hover","setHover","filter","setFilter","handleEmpty","e","button","focus","onAddNewMouseEnter","isGroup","showAddNew","trim","every","v","toLowerCase","renderAddNew","filterOptions","trimmedFilter","isGrouped","hovered","reduce","acc","groupedOption","filteredOptions","length","list","showDefaultOption","flatOptions","handleInputChange","target","key","value","handleMouseEnter","handleHoverCallback","handleRenderOption","checked","onChange","handleOnMouseLeave","handleScroll","itemOffset","getClientHeight","getScrollTop","scrollTop","current","offsetTop","handleOnKeyDown","preventDefault","handleClick","setTimeout","onkeydown","onkeyup","isDefaultOptionSelected","showNoResult","renderNoResult","onScroll","map","displayName"],"mappings":"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","sourcesContent":["import React, {\n  FC,\n  useCallback,\n  useState,\n  useMemo,\n  useEffect,\n  useRef,\n  ReactNode,\n  ReactElement,\n} from \"react\";\nimport classNames from \"classnames\";\nimport { Scrollbars } from \"react-custom-scrollbars\";\nimport { ScrollShadow } from \"../ScrollShadow/ScrollShadow\";\nimport highlightText from \"../../hooks/useHighlightText\";\nimport { handleKeyboardMovement } from \"./HandleKeyboard\";\nimport { IOptionItemProps, Option } from \"../Select/Option\";\nimport { IOptionGroupProps, OptionGroup } from \"../Select/OptionGroup\";\nimport {\n  StyledAutocompleteBody,\n  StyledAutocompleteNewItem,\n  StyledAutocompleteNoResult,\n} from \"./Styles\";\n\nexport interface IAutocompleteProps {\n  /** Select type: single or multiple */\n  type?: \"single\" | \"multiple\";\n  /** List of options or group options */\n  options?: (IOptionGroupProps | IOptionItemProps)[];\n  /** Selected values */\n  selected?: (string | number)[] | string | number;\n  /** Input Element. */\n  inputEl?: HTMLInputElement | null;\n  /** Text for empty value */\n  emptyValue?: string;\n  /** Text for No result */\n  noResultText?: string;\n  /** Render option */\n  renderOption?: (\n    option: Record<string, ReactNode>,\n    data: Record<string, unknown>\n  ) => string | ReactElement;\n  /** Default value that renders on top of list */\n  defaultValue?: string;\n  /** Sort direction for labels */\n  sortDirection?: \"asc\" | \"desc\";\n  /** handleChange callback */\n  handleChange?: (\n    e: (string | number)[] | string | number | null | undefined\n  ) => void;\n  /** ClassName for single option */\n  optionClassName?: string;\n  /** handleEmptyAction */\n  handleEmptyAction?: (e: string | number) => void;\n  /** Disable sorting options */\n  disabledInternalSort?: boolean;\n  /** ClassName for Autocomplete component */\n  AutocompleteClassName?: string;\n  /** handleDefaultOptionChange callback */\n  handleDefaultOptionChange?: () => void;\n  /** Should default value be selected */\n  preselectDefaultValue?: boolean;\n  /** Should order stay the same after choosing an option */\n  keepSameOptionsOrder?: boolean;\n  /** Set max height property for scrollbars */\n  autoHeightMax?: number;\n}\n\ninterface IHover {\n  item: number | string | undefined | null;\n  by: \"mouse\" | \"keyboard\" | undefined;\n}\n\nexport const Autocomplete: FC<IAutocompleteProps> = ({\n  type,\n  options = [],\n  inputEl,\n  selected = [],\n  emptyValue,\n  noResultText,\n  renderOption = (option) => option?.name,\n  defaultValue,\n  sortDirection = \"asc\",\n  handleChange,\n  optionClassName,\n  handleEmptyAction,\n  disabledInternalSort,\n  AutocompleteClassName,\n  handleDefaultOptionChange,\n  preselectDefaultValue,\n  keepSameOptionsOrder = false,\n  autoHeightMax = 340,\n}) => {\n  const itemRef = useRef<HTMLLabelElement>(null);\n  const listRef = useRef<Scrollbars>(null);\n\n  const selectedOptions = useMemo(\n    () => (selected instanceof Array ? selected : [selected]),\n    [selected]\n  );\n\n  const handleSort = useCallback((opts) => {\n    if (keepSameOptionsOrder) {\n      return opts;\n    }\n    return opts.sort((a: IOptionItemProps, b: IOptionItemProps) => {\n      if (selectedOptions.includes(b.id) && !selectedOptions.includes(a.id)) {\n        return 1;\n      }\n      if (selectedOptions.includes(a.id) && !selectedOptions.includes(b.id)) {\n        return -1;\n      }\n      return 0;\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const sortList = useCallback(\n    (options) => {\n      if (disabledInternalSort) {\n        return handleSort([...options]);\n      }\n      return handleSort(\n        [...options].sort((a: IOptionItemProps, b: IOptionItemProps) =>\n          sortDirection === \"asc\"\n            ? a.name.localeCompare(b.name)\n            : b.name.localeCompare(a.name)\n        )\n      );\n    },\n    [sortDirection, disabledInternalSort, handleSort]\n  );\n\n  const sortedList = useMemo(() => sortList(options), [options, sortList]);\n\n  const [hover, setHover] = useState<IHover>({\n    item: undefined,\n    by: undefined,\n  });\n  const [filter, setFilter] = useState(\"\");\n\n  const handleEmpty = useCallback(\n    (e) => {\n      if (e && e.button !== 0) {\n        return;\n      }\n      if (handleEmptyAction) {\n        inputEl?.focus();\n        setFilter(\"\");\n        handleEmptyAction(filter);\n      }\n    },\n    [filter, handleEmptyAction, inputEl]\n  );\n\n  const onAddNewMouseEnter = useCallback(\n    () => setHover({ item: \"addNew\", by: \"mouse\" }),\n    []\n  );\n\n  function isGroup(\n    item: IOptionGroupProps | IOptionItemProps\n  ): item is IOptionGroupProps {\n    return (item as IOptionGroupProps).options !== undefined;\n  }\n\n  const showAddNew = useMemo(() => {\n    return !!(\n      emptyValue &&\n      filter.trim() &&\n      options.every((option) => {\n        if (isGroup(option)) {\n          return option.options.every(\n            (v) => v.name.toLowerCase() !== filter.trim().toLowerCase()\n          );\n        }\n        return option.name.toLowerCase() !== filter.trim().toLowerCase();\n      })\n    );\n  }, [emptyValue, filter, options]);\n\n  const renderAddNew = useMemo(() => {\n    return (\n      <StyledAutocompleteNewItem\n        ref={hover.item === \"addNew\" ? itemRef : null}\n        key=\"emptyValue\"\n        hover={hover.item === \"addNew\"}\n        onMouseDown={handleEmpty}\n        onMouseEnter={onAddNewMouseEnter}\n      >\n        {emptyValue}\n      </StyledAutocompleteNewItem>\n    );\n  }, [emptyValue, handleEmpty, hover, onAddNewMouseEnter]);\n\n  const filterOptions = useCallback(\n    (options, filter) => {\n      const trimmedFilter = filter.trim();\n      const isGrouped = options[0] && isGroup(options[0]);\n      if (isGrouped) {\n        let hovered = false;\n        return options.reduce((acc, groupedOption) => {\n          const filteredOptions = groupedOption.options.filter((v) =>\n            v.name.toLowerCase().includes(trimmedFilter.toLowerCase())\n          );\n          if (filteredOptions.length > 0) {\n            if (!hovered && filter) {\n              setHover({ item: filteredOptions[0].id, by: \"keyboard\" });\n            }\n            hovered = true;\n            return [...acc, { ...groupedOption, options: filteredOptions }];\n          }\n          return [...acc];\n        }, []);\n      } else {\n        const filteredOptions = options.filter((v) =>\n          v.name.toLowerCase().includes(trimmedFilter.toLowerCase())\n        );\n        if (filter && filteredOptions.length > 0) {\n          setHover({ item: filteredOptions[0].id, by: \"keyboard\" });\n        }\n        if (filteredOptions.length === 0 && emptyValue) {\n          setHover({ item: \"addNew\", by: \"keyboard\" });\n        }\n        return filteredOptions;\n      }\n    },\n    [emptyValue]\n  );\n\n  const list = useMemo(\n    () => filterOptions(sortedList, filter),\n    [filter, filterOptions, sortedList]\n  );\n\n  const showDefaultOption = useMemo(\n    () => !!defaultValue && !filter,\n    [defaultValue, filter]\n  );\n\n  const flatOptions = useMemo(() => {\n    const options = list.reduce(\n      (\n        acc: (IOptionItemProps | IOptionGroupProps | [])[],\n        option: IOptionItemProps | IOptionGroupProps\n      ) => {\n        if (!isGroup(option)) {\n          return [...acc, option];\n        }\n        return [...acc, ...option.options];\n      },\n      []\n    );\n    return filterOptions(options, filter);\n  }, [filter, filterOptions, list]);\n\n  const handleInputChange = useCallback((e) => {\n    if (\n      e.target &&\n      !(e.key === \"ArrowDown\") &&\n      !(e.key === \"ArrowUp\") &&\n      !(e.key === \"Enter\")\n    ) {\n      setFilter(e.target.value);\n    }\n  }, []);\n\n  const handleMouseEnter = useCallback((e) => {\n    if (e === undefined || e === null) {\n      return setHover({ item: null, by: \"mouse\" });\n    }\n    setHover({ item: e, by: \"mouse\" });\n  }, []);\n\n  const handleHoverCallback = useCallback(\n    (e: number | string | undefined): void => {\n      setHover({ item: e, by: \"mouse\" });\n    },\n    []\n  );\n\n  const handleRenderOption = useCallback(\n    (item: IOptionItemProps | IOptionGroupProps) => {\n      if (isGroup(item)) {\n        return (\n          <OptionGroup\n            checked={selectedOptions}\n            name={item.name}\n            key={item.id}\n            setHover={handleHoverCallback}\n            id={item.id}\n            hover={hover.item}\n            options={item.options}\n            renderOptions={handleRenderOption}\n            type={type}\n            onChange={handleChange}\n            filter={filter}\n          />\n        );\n      }\n      return (\n        <Option\n          name={item.name}\n          ref={itemRef}\n          key={item.id}\n          onMouseEnter={handleMouseEnter}\n          id={item.id}\n          hover={item.id === hover.item}\n          className={optionClassName}\n          renderOption={renderOption(\n            { ...item, name: highlightText(item.name, filter) },\n            {\n              id: `option_${item.id}`,\n              checked: selectedOptions && selectedOptions.includes(item.id),\n              hover: hover.item === item.id,\n              onChange: () => null,\n            }\n          )}\n        />\n      );\n    },\n    [\n      handleMouseEnter,\n      hover.item,\n      optionClassName,\n      renderOption,\n      filter,\n      selectedOptions,\n      handleHoverCallback,\n      type,\n      handleChange,\n    ]\n  );\n\n  const handleOnMouseLeave = useCallback(() => {\n    setHover({ item: undefined, by: \"mouse\" });\n  }, []);\n\n  const handleScroll = useCallback((list: Scrollbars, itemOffset: number) => {\n    if (list.getClientHeight() + list.getScrollTop() < itemOffset + 40) {\n      return list.scrollTop(itemOffset - list.getClientHeight() + 30);\n    }\n    if (list.getScrollTop() > itemOffset) {\n      return list.scrollTop(itemOffset);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (hover.by === \"keyboard\" && hover.item !== undefined) {\n      const item: HTMLLabelElement | null = itemRef.current;\n      const list = listRef.current;\n      if (itemRef && item && list) {\n        handleScroll(list, item.offsetTop);\n      }\n    }\n  }, [handleScroll, hover]);\n\n  const handleOnKeyDown = useCallback(\n    (e) => {\n      if (e.key === \"Enter\") {\n        e.preventDefault();\n        if (hover.item === undefined && filter === \"\") {\n          return;\n        }\n        if (hover.item === \"addNew\") {\n          handleEmpty(null);\n          return;\n        }\n        if (hover.item === null && handleDefaultOptionChange) {\n          handleDefaultOptionChange();\n          return;\n        }\n        if (handleChange) {\n          handleChange(hover.item);\n          setFilter(\"\");\n        }\n        return;\n      }\n      setHover({\n        item: handleKeyboardMovement(\n          e,\n          hover.item,\n          flatOptions,\n          showAddNew,\n          showDefaultOption\n        ),\n        by: \"keyboard\",\n      });\n    },\n    [\n      filter,\n      flatOptions,\n      handleChange,\n      handleDefaultOptionChange,\n      handleEmpty,\n      hover,\n      showAddNew,\n      showDefaultOption,\n    ]\n  );\n\n  const handleClick = useCallback(() => {\n    if (hover.item === null && handleDefaultOptionChange) {\n      handleDefaultOptionChange();\n    }\n    if (handleChange) {\n      handleChange(hover?.item);\n    }\n    setTimeout(() => inputEl?.focus(), 0);\n    setFilter(\"\");\n  }, [handleChange, handleDefaultOptionChange, hover, inputEl]);\n\n  useEffect(() => {\n    if (inputEl) {\n      inputEl.onkeydown = handleOnKeyDown;\n      inputEl.onkeyup = handleInputChange;\n    }\n  }, [handleInputChange, handleOnKeyDown, inputEl]);\n\n  const isDefaultOptionSelected = useCallback(() => {\n    if (preselectDefaultValue) {\n      return selectedOptions.length < 1 || selectedOptions[0] === \"\";\n    } else {\n      return (\n        selectedOptions[0] === null ||\n        selectedOptions.length === flatOptions.length\n      );\n    }\n  }, [flatOptions.length, preselectDefaultValue, selectedOptions]);\n\n  const showNoResult = useMemo(\n    () => noResultText && !showAddNew && list.length < 1,\n    [list.length, noResultText, showAddNew]\n  );\n\n  const renderNoResult = useMemo(\n    () => (\n      <StyledAutocompleteNoResult>{noResultText}</StyledAutocompleteNoResult>\n    ),\n    [noResultText]\n  );\n\n  return (\n    <ScrollShadow\n      className={classNames(\n        \"c-select--list\",\n        {\n          \"tw-hidden\":\n            !defaultValue && !emptyValue && !noResultText && list.length < 1,\n        },\n        AutocompleteClassName\n      )}\n    >\n      {({ onScroll }): JSX.Element => (\n        <StyledAutocompleteBody\n          key=\"body\"\n          onChange={handleClick}\n          onMouseLeave={handleOnMouseLeave}\n        >\n          <Scrollbars\n            ref={listRef}\n            key=\"scrollBar\"\n            autoHeight\n            autoHeightMax={autoHeightMax}\n            onScroll={onScroll}\n          >\n            {defaultValue && !filter && (\n              <Option\n                name={defaultValue}\n                ref={itemRef}\n                hover={hover.item === null}\n                onMouseEnter={handleMouseEnter}\n                renderOption={renderOption(\n                  { name: defaultValue, id: null },\n                  {\n                    checked: isDefaultOptionSelected(),\n                    hover: hover.item === null,\n                    onChange: () => null,\n                  }\n                )}\n              />\n            )}\n            {list.map((item: IOptionItemProps) => handleRenderOption(item))}\n            {showNoResult && renderNoResult}\n            {showAddNew && renderAddNew}\n          </Scrollbars>\n        </StyledAutocompleteBody>\n      )}\n    </ScrollShadow>\n  );\n};\n\nAutocomplete.displayName = \"Autocomplete\";\n"],"file":"Autocomplete.js"}

package/dist/esm/components/Autocomplete/HandleKeyboard.js

@@ -0,0 +1,29 @@
+export var handleKeyboardMovement = function handleKeyboardMovement(e, hover, flatOptions, showAddNew, showDefaultOption) {
+  if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+    e.preventDefault();
+  }
+
+  var options = flatOptions;
+  if (showDefaultOption) options = [{
+    id: null
+  }].concat(options);
+  if (showAddNew) options = [].concat(options, [{
+    id: "addNew"
+  }]);
+  var hoveredIndex = options.findIndex(function (option) {
+    return option.id === hover;
+  });
+
+  if (e.key === "ArrowDown") {
+    var isHoveredLastOption = options.findIndex(function (v) {
+      return v.id === hover;
+    }) + 1 >= options.length;
+    return hoveredIndex === -1 || isHoveredLastOption ? options[0].id : options[hoveredIndex + 1].id;
+  }
+
+  if (e.key === "ArrowUp") {
+    var isHoveredFirstOption = options[0].id === hover;
+    return hoveredIndex === -1 || isHoveredFirstOption ? options[options.length - 1].id : options[hoveredIndex - 1].id;
+  }
+};
+//# sourceMappingURL=HandleKeyboard.js.map

package/dist/esm/components/Autocomplete/HandleKeyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Autocomplete/HandleKeyboard.tsx"],"names":["handleKeyboardMovement","e","hover","flatOptions","showAddNew","showDefaultOption","key","preventDefault","options","id","hoveredIndex","findIndex","option","isHoveredLastOption","v","length","isHoveredFirstOption"],"mappings":"AAAA,OAAO,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAyB,CACpCC,CADoC,EAEpCC,KAFoC,EAGpCC,WAHoC,EAIpCC,UAJoC,EAKpCC,iBALoC,EAMJ;AAChC,MAAIJ,CAAC,CAACK,GAAF,KAAU,WAAV,IAAyBL,CAAC,CAACK,GAAF,KAAU,SAAvC,EAAkD;AAChDL,IAAAA,CAAC,CAACM,cAAF;AACD;;AAED,MAAIC,OAAO,GAAGL,WAAd;AACA,MAAIE,iBAAJ,EAAuBG,OAAO,IAAI;AAAEC,IAAAA,EAAE,EAAE;AAAN,GAAJ,SAAqBD,OAArB,CAAP;AACvB,MAAIJ,UAAJ,EAAgBI,OAAO,aAAOA,OAAP,GAAgB;AAAEC,IAAAA,EAAE,EAAE;AAAN,GAAhB,EAAP;AAEhB,MAAMC,YAAY,GAAGF,OAAO,CAACG,SAAR,CAAkB,UAACC,MAAD;AAAA,WAAYA,MAAM,CAACH,EAAP,KAAcP,KAA1B;AAAA,GAAlB,CAArB;;AAEA,MAAID,CAAC,CAACK,GAAF,KAAU,WAAd,EAA2B;AACzB,QAAMO,mBAAmB,GACvBL,OAAO,CAACG,SAAR,CAAkB,UAACG,CAAD;AAAA,aAAOA,CAAC,CAACL,EAAF,KAASP,KAAhB;AAAA,KAAlB,IAA2C,CAA3C,IAAgDM,OAAO,CAACO,MAD1D;AAEA,WAAOL,YAAY,KAAK,CAAC,CAAlB,IAAuBG,mBAAvB,GACHL,OAAO,CAAC,CAAD,CAAP,CAAWC,EADR,GAEHD,OAAO,CAACE,YAAY,GAAG,CAAhB,CAAP,CAA0BD,EAF9B;AAGD;;AAED,MAAIR,CAAC,CAACK,GAAF,KAAU,SAAd,EAAyB;AACvB,QAAMU,oBAAoB,GAAGR,OAAO,CAAC,CAAD,CAAP,CAAWC,EAAX,KAAkBP,KAA/C;AACA,WAAOQ,YAAY,KAAK,CAAC,CAAlB,IAAuBM,oBAAvB,GACHR,OAAO,CAACA,OAAO,CAACO,MAAR,GAAiB,CAAlB,CAAP,CAA4BN,EADzB,GAEHD,OAAO,CAACE,YAAY,GAAG,CAAhB,CAAP,CAA0BD,EAF9B;AAGD;AACF,CA/BM","sourcesContent":["export const handleKeyboardMovement = (\n  e: KeyboardEvent,\n  hover: string | number | null | undefined,\n  flatOptions,\n  showAddNew: boolean,\n  showDefaultOption\n): number | string | undefined => {\n  if (e.key === \"ArrowDown\" || e.key === \"ArrowUp\") {\n    e.preventDefault();\n  }\n\n  let options = flatOptions;\n  if (showDefaultOption) options = [{ id: null }, ...options];\n  if (showAddNew) options = [...options, { id: \"addNew\" }];\n\n  const hoveredIndex = options.findIndex((option) => option.id === hover);\n\n  if (e.key === \"ArrowDown\") {\n    const isHoveredLastOption =\n      options.findIndex((v) => v.id === hover) + 1 >= options.length;\n    return hoveredIndex === -1 || isHoveredLastOption\n      ? options[0].id\n      : options[hoveredIndex + 1].id;\n  }\n\n  if (e.key === \"ArrowUp\") {\n    const isHoveredFirstOption = options[0].id === hover;\n    return hoveredIndex === -1 || isHoveredFirstOption\n      ? options[options.length - 1].id\n      : options[hoveredIndex - 1].id;\n  }\n};\n"],"file":"HandleKeyboard.js"}

package/dist/esm/components/Autocomplete/Styles.js

@@ -0,0 +1,25 @@
+import styled, { css } from "styled-components";
+export var StyledAutocompleteBody = styled.div.withConfig({
+  displayName: "Styles__StyledAutocompleteBody",
+  componentId: "sc-1bc1vz9-0"
+})(["max-height:340px;overflow:auto;margin-bottom:6px;"]);
+StyledAutocompleteBody.displayName = "StyledAutocompleteBody";
+export var StyledAutocompleteNoResult = styled.div.withConfig({
+  displayName: "Styles__StyledAutocompleteNoResult",
+  componentId: "sc-1bc1vz9-1"
+})(["", ";padding:6px 16px;margin:4px 0;&:hover{background-color:var(--color-theme-200);}color:var(--color-theme-600);"], {
+  "cursor": "pointer",
+  "userSelect": "none"
+});
+StyledAutocompleteNoResult.displayName = "StyledAutocompleteNoResult";
+export var StyledAutocompleteNewItem = styled.label.withConfig({
+  displayName: "Styles__StyledAutocompleteNewItem",
+  componentId: "sc-1bc1vz9-2"
+})(["", ";padding:6px 16px;margin:4px 0;font-weight:normal;color:var(--color-primary);&:before{content:\"+ \";}", ""], {
+  "cursor": "pointer",
+  "userSelect": "none"
+}, function (props) {
+  return props.hover && css(["background-color:var(--color-theme-200);content:\"+ \";"]);
+});
+StyledAutocompleteNewItem.displayName = "StyledAutocompleteNewItem";
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Autocomplete/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Autocomplete/Styles.ts"],"names":["styled","css","StyledAutocompleteBody","div","displayName","StyledAutocompleteNoResult","StyledAutocompleteNewItem","label","props","hover"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AAGA,OAAO,IAAMC,sBAAsB,GAAGF,MAAM,CAACG,GAAV;AAAA;AAAA;AAAA,yDAA5B;AAMPD,sBAAsB,CAACE,WAAvB,GAAqC,wBAArC;AAEA,OAAO,IAAMC,0BAA0B,GAAGL,MAAM,CAACG,GAAV;AAAA;AAAA;AAAA,0HACjC;AAAA;AAAA;AAAA,CADiC,CAAhC;AAaPE,0BAA0B,CAACD,WAA3B,GAAyC,4BAAzC;AAEA,OAAO,IAAME,yBAAyB,GAAGN,MAAM,CAACO,KAAV;AAAA;AAAA;AAAA,uHAChC;AAAA;AAAA;AAAA,CADgC,EAYlC,UAACC,KAAD;AAAA,SACAA,KAAK,CAACC,KAAN,IACAR,GADA,6DADA;AAAA,CAZkC,CAA/B;AAoBPK,yBAAyB,CAACF,WAA1B,GAAwC,2BAAxC","sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledAutocompleteBody = styled.div`\n  max-height: 340px;\n  overflow: auto;\n  margin-bottom: 6px;\n`;\n\nStyledAutocompleteBody.displayName = \"StyledAutocompleteBody\";\n\nexport const StyledAutocompleteNoResult = styled.div`\n  ${tw`tw-cursor-pointer tw-select-none`};\n\n  padding: 6px 16px;\n  margin: 4px 0;\n\n  &:hover {\n    background-color: var(--color-theme-200);\n  }\n\n  color: var(--color-theme-600);\n`;\n\nStyledAutocompleteNoResult.displayName = \"StyledAutocompleteNoResult\";\n\nexport const StyledAutocompleteNewItem = styled.label<{ hover: boolean }>`\n  ${tw`tw-cursor-pointer tw-select-none`};\n\n  padding: 6px 16px;\n  margin: 4px 0;\n  font-weight: normal;\n  color: var(--color-primary);\n\n  &:before {\n    content: \"+ \";\n  }\n\n  ${(props) =>\n    props.hover &&\n    css`\n      background-color: var(--color-theme-200);\n      content: \"+ \";\n    `}\n`;\n\nStyledAutocompleteNewItem.displayName = \"StyledAutocompleteNewItem\";\n"],"file":"Styles.js"}

package/dist/esm/components/Autocomplete/index.js

@@ -0,0 +1,2 @@
+export * from "./Autocomplete";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Autocomplete/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Autocomplete/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAd","sourcesContent":["export * from \"./Autocomplete\";\n"],"file":"index.js"}

package/dist/esm/components/Avatar/Avatar.js

@@ -0,0 +1,25 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["url", "alt", "size", "className"];
+import React, { forwardRef } from "react";
+import { StyledAvatar } from "./Styles";
+export var Avatar = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var url = _ref.url,
+      _ref$alt = _ref.alt,
+      alt = _ref$alt === void 0 ? "Avatar Image" : _ref$alt,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 24 : _ref$size,
+      className = _ref.className,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(StyledAvatar, _extends({}, rest, {
+    ref: ref,
+    src: url,
+    alt: alt,
+    width: size,
+    height: size,
+    className: className
+  }));
+});
+Avatar.displayName = "Avatar";
+//# sourceMappingURL=Avatar.js.map

package/dist/esm/components/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Avatar/Avatar.tsx"],"names":["React","forwardRef","StyledAvatar","Avatar","ref","url","alt","size","className","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkD,OAAlD;AACA,SAASC,YAAT,QAA6B,UAA7B;AAaA,OAAO,IAAMC,MAAM,gBAAGF,UAAU,CAC9B,gBAA+DG,GAA/D,EAAuE;AAAA,MAApEC,GAAoE,QAApEA,GAAoE;AAAA,sBAA/DC,GAA+D;AAAA,MAA/DA,GAA+D,yBAAzD,cAAyD;AAAA,uBAAzCC,IAAyC;AAAA,MAAzCA,IAAyC,0BAAlC,EAAkC;AAAA,MAA9BC,SAA8B,QAA9BA,SAA8B;AAAA,MAAhBC,IAAgB;;AACrE,sBACE,oBAAC,YAAD,eACMA,IADN;AAEE,IAAA,GAAG,EAAEL,GAFP;AAGE,IAAA,GAAG,EAAEC,GAHP;AAIE,IAAA,GAAG,EAAEC,GAJP;AAKE,IAAA,KAAK,EAAEC,IALT;AAME,IAAA,MAAM,EAAEA,IANV;AAOE,IAAA,SAAS,EAAEC;AAPb,KADF;AAWD,CAb6B,CAAzB;AAgBPL,MAAM,CAACO,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef, HTMLAttributes } from \"react\";\nimport { StyledAvatar } from \"./Styles\";\n\ninterface IAvatar extends HTMLAttributes<HTMLImageElement> {\n  /** Path url. */\n  url: string;\n  /** Alt text. */\n  alt?: string;\n  /** Image size. */\n  size?: number;\n  /** Custom class. */\n  className?: string;\n}\n\nexport const Avatar = forwardRef<HTMLImageElement, IAvatar>(\n  ({ url, alt = \"Avatar Image\", size = 24, className, ...rest }, ref) => {\n    return (\n      <StyledAvatar\n        {...rest}\n        ref={ref}\n        src={url}\n        alt={alt}\n        width={size}\n        height={size}\n        className={className}\n      />\n    );\n  }\n);\n\nAvatar.displayName = \"Avatar\";\n"],"file":"Avatar.js"}

package/dist/esm/components/Avatar/Styles.js

@@ -0,0 +1,9 @@
+import styled from "styled-components";
+export var StyledAvatar = styled.img.withConfig({
+  displayName: "Styles__StyledAvatar",
+  componentId: "sc-5x2tyd-0"
+})(["", ""], {
+  "objectFit": "cover",
+  "borderRadius": "9999px"
+});
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Avatar/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Avatar/Styles.ts"],"names":["styled","StyledAvatar","img"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAGA,OAAO,IAAMC,YAAY,GAAGD,MAAM,CAACE,GAAV;AAAA;AAAA;AAAA,aACnB;AAAA;AAAA;AAAA,CADmB,CAAlB","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nexport const StyledAvatar = styled.img`\n  ${tw`tw-object-cover tw-rounded-full`}\n`;\n"],"file":"Styles.js"}

package/dist/esm/components/Avatar/index.js

@@ -0,0 +1,2 @@
+export * from "./Avatar";
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Avatar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAd","sourcesContent":["export * from \"./Avatar\";\n"],"file":"index.js"}

package/dist/esm/components/BoxSizingStyle.js

@@ -0,0 +1,3 @@
+import { css } from "styled-components";
+export var BoxSizingStyle = css(["box-sizing:border-box;*{box-sizing:border-box;}"]);
+//# sourceMappingURL=BoxSizingStyle.js.map

package/dist/esm/components/BoxSizingStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/BoxSizingStyle.ts"],"names":["css","BoxSizingStyle"],"mappings":"AAAA,SAASA,GAAT,QAAoB,mBAApB;AAEA,OAAO,IAAMC,cAAc,GAAGD,GAAH,qDAApB","sourcesContent":["import { css } from \"styled-components\";\n\nexport const BoxSizingStyle = css`\n  box-sizing: border-box;\n  * {\n    box-sizing: border-box;\n  }\n`;\n"],"file":"BoxSizingStyle.js"}

package/dist/esm/components/Bubble/Bubble.js

@@ -0,0 +1,23 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["children", "className", "innerRef", "style"];
+import React from "react";
+import classnames from "classnames";
+import { StyledBubble } from "./Styles";
+export var Bubble = function Bubble(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      _ref$innerRef = _ref.innerRef,
+      innerRef = _ref$innerRef === void 0 ? null : _ref$innerRef,
+      _ref$style = _ref.style,
+      style = _ref$style === void 0 ? {} : _ref$style,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(StyledBubble, _extends({}, rest, {
+    ref: innerRef,
+    className: classnames("c-bubble", className),
+    style: style
+  }), children);
+};
+Bubble.displayName = "Bubble";
+//# sourceMappingURL=Bubble.js.map

package/dist/esm/components/Bubble/Bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Bubble/Bubble.tsx"],"names":["React","classnames","StyledBubble","Bubble","children","className","innerRef","style","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAMO,OANP;AAOA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,YAAT,QAA6B,UAA7B;AAiBA,OAAO,IAAMC,MAAoD,GAAG,SAAvDA,MAAuD,OAM9D;AAAA,MALJC,QAKI,QALJA,QAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,2BAHJC,QAGI;AAAA,MAHJA,QAGI,8BAHO,IAGP;AAAA,wBAFJC,KAEI;AAAA,MAFJA,KAEI,2BAFI,EAEJ;AAAA,MADDC,IACC;;AACJ,sBACE,oBAAC,YAAD,eACMA,IADN;AAEE,IAAA,GAAG,EAAEF,QAFP;AAGE,IAAA,SAAS,EAAEL,UAAU,CAAC,UAAD,EAAaI,SAAb,CAHvB;AAIE,IAAA,KAAK,EAAEE;AAJT,MAMGH,QANH,CADF;AAUD,CAjBM;AAmBPD,MAAM,CAACM,WAAP,GAAqB,QAArB","sourcesContent":["import React, {\n  FC,\n  HTMLAttributes,\n  MouseEvent,\n  ReactNode,\n  RefObject,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledBubble } from \"./Styles\";\n\nexport interface IBubble {\n  /** Children element. */\n  children: ReactNode;\n  /** Class names. */\n  className?: string;\n  /** Ref object for Bubble. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Bubble styles. */\n  style?: object;\n  /** On click on bubble. */\n  onClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** On mouse down event. */\n  onMouseDown?: (event: MouseEvent<HTMLElement>) => void;\n}\n\nexport const Bubble: FC<IBubble & HTMLAttributes<HTMLDivElement>> = ({\n  children,\n  className,\n  innerRef = null,\n  style = {},\n  ...rest\n}) => {\n  return (\n    <StyledBubble\n      {...rest}\n      ref={innerRef}\n      className={classnames(\"c-bubble\", className)}\n      style={style}\n    >\n      {children}\n    </StyledBubble>\n  );\n};\n\nBubble.displayName = \"Bubble\";\n"],"file":"Bubble.js"}

package/dist/esm/components/Bubble/Styles.js

@@ -0,0 +1,22 @@
+import styled from "styled-components";
+import { BoxSizingStyle } from "../BoxSizingStyle";
+import { FontStyle } from "../FontStyle";
+export var StyledBubble = styled.div.withConfig({
+  displayName: "Styles__StyledBubble",
+  componentId: "sc-tloccl-0"
+})(["", " transition:opacity 0.2s,visibility 0.2s;", " ", ""], {
+  "--tw-bg-opacity": "1",
+  "backgroundColor": "var(--color-theme-100)",
+  "--tw-shadow": "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+  "boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)",
+  "borderColor": "var(--color-theme-200)",
+  "borderRadius": "0.5rem",
+  "borderWidth": "1px",
+  "borderStyle": "solid",
+  "color": "var(--color-theme-800)",
+  "opacity": "1",
+  "display": "block",
+  "visibility": "visible"
+}, FontStyle, BoxSizingStyle);
+StyledBubble.displayName = "StyledBubble";
+//# sourceMappingURL=Styles.js.map

package/dist/esm/components/Bubble/Styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/Bubble/Styles.ts"],"names":["styled","BoxSizingStyle","FontStyle","StyledBubble","div","displayName"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,mBAAnB;AAEA,SAASC,cAAT,QAA+B,mBAA/B;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,IAAMC,YAAY,GAAGH,MAAM,CAACI,GAAV;AAAA;AAAA;AAAA,+DACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CADmB,EAGrBF,SAHqB,EAIrBD,cAJqB,CAAlB;AAOPE,YAAY,CAACE,WAAb,GAA2B,cAA3B","sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledBubble = styled.div`\n  ${tw`tw-bg-white tw-shadow-md tw-border-theme-200 tw-rounded-lg tw-border tw-border-solid tw-bg-theme-100 tw-text-theme-800 tw-opacity-100 tw-block tw-visible`}\n  transition: opacity 0.2s, visibility 0.2s;\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\n\nStyledBubble.displayName = \"StyledBubble\";\n"],"file":"Styles.js"}

package/dist/esm/components/Bubble/index.js

@@ -0,0 +1,2 @@
+export * from "./Bubble";
+//# sourceMappingURL=index.js.map