@pedidopago/ui 1.3.12 → 1.3.15

package/dist/components/Label/types.d.ts

@@ -1,16 +1,16 @@
-import { ExtendThemeProps } from '../../shared/theme';
-import { IconName } from '../Icon/types';
-export declare type IStyleProps = {
-    theme?: ExtendThemeProps;
-    disabled?: boolean;
-    isActive?: boolean;
-    backgroundColor?: string;
-    color?: string;
-};
-export declare type LabelProps = {
-    labelType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-    icon?: IconName;
-    label?: string;
-    iconSide?: 'left' | 'right';
-};
+import { ExtendThemeProps } from '../../shared/theme';
+import { IconName } from '../Icon/types';
+export declare type IStyleProps = {
+    theme?: ExtendThemeProps;
+    disabled?: boolean;
+    isActive?: boolean;
+    backgroundColor?: string;
+    color?: string;
+};
+export declare type LabelProps = {
+    labelType?: 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+    icon?: IconName;
+    label?: string;
+    iconSide?: 'left' | 'right';
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/List/index.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { ListProps } from './types';
-declare const List: FC<ListProps>;
-export default List;
+import { FC } from 'react';
+import { ListProps } from './types';
+declare const List: FC<ListProps>;
+export default List;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/List/list.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=list.test.d.ts.map

package/dist/components/List/styles.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import { GenericStyledProps } from '../../@types';
-import { ListProps } from './types';
-export declare const StyledList: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ListProps & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
-export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
-export declare const StyledListTitle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+import { ListProps } from './types';
+export declare const StyledList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ListProps & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const StyledListTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/List/types.d.ts

@@ -1,8 +1,8 @@
-import { MouseEventHandler } from 'react';
-export interface ListProps {
-    title?: string;
-    maxHeight?: string;
-    item?: boolean;
-    onClick?: MouseEventHandler;
-}
+import { MouseEventHandler } from 'react';
+export interface ListProps {
+    title?: string;
+    maxHeight?: string;
+    item?: boolean;
+    onClick?: MouseEventHandler;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Modal/ModalExample.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ModalProps } from './types';
-export declare function ModalExample(props: ModalProps): JSX.Element;
+/// <reference types="react" />
+import { ModalProps } from './types';
+export declare function ModalExample(props: ModalProps): JSX.Element;
 //# sourceMappingURL=ModalExample.d.ts.map

package/dist/components/Modal/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ModalProps } from './types';
-export declare const Modal: ({ open, left, top, anchorX, anchorY, offsetX, offsetY, hideScrollBar, hideOverlay, disableScrollOnOpen, maxWidth, maxHeight, onClose, ...rest }: ModalProps) => JSX.Element;
+/// <reference types="react" />
+import { ModalProps } from './types';
+export declare const Modal: ({ open, left, top, anchorX, anchorY, offsetX, offsetY, hideScrollBar, hideOverlay, disableScrollOnOpen, maxWidth, maxHeight, onClose, ...rest }: ModalProps) => JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,KAAK,oJAef,UAAU,gBA+EZ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,KAAK,oJAef,UAAU,gBAyEZ,CAAC"}

package/dist/components/Modal/index.js

@@ -112,10 +112,7 @@ var Modal = function Modal(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_ReactPortal.ReactPortal, {
     wrapperId: "portal-root",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Overlay, {
-      style: {
-        opacity: open && !hideOverlay ? 0.1 : 0,
-        pointerEvents: open ? 'auto' : 'none'
-      },
+      isOpen: open,
       onClick: function onClick() {
         return onClose();
       }

package/dist/components/Modal/modal.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom';
+import '@testing-library/jest-dom';
 //# sourceMappingURL=modal.test.d.ts.map

package/dist/components/Modal/styles.d.ts

@@ -1,28 +1,30 @@
-/// <reference types="react" />
-import { Theme } from '@emotion/react';
-interface ModalContainerProps {
-    open: boolean;
-    maxWidth?: string;
-    maxHeight?: string;
-    anchorTranslate: string;
-    left: string;
-    top: string;
-}
-export declare const ModalContainer: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ModalContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ModalElement: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    open: boolean;
-    maxHeight?: string | undefined;
-    hideScrollBar?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Overlay: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export {};
+/// <reference types="react" />
+import { Theme } from '@emotion/react';
+interface ModalContainerProps {
+    open: boolean;
+    maxWidth?: string;
+    maxHeight?: string;
+    anchorTranslate: string;
+    left: string;
+    top: string;
+}
+export declare const ModalContainer: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ModalContainerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ModalElement: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    open: boolean;
+    maxHeight?: string | undefined;
+    hideScrollBar?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Overlay: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isOpen: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Modal/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAO,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE5C,UAAU,mBAAmB;IAC3B,IAAI,EAAE,OAAO,CAAC;IAEd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,eAAe,EAAE,MAAM,CAAC;IAExB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,cAAc;;;+HAsBzB,CAAC;AAEH,eAAO,MAAM,YAAY;;;;UACjB,OAAO;;;yGA4Cb,CAAC;AAEH,eAAO,MAAM,OAAO;;;yGAgBlB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAO,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAE5C,UAAU,mBAAmB;IAC3B,IAAI,EAAE,OAAO,CAAC;IAEd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,eAAe,EAAE,MAAM,CAAC;IAExB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb;AAED,eAAO,MAAM,cAAc;;;+HAsBzB,CAAC;AAEH,eAAO,MAAM,YAAY;;;;UACjB,OAAO;;;yGA4Cb,CAAC;AAEH,eAAO,MAAM,OAAO;;;;YACV,OAAO;yGAmBf,CAAC"}

package/dist/components/Modal/styles.js

@@ -42,7 +42,7 @@ exports.ModalElement = ModalElement;
 
 var Overlay = _styled.default.div(function (props) {
   var theme = props.theme;
-  return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    position: fixed;\n    left: 0px;\n    right: 0px;\n    top: 0px;\n    bottom: 0px;\n    z-index: ", ";\n\n    background: ", ";\n    opacity: 0;\n\n    transition: opacity ease ", ";\n  "])), theme.zIndex.level24, theme.colors.neutral.neutral5, theme.transition.speed);
+  return (0, _react.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    position: fixed;\n    left: 0px;\n    right: 0px;\n    top: 0px;\n    bottom: 0px;\n    z-index: ", ";\n\n    background: ", ";\n\n    opacity: ", ";\n    pointer-events: ", ";\n\n    transition: opacity ease ", ";\n  "])), theme.zIndex.level24, theme.colors.neutral.neutral5, props.isOpen ? 0.1 : 0, props.isOpen ? 'auto' : 'none', theme.transition.speed);
 });
 
 exports.Overlay = Overlay;

package/dist/components/Modal/types.d.ts

@@ -1,36 +1,36 @@
-import { HTMLAttributes } from 'react';
-export declare type AnchorX = 'left' | 'center' | 'right' | number;
-export declare type AnchorY = 'top' | 'center' | 'bottom' | number;
-export interface ModalProps extends HTMLAttributes<HTMLDivElement> {
-    /** If the modal is open or not. */
-    open: boolean;
-    /** Optional. Sets the left position where the modal will be shown. */
-    left?: string;
-    /** Optional. Sets the top position where the modal will be shown. */
-    top?: string;
-    /** Optional. The Modal horizontal anchor.
-     * 0 is the left most side.
-     * 100 is the right most size. */
-    anchorX?: AnchorX;
-    /** Optional. The Modal vertical anchor.
-     * 0 is the left most side.
-     * 100 is the right most size. */
-    anchorY?: AnchorY;
-    /** Optional. Offsets the Modal horizontally. */
-    offsetX?: string;
-    /** Optional. Offsets the Modal vertically. */
-    offsetY?: string;
-    /** The max width of the Modal. */
-    maxWidth?: string | number;
-    /** The max height of the Modal. */
-    maxHeight?: string | number;
-    /** Handler called once the Modal is triggered to close. */
-    onClose: () => void;
-    /** Optional. Will hide the scroll bar if the content inside a container is too big. */
-    hideScrollBar?: boolean;
-    /** Indicates if the overlay will be visible or not.  */
-    hideOverlay?: boolean;
-    /** Optional. Will disable the scroll body scroll. */
-    disableScrollOnOpen?: boolean;
-}
+import { HTMLAttributes } from 'react';
+export declare type AnchorX = 'left' | 'center' | 'right' | number;
+export declare type AnchorY = 'top' | 'center' | 'bottom' | number;
+export interface ModalProps extends HTMLAttributes<HTMLDivElement> {
+    /** If the modal is open or not. */
+    open: boolean;
+    /** Optional. Sets the left position where the modal will be shown. */
+    left?: string;
+    /** Optional. Sets the top position where the modal will be shown. */
+    top?: string;
+    /** Optional. The Modal horizontal anchor.
+     * 0 is the left most side.
+     * 100 is the right most size. */
+    anchorX?: AnchorX;
+    /** Optional. The Modal vertical anchor.
+     * 0 is the left most side.
+     * 100 is the right most size. */
+    anchorY?: AnchorY;
+    /** Optional. Offsets the Modal horizontally. */
+    offsetX?: string;
+    /** Optional. Offsets the Modal vertically. */
+    offsetY?: string;
+    /** The max width of the Modal. */
+    maxWidth?: string | number;
+    /** The max height of the Modal. */
+    maxHeight?: string | number;
+    /** Handler called once the Modal is triggered to close. */
+    onClose: () => void;
+    /** Optional. Will hide the scroll bar if the content inside a container is too big. */
+    hideScrollBar?: boolean;
+    /** Indicates if the overlay will be visible or not.  */
+    hideOverlay?: boolean;
+    /** Optional. Will disable the scroll body scroll. */
+    disableScrollOnOpen?: boolean;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/MultipleSelect/MultipleSelect.test.d.ts

@@ -1,2 +1,2 @@
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom/extend-expect';
 //# sourceMappingURL=MultipleSelect.test.d.ts.map

package/dist/components/MultipleSelect/components/InputWrapper/index.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { IStyleProps } from '../../types';
-export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const InputControl: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+/// <reference types="react" />
+import { IStyleProps } from '../../types';
+export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InputControl: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/MultipleSelect/components/OptionsArea/index.d.ts

@@ -1,16 +1,16 @@
-import { UIEvent } from 'react';
-import { AlertType, SelectData } from '../../types';
-interface IOptionsAreaProps {
-    inputAlert: AlertType;
-    showOptionsArea: boolean;
-    data: SelectData[];
-    selectedOptions: SelectData[];
-    AutoComplete: Boolean;
-    chooseOption: (option: SelectData) => void;
-    scrollHandler: (e: UIEvent<HTMLDivElement>) => void;
-    setShowOptionsArea: (state: boolean) => void;
-    onChangeSearch?: (data: string) => void;
-}
-export declare function OptionsArea({ data, scrollHandler, chooseOption, inputAlert, setShowOptionsArea, AutoComplete, selectedOptions, onChangeSearch, }: IOptionsAreaProps): JSX.Element;
-export {};
+import { UIEvent } from 'react';
+import { AlertType, SelectData } from '../../types';
+interface IOptionsAreaProps {
+    inputAlert: AlertType;
+    showOptionsArea: boolean;
+    data: SelectData[];
+    selectedOptions: SelectData[];
+    AutoComplete: Boolean;
+    chooseOption: (option: SelectData) => void;
+    scrollHandler: (e: UIEvent<HTMLDivElement>) => void;
+    setShowOptionsArea: (state: boolean) => void;
+    onChangeSearch?: (data: string) => void;
+}
+export declare function OptionsArea({ data, scrollHandler, chooseOption, inputAlert, setShowOptionsArea, AutoComplete, selectedOptions, onChangeSearch, }: IOptionsAreaProps): JSX.Element;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/MultipleSelect/components/OptionsArea/index.js

@@ -7,7 +7,7 @@ exports.OptionsArea = OptionsArea;
 
 var _react = require("react");
 
-var _OptionsArea = require("./OptionsArea");
+var _styles = require("./styles");
 
 var _jsxRuntime = require("react/jsx-runtime");
 
@@ -57,12 +57,12 @@ function OptionsArea(_ref) {
       var selectedOptionsNames = selectedOptions.map(function (option) {
         return option.label;
       });
-      var newDataWithoutChosen = data.map(function (option) {
+      var newDataWithoutChosen = data.flatMap(function (option) {
         return !selectedOptionsNames.includes(option.label) ? option : [];
-      }).flat();
-      var newDataToShow = AutoComplete ? newDataWithoutChosen.map(function (option) {
-        return option.value.includes(AutoCompleteState) ? option : [];
-      }).flat() : newDataWithoutChosen;
+      });
+      var newDataToShow = AutoComplete ? newDataWithoutChosen.flatMap(function (option) {
+        return option.label.toLowerCase().includes(AutoCompleteState.toLocaleLowerCase()) ? option : [];
+      }) : newDataWithoutChosen;
 
       if (AutoCompleteState.length > 0 && onChangeSearch) {
         clearTimeout(onChangeSearchDebounce);
@@ -104,13 +104,13 @@ function OptionsArea(_ref) {
         break;
     }
   }, [setShowOptionsArea]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_OptionsArea.OptionsAreaWrapper, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.OptionsAreaWrapper, {
     "data-testid": "options-area",
     selectType: inputAlert,
     itensLength: dataToShow.length,
     onKeyDown: keyDownHandler,
     onScroll: scrollHandler,
-    children: [AutoComplete && /*#__PURE__*/(0, _jsxRuntime.jsx)(_OptionsArea.AutoCompleteInput, {
+    children: [AutoComplete && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.AutoCompleteInput, {
       type: "text",
       autoFocus: true,
       ref: AutoCompleteRef,
@@ -120,7 +120,7 @@ function OptionsArea(_ref) {
         return setAutoCompleteState(e.target.value);
       }
     }), dataToShow.map(function (option, index) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_OptionsArea.OptionItem, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.OptionItem, {
         ref: !AutoComplete && index === chosenItem ? OptionRef : null,
         onFocus: function onFocus() {
           return setChosenItem(index);
@@ -140,7 +140,7 @@ function OptionsArea(_ref) {
         },
         children: option.label
       }, "".concat(option.label).concat(index));
-    }), AutoCompleteState.length > 0 && dataToShow.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_OptionsArea.Span, {
+    }), AutoCompleteState.length > 0 && dataToShow.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Span, {
       children: "Sem Resultados"
     })]
   });

package/dist/components/MultipleSelect/components/OptionsArea/styles.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { IStyleProps } from '../../types';
+export declare const OptionsAreaWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AutoCompleteInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const Span: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const OptionItem: import("react").NamedExoticComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/MultipleSelect/components/OptionsArea/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/OptionsArea/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,eAAO,MAAM,kBAAkB;;;uHAwC9B,CAAC;AA+BF,eAAO,MAAM,iBAAiB;;;gIAe7B,CAAC;AAEF,eAAO,MAAM,IAAI;;;yHAGhB,CAAC;AAEF,eAAO,MAAM,UAAU;;;mHAErB,CAAC"}

package/dist/components/MultipleSelect/components/OptionsArea/styles.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Span = exports.OptionsAreaWrapper = exports.OptionItem = exports.AutoCompleteInput = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _react = require("react");
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+var OptionsAreaWrapper = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 54px;\n  left: 0;\n  z-index: ", ";\n\n  display: flex;\n  scroll-behavior: smooth;\n\n  flex-direction: column;\n  box-sizing: border-box;\n  background-color: ", ";\n\n  color: ", ";\n\n  width: 100%;\n  max-height: 248px;\n  border-radius: ", ";\n\n  overflow-y: auto;\n\n  padding: 8px;\n\n  box-shadow: ", ";\n\n  &::-webkit-scrollbar {\n    width: 6px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: ", ";\n    border-radius: ", ";\n  }\n"])), function (props) {
+  return props.theme.zIndex.level2;
+}, function (_ref) {
+  var theme = _ref.theme;
+  return {
+    dark: theme.colors.neutral.neutral6,
+    light: theme.colors.body.light
+  }[theme.colorMode];
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    dark: theme.colors.neutral.white,
+    light: theme.colors.neutral.black
+  }[theme.colorMode];
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.borderRadius.default;
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return {
+    dark: "0px 16px 32px ".concat(theme.colors.neutral.black),
+    light: theme.shadow.level3
+  }[theme.colorMode];
+}, function (_ref5) {
+  var theme = _ref5.theme,
+      selectType = _ref5.selectType;
+  return selectType ? theme.colors[selectType].default : theme.colors.primary.default;
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.borderRadius.default;
+});
+
+exports.OptionsAreaWrapper = OptionsAreaWrapper;
+
+var OptionItemStyle = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n\n  height: 58px;\n\n  padding: 16px 24px;\n\n  outline: 0;\n  background: none;\n  border: 0;\n\n  font-size: ", ";\n  font-weight: ", ";\n\n  cursor: pointer;\n\n  :focus,\n  :hover {\n    background-color: ", ";\n\n    border-radius: ", ";\n  }\n"])), function (_ref7) {
+  var theme = _ref7.theme;
+  return theme.fontSizes.xs;
+}, function (_ref8) {
+  var theme = _ref8.theme;
+  return theme.fontWeight['500'];
+}, function (_ref9) {
+  var theme = _ref9.theme;
+  return {
+    dark: theme.colors.neutral.neutral5,
+    light: theme.colors.neutral.neutral1
+  }[theme.colorMode];
+}, function (_ref10) {
+  var theme = _ref10.theme;
+  return theme.borderRadius.default;
+});
+
+var AutoCompleteInput = _styled.default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 8px;\n  outline: 0;\n  color: ", ";\n\n  background: ", ";\n\n  margin-bottom: 8px;\n\n  border: 2px solid\n    ", ";\n\n  border-radius: ", "; ;\n"])), function (_ref11) {
+  var theme = _ref11.theme;
+  return {
+    dark: theme.colors.neutral.white,
+    light: ''
+  }[theme.colorMode];
+}, function (_ref12) {
+  var theme = _ref12.theme;
+  return {
+    dark: theme.colors.neutral.neutral3,
+    light: ''
+  }[theme.colorMode];
+}, function (_ref13) {
+  var theme = _ref13.theme,
+      selectType = _ref13.selectType;
+  return selectType ? theme.colors[selectType].blurred : theme.colors.primary.disabled;
+}, function (_ref14) {
+  var theme = _ref14.theme;
+  return theme.borderRadius.default;
+});
+
+exports.AutoCompleteInput = AutoCompleteInput;
+
+var Span = _styled.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  font-size: ", ";\n  text-align: center;\n"])), function (_ref15) {
+  var theme = _ref15.theme;
+  return theme.fontSizes.xxxs;
+});
+
+exports.Span = Span;
+var OptionItem = /*#__PURE__*/(0, _react.memo)(OptionItemStyle, function (prevProps, nextProps) {
+  return prevProps.active === nextProps.active;
+});
+exports.OptionItem = OptionItem;

package/dist/components/MultipleSelect/components/SelectArea/ButtonsArea.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { IStyleProps } from '../../types';
-export declare const ButtonsArea: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Button: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+/// <reference types="react" />
+import { IStyleProps } from '../../types';
+export declare const ButtonsArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Button: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 //# sourceMappingURL=ButtonsArea.d.ts.map

package/dist/components/MultipleSelect/components/SelectArea/Label.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { IStyleProps } from '../../types';
-export declare const Label: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyleProps, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+/// <reference types="react" />
+import { IStyleProps } from '../../types';
+export declare const Label: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyleProps, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
 //# sourceMappingURL=Label.d.ts.map