@hh.ru/magritte-ui-suggest 6.4.18 → 6.4.20

package/Suggest.js

@@ -6,7 +6,7 @@ import { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';
 import { getSearchResultCount, SuggestPicker } from './SuggestPicker.js';
 import { DataProviderError } from './dataProvider.js';
 import { useSuggestKeyboardNav } from './useSuggestKeyboardNav.js';
-import { s as styles } from './sectionRenderers-JN6-tHnw.js';
+import { s as styles } from './sectionRenderers-C2PFOLF0.js';
 import 'classnames';
 import '@hh.ru/magritte-common-keyboard';
 import '@hh.ru/magritte-ui-bottom-sheet';

package/SuggestPicker.js

@@ -9,13 +9,14 @@ import { Button } from '@hh.ru/magritte-ui-button';
 import { Drop } from '@hh.ru/magritte-ui-drop';
 import { ArrowPathOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
 import { NavigationBar } from '@hh.ru/magritte-ui-navigation-bar';
-import { r as renderSection, s as styles } from './sectionRenderers-JN6-tHnw.js';
+import { r as renderSection, s as styles } from './sectionRenderers-C2PFOLF0.js';
 import '@hh.ru/magritte-ui-card';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-chips';
 import '@hh.ru/magritte-ui-typography';
 
 const getSearchResultCount = (options) => options?.filter(({ type, searchable = true }) => type !== 'delimiter' && searchable).length || 0;
+const dropPlacement = ['bottom-left', 'top-left'];
 const SuggestPicker = function ({ data, activatorRef, inputRef, onValueSelect, maxHeight, navigationBarProps, input, inputFocused, currentInputValueSelectedFromSuggest, suggestContainerRef, itemsGap, onBottomSheetClose, onBottomSheetOpen, inputValue, topContent, bottomContent, dropWidth, isError, trls, errorPlaceholder, onClickReload, onDropOpen, onDropClose, onSearchSubmit, }) {
     const { isMobile, breakpoint } = useBreakpoint();
     const [showBottomSheet, setShowBottomSheet] = useState(false);
@@ -92,7 +93,7 @@ const SuggestPicker = function ({ data, activatorRef, inputRef, onValueSelect, m
                     setCaretVisible(false);
                 }, onClose: () => {
                     setShowBottomSheet(false);
-                }, footer: isError && (jsx(BottomSheetFooter, { children: jsx(Button, { mode: "secondary", style: "negative", icon: jsx(ArrowPathOutlinedSize24, {}), onClick: onClickReload, "data-qa": "suggest-reload-button", stretched: true, children: trls.resetButton }) })), ref: suggestContainerRef, allowScrollWhileFocused: true, children: [!isError && (jsxs("div", { onKeyDown: processInput(bottomSheetInputRef), className: styles.suggestItemsContainer, style: { gap: itemsGap }, children: [topContent, suggestContent, bottomContent] })), isError && jsx("div", { className: styles.errorWrapper, children: errorPlaceholder })] }), jsx(Drop, { autoFocusWhenOpened: false, placement: "bottom-left", visible: dropVisible, onClose: () => setShowDrop(false), activatorRef: activatorRef, role: "status", space: 400, widthEqualToActivator: !dropWidth, width: dropWidth, forcePlacement: true, keyboardNavigationMode: "list", "data-qa": "suggest-drop", ref: suggestContainerRef, onAppear: onDropOpen, onAfterExit: onDropClose, children: jsx("div", { onKeyDown: processInput(inputRef), className: styles.suggestItemsContainer, style: { maxHeight }, children: jsxs("div", { className: styles.suggestItemsContainerWrapper, style: { gap: itemsGap }, children: [topContent, suggestContent, bottomContent] }) }) })] }));
+                }, footer: isError && (jsx(BottomSheetFooter, { children: jsx(Button, { mode: "secondary", style: "negative", icon: jsx(ArrowPathOutlinedSize24, {}), onClick: onClickReload, "data-qa": "suggest-reload-button", stretched: true, children: trls.resetButton }) })), ref: suggestContainerRef, allowScrollWhileFocused: true, children: [!isError && (jsxs("div", { onKeyDown: processInput(bottomSheetInputRef), className: styles.suggestItemsContainer, style: { gap: itemsGap }, children: [topContent, suggestContent, bottomContent] })), isError && jsx("div", { className: styles.errorWrapper, children: errorPlaceholder })] }), jsx(Drop, { autoFocusWhenOpened: false, placement: dropPlacement, lockPlacement: true, visible: dropVisible, onClose: () => setShowDrop(false), activatorRef: activatorRef, role: "status", space: 400, widthEqualToActivator: !dropWidth, width: dropWidth, forcePlacement: true, keyboardNavigationMode: "list", "data-qa": "suggest-drop", ref: suggestContainerRef, onAppear: onDropOpen, onAfterExit: onDropClose, children: jsx("div", { onKeyDown: processInput(inputRef), className: styles.suggestItemsContainer, style: { maxHeight }, children: jsxs("div", { className: styles.suggestItemsContainerWrapper, style: { gap: itemsGap }, children: [topContent, suggestContent, bottomContent] }) }) })] }));
 };
 SuggestPicker.displayName = 'SuggestPicker';
 

package/SuggestPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestPicker.js","sources":["../src/SuggestPicker.tsx"],"sourcesContent":["import {\n    RefObject,\n    useMemo,\n    useEffect,\n    useRef,\n    useState,\n    ReactElement,\n    KeyboardEventHandler,\n    ReactNode,\n    useCallback,\n} from 'react';\nimport classnames from 'classnames';\n\nimport { keyboardKeys, keyboardMatch } from '@hh.ru/magritte-common-keyboard';\nimport { type TokenBaseCoreSpace } from '@hh.ru/magritte-design-tokens/types';\nimport { BottomSheet, BottomSheetFooter } from '@hh.ru/magritte-ui-bottom-sheet';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { Button } from '@hh.ru/magritte-ui-button';\nimport { Drop } from '@hh.ru/magritte-ui-drop';\nimport { ArrowPathOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { ControlledInputProps } from '@hh.ru/magritte-ui-input';\nimport { NavigationBar } from '@hh.ru/magritte-ui-navigation-bar';\nimport { renderSection } from '@hh.ru/magritte-ui-suggest/sectionRenderers';\nimport {\n    DataProviderResult,\n    SuggestProps,\n    SuggestInputComponent,\n    InputProp,\n    SearchSubmitType,\n} from '@hh.ru/magritte-ui-suggest/types';\n\nimport styles from './suggest.less';\n\ninterface SuggestPickerProps<K, P extends SuggestInputComponent = SuggestInputComponent> {\n    data: DataProviderResult<K> | null | undefined;\n    activatorRef: RefObject<HTMLElement>;\n    inputRef: RefObject<HTMLElement>;\n    onValueSelect: (value: string, data: K | undefined) => void;\n    maxHeight: number;\n    navigationBarProps: SuggestProps<unknown, SuggestInputComponent>['navigationBarProps'];\n    input: InputProp<P>;\n    inputFocused: boolean;\n    currentInputValueSelectedFromSuggest: boolean;\n    suggestContainerRef: RefObject<HTMLElement>;\n    itemsGap: TokenBaseCoreSpace;\n    onBottomSheetClose: VoidFunction;\n    inputValue: string;\n    topContent?: ReactNode;\n    bottomContent?: ReactNode;\n    dropWidth?: number;\n    isError: boolean;\n    trls: SuggestProps<unknown, SuggestInputComponent>['trls'];\n    errorPlaceholder: ReactNode;\n    onClickReload: VoidFunction;\n    onBottomSheetOpen?: VoidFunction;\n    onDropOpen?: VoidFunction;\n    onDropClose?: VoidFunction;\n    onSearchSubmit?: SearchSubmitType;\n}\n\nexport const getSearchResultCount = <K,>(options: DataProviderResult<K> | null | undefined): number =>\n    options?.filter(({ type, searchable = true }) => type !== 'delimiter' && searchable).length || 0;\n\nexport const SuggestPicker = function <K, P extends SuggestInputComponent>({\n    data,\n    activatorRef,\n    inputRef,\n    onValueSelect,\n    maxHeight,\n    navigationBarProps,\n    input,\n    inputFocused,\n    currentInputValueSelectedFromSuggest,\n    suggestContainerRef,\n    itemsGap,\n    onBottomSheetClose,\n    onBottomSheetOpen,\n    inputValue,\n    topContent,\n    bottomContent,\n    dropWidth,\n    isError,\n    trls,\n    errorPlaceholder,\n    onClickReload,\n    onDropOpen,\n    onDropClose,\n    onSearchSubmit,\n}: SuggestPickerProps<K, P>): ReactElement | null {\n    const { isMobile, breakpoint } = useBreakpoint();\n    const [showBottomSheet, setShowBottomSheet] = useState(false);\n    const [showDrop, setShowDrop] = useState(true);\n    const bottomSheetInputRef = useRef<HTMLInputElement>(null);\n    const [caretVisible, setCaretVisible] = useState(false);\n\n    useEffect(() => {\n        if (inputFocused) {\n            setShowBottomSheet(true);\n        } else if (!isMobile) {\n            setShowBottomSheet(false);\n        }\n        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n    }, [inputFocused, setShowBottomSheet]);\n\n    useEffect(() => {\n        if (currentInputValueSelectedFromSuggest) {\n            setShowBottomSheet(false);\n        }\n    }, [currentInputValueSelectedFromSuggest, isMobile]);\n\n    // если скрыли дроп из-за скрытия активатора под скроллом, то при следующем изменении данных нужно его показать\n    useEffect(() => {\n        setShowDrop(true);\n    }, [inputValue, inputFocused]);\n\n    const onKeyDownHandler = useCallback<KeyboardEventHandler<HTMLInputElement>>(\n        (event) => {\n            input.props.onKeyDown?.(event);\n            if (onSearchSubmit && keyboardMatch(event.nativeEvent, keyboardKeys.Enter)) {\n                const onCloseBottomSheet = () => {\n                    setShowBottomSheet(false);\n                };\n                // в onSearchSubmit нужно вернуть количество результатов поиска\n                onSearchSubmit(event, onCloseBottomSheet, getSearchResultCount(data));\n            }\n        },\n        [input.props, onSearchSubmit, data]\n    );\n\n    const suggestContent = useMemo(() => {\n        if (!data) {\n            return null;\n        }\n\n        return data.reduce<Array<JSX.Element>>((result, section, index) => {\n            const renderResult = renderSection(\n                section,\n                index,\n                onValueSelect,\n                breakpoint,\n                data.length,\n                Boolean(bottomContent)\n            );\n            result.push(...renderResult);\n            return result;\n        }, []);\n    }, [data, onValueSelect, breakpoint, bottomContent]);\n\n    const dropVisible =\n        suggestContent !== null &&\n        suggestContent.length > 0 &&\n        !currentInputValueSelectedFromSuggest &&\n        inputFocused &&\n        showDrop;\n\n    const InputComponent = input.component;\n    const processInput =\n        (ref: RefObject<HTMLElement>): KeyboardEventHandler<HTMLElement> =>\n        (event) => {\n            const hasPrintableRepresentation = event.key.replace(/\\s/g, '').length === 1;\n            if (!hasPrintableRepresentation) {\n                return;\n            }\n            ref.current?.focus();\n            const newEvent = new KeyboardEvent('keydown', event.nativeEvent);\n            ref.current?.dispatchEvent(newEvent);\n        };\n\n    return (\n        <>\n            <BottomSheet\n                visible={showBottomSheet}\n                height=\"full-screen\"\n                onAfterExit={onBottomSheetClose}\n                keyboardOverlaysContent={false}\n                header={\n                    <NavigationBar\n                        {...navigationBarProps}\n                        options={\n                            <div\n                                className={classnames({\n                                    [styles.bottomSheetInputHideCaret]: !caretVisible,\n                                })}\n                            >\n                                <InputComponent\n                                    {...({\n                                        ...input.props,\n                                        invalid: false,\n                                        ref: bottomSheetInputRef,\n                                        autoComplete: 'off',\n                                        onKeyDown: onKeyDownHandler,\n                                    } as unknown as JSX.IntrinsicAttributes &\n                                        JSX.LibraryManagedAttributes<P, ControlledInputProps>)}\n                                />\n                            </div>\n                        }\n                    />\n                }\n                onAppear={() => {\n                    bottomSheetInputRef?.current?.focus();\n                    setCaretVisible(true);\n                    onBottomSheetOpen?.();\n                }}\n                onBeforeExit={() => {\n                    bottomSheetInputRef?.current?.blur();\n                    setCaretVisible(false);\n                }}\n                onClose={() => {\n                    setShowBottomSheet(false);\n                }}\n                footer={\n                    isError && (\n                        <BottomSheetFooter>\n                            <Button\n                                mode=\"secondary\"\n                                style=\"negative\"\n                                icon={<ArrowPathOutlinedSize24 />}\n                                onClick={onClickReload}\n                                data-qa=\"suggest-reload-button\"\n                                stretched\n                            >\n                                {trls.resetButton}\n                            </Button>\n                        </BottomSheetFooter>\n                    )\n                }\n                ref={suggestContainerRef}\n                allowScrollWhileFocused\n            >\n                {!isError && (\n                    <div\n                        onKeyDown={processInput(bottomSheetInputRef)}\n                        className={styles.suggestItemsContainer}\n                        style={{ gap: itemsGap }}\n                    >\n                        {topContent}\n                        {suggestContent}\n                        {bottomContent}\n                    </div>\n                )}\n                {isError && <div className={styles.errorWrapper}>{errorPlaceholder}</div>}\n            </BottomSheet>\n            <Drop\n                autoFocusWhenOpened={false}\n                placement=\"bottom-left\"\n                visible={dropVisible}\n                onClose={() => setShowDrop(false)}\n                activatorRef={activatorRef}\n                role=\"status\"\n                space={400}\n                widthEqualToActivator={!dropWidth}\n                width={dropWidth}\n                forcePlacement\n                keyboardNavigationMode=\"list\"\n                data-qa=\"suggest-drop\"\n                ref={suggestContainerRef}\n                onAppear={onDropOpen}\n                onAfterExit={onDropClose}\n            >\n                <div onKeyDown={processInput(inputRef)} className={styles.suggestItemsContainer} style={{ maxHeight }}>\n                    <div className={styles.suggestItemsContainerWrapper} style={{ gap: itemsGap }}>\n                        {topContent}\n                        {suggestContent}\n                        {bottomContent}\n                    </div>\n                </div>\n            </Drop>\n        </>\n    );\n};\n\nSuggestPicker.displayName = 'SuggestPicker';\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"SuggestPicker.js","sources":["../src/SuggestPicker.tsx"],"sourcesContent":["import {\n    RefObject,\n    useMemo,\n    useEffect,\n    useRef,\n    useState,\n    ReactElement,\n    KeyboardEventHandler,\n    ReactNode,\n    useCallback,\n} from 'react';\nimport classnames from 'classnames';\n\nimport { keyboardKeys, keyboardMatch } from '@hh.ru/magritte-common-keyboard';\nimport { type TokenBaseCoreSpace } from '@hh.ru/magritte-design-tokens/types';\nimport { BottomSheet, BottomSheetFooter } from '@hh.ru/magritte-ui-bottom-sheet';\nimport { useBreakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { Button } from '@hh.ru/magritte-ui-button';\nimport { Drop } from '@hh.ru/magritte-ui-drop';\nimport { ArrowPathOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { ControlledInputProps } from '@hh.ru/magritte-ui-input';\nimport { NavigationBar } from '@hh.ru/magritte-ui-navigation-bar';\nimport { renderSection } from '@hh.ru/magritte-ui-suggest/sectionRenderers';\nimport {\n    DataProviderResult,\n    SuggestProps,\n    SuggestInputComponent,\n    InputProp,\n    SearchSubmitType,\n} from '@hh.ru/magritte-ui-suggest/types';\n\nimport styles from './suggest.less';\n\ninterface SuggestPickerProps<K, P extends SuggestInputComponent = SuggestInputComponent> {\n    data: DataProviderResult<K> | null | undefined;\n    activatorRef: RefObject<HTMLElement>;\n    inputRef: RefObject<HTMLElement>;\n    onValueSelect: (value: string, data: K | undefined) => void;\n    maxHeight: number;\n    navigationBarProps: SuggestProps<unknown, SuggestInputComponent>['navigationBarProps'];\n    input: InputProp<P>;\n    inputFocused: boolean;\n    currentInputValueSelectedFromSuggest: boolean;\n    suggestContainerRef: RefObject<HTMLElement>;\n    itemsGap: TokenBaseCoreSpace;\n    onBottomSheetClose: VoidFunction;\n    inputValue: string;\n    topContent?: ReactNode;\n    bottomContent?: ReactNode;\n    dropWidth?: number;\n    isError: boolean;\n    trls: SuggestProps<unknown, SuggestInputComponent>['trls'];\n    errorPlaceholder: ReactNode;\n    onClickReload: VoidFunction;\n    onBottomSheetOpen?: VoidFunction;\n    onDropOpen?: VoidFunction;\n    onDropClose?: VoidFunction;\n    onSearchSubmit?: SearchSubmitType;\n}\n\nexport const getSearchResultCount = <K,>(options: DataProviderResult<K> | null | undefined): number =>\n    options?.filter(({ type, searchable = true }) => type !== 'delimiter' && searchable).length || 0;\n\nconst dropPlacement = ['bottom-left', 'top-left'];\n\nexport const SuggestPicker = function <K, P extends SuggestInputComponent>({\n    data,\n    activatorRef,\n    inputRef,\n    onValueSelect,\n    maxHeight,\n    navigationBarProps,\n    input,\n    inputFocused,\n    currentInputValueSelectedFromSuggest,\n    suggestContainerRef,\n    itemsGap,\n    onBottomSheetClose,\n    onBottomSheetOpen,\n    inputValue,\n    topContent,\n    bottomContent,\n    dropWidth,\n    isError,\n    trls,\n    errorPlaceholder,\n    onClickReload,\n    onDropOpen,\n    onDropClose,\n    onSearchSubmit,\n}: SuggestPickerProps<K, P>): ReactElement | null {\n    const { isMobile, breakpoint } = useBreakpoint();\n    const [showBottomSheet, setShowBottomSheet] = useState(false);\n    const [showDrop, setShowDrop] = useState(true);\n    const bottomSheetInputRef = useRef<HTMLInputElement>(null);\n    const [caretVisible, setCaretVisible] = useState(false);\n\n    useEffect(() => {\n        if (inputFocused) {\n            setShowBottomSheet(true);\n        } else if (!isMobile) {\n            setShowBottomSheet(false);\n        }\n        // eslint-disable-next-line disable-autofix/react-hooks/exhaustive-deps\n    }, [inputFocused, setShowBottomSheet]);\n\n    useEffect(() => {\n        if (currentInputValueSelectedFromSuggest) {\n            setShowBottomSheet(false);\n        }\n    }, [currentInputValueSelectedFromSuggest, isMobile]);\n\n    // если скрыли дроп из-за скрытия активатора под скроллом, то при следующем изменении данных нужно его показать\n    useEffect(() => {\n        setShowDrop(true);\n    }, [inputValue, inputFocused]);\n\n    const onKeyDownHandler = useCallback<KeyboardEventHandler<HTMLInputElement>>(\n        (event) => {\n            input.props.onKeyDown?.(event);\n            if (onSearchSubmit && keyboardMatch(event.nativeEvent, keyboardKeys.Enter)) {\n                const onCloseBottomSheet = () => {\n                    setShowBottomSheet(false);\n                };\n                // в onSearchSubmit нужно вернуть количество результатов поиска\n                onSearchSubmit(event, onCloseBottomSheet, getSearchResultCount(data));\n            }\n        },\n        [input.props, onSearchSubmit, data]\n    );\n\n    const suggestContent = useMemo(() => {\n        if (!data) {\n            return null;\n        }\n\n        return data.reduce<Array<JSX.Element>>((result, section, index) => {\n            const renderResult = renderSection(\n                section,\n                index,\n                onValueSelect,\n                breakpoint,\n                data.length,\n                Boolean(bottomContent)\n            );\n            result.push(...renderResult);\n            return result;\n        }, []);\n    }, [data, onValueSelect, breakpoint, bottomContent]);\n\n    const dropVisible =\n        suggestContent !== null &&\n        suggestContent.length > 0 &&\n        !currentInputValueSelectedFromSuggest &&\n        inputFocused &&\n        showDrop;\n\n    const InputComponent = input.component;\n    const processInput =\n        (ref: RefObject<HTMLElement>): KeyboardEventHandler<HTMLElement> =>\n        (event) => {\n            const hasPrintableRepresentation = event.key.replace(/\\s/g, '').length === 1;\n            if (!hasPrintableRepresentation) {\n                return;\n            }\n            ref.current?.focus();\n            const newEvent = new KeyboardEvent('keydown', event.nativeEvent);\n            ref.current?.dispatchEvent(newEvent);\n        };\n\n    return (\n        <>\n            <BottomSheet\n                visible={showBottomSheet}\n                height=\"full-screen\"\n                onAfterExit={onBottomSheetClose}\n                keyboardOverlaysContent={false}\n                header={\n                    <NavigationBar\n                        {...navigationBarProps}\n                        options={\n                            <div\n                                className={classnames({\n                                    [styles.bottomSheetInputHideCaret]: !caretVisible,\n                                })}\n                            >\n                                <InputComponent\n                                    {...({\n                                        ...input.props,\n                                        invalid: false,\n                                        ref: bottomSheetInputRef,\n                                        autoComplete: 'off',\n                                        onKeyDown: onKeyDownHandler,\n                                    } as unknown as JSX.IntrinsicAttributes &\n                                        JSX.LibraryManagedAttributes<P, ControlledInputProps>)}\n                                />\n                            </div>\n                        }\n                    />\n                }\n                onAppear={() => {\n                    bottomSheetInputRef?.current?.focus();\n                    setCaretVisible(true);\n                    onBottomSheetOpen?.();\n                }}\n                onBeforeExit={() => {\n                    bottomSheetInputRef?.current?.blur();\n                    setCaretVisible(false);\n                }}\n                onClose={() => {\n                    setShowBottomSheet(false);\n                }}\n                footer={\n                    isError && (\n                        <BottomSheetFooter>\n                            <Button\n                                mode=\"secondary\"\n                                style=\"negative\"\n                                icon={<ArrowPathOutlinedSize24 />}\n                                onClick={onClickReload}\n                                data-qa=\"suggest-reload-button\"\n                                stretched\n                            >\n                                {trls.resetButton}\n                            </Button>\n                        </BottomSheetFooter>\n                    )\n                }\n                ref={suggestContainerRef}\n                allowScrollWhileFocused\n            >\n                {!isError && (\n                    <div\n                        onKeyDown={processInput(bottomSheetInputRef)}\n                        className={styles.suggestItemsContainer}\n                        style={{ gap: itemsGap }}\n                    >\n                        {topContent}\n                        {suggestContent}\n                        {bottomContent}\n                    </div>\n                )}\n                {isError && <div className={styles.errorWrapper}>{errorPlaceholder}</div>}\n            </BottomSheet>\n            <Drop\n                autoFocusWhenOpened={false}\n                placement={dropPlacement}\n                lockPlacement\n                visible={dropVisible}\n                onClose={() => setShowDrop(false)}\n                activatorRef={activatorRef}\n                role=\"status\"\n                space={400}\n                widthEqualToActivator={!dropWidth}\n                width={dropWidth}\n                forcePlacement\n                keyboardNavigationMode=\"list\"\n                data-qa=\"suggest-drop\"\n                ref={suggestContainerRef}\n                onAppear={onDropOpen}\n                onAfterExit={onDropClose}\n            >\n                <div onKeyDown={processInput(inputRef)} className={styles.suggestItemsContainer} style={{ maxHeight }}>\n                    <div className={styles.suggestItemsContainerWrapper} style={{ gap: itemsGap }}>\n                        {topContent}\n                        {suggestContent}\n                        {bottomContent}\n                    </div>\n                </div>\n            </Drop>\n        </>\n    );\n};\n\nSuggestPicker.displayName = 'SuggestPicker';\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/index.css

@@ -1,594 +1,64 @@
 :root{
-  --magritte-color-text-primary-v20-1-0:#000000;
+  --magritte-color-text-primary-v21-0-0:#000000;
 }
 :root{
-  --magritte-typography-title-1-semibold-font-family-v20-1-0:"hh sans";
-  --magritte-typography-title-1-semibold-font-weight-v20-1-0:500;
-  --magritte-typography-title-1-semibold-line-height-v20-1-0:60px;
-  --magritte-typography-title-1-semibold-font-size-v20-1-0:48px;
-  --magritte-typography-title-1-semibold-letter-spacing-v20-1-0:-0.02em;
-  --magritte-typography-title-1-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-title-1-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-title-1-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-title-2-semibold-font-family-v20-1-0:"hh sans";
-  --magritte-typography-title-2-semibold-font-weight-v20-1-0:500;
-  --magritte-typography-title-2-semibold-line-height-v20-1-0:48px;
-  --magritte-typography-title-2-semibold-font-size-v20-1-0:36px;
-  --magritte-typography-title-2-semibold-letter-spacing-v20-1-0:-0.0175em;
-  --magritte-typography-title-2-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-title-2-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-title-2-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-title-3-semibold-font-family-v20-1-0:"hh sans";
-  --magritte-typography-title-3-semibold-font-weight-v20-1-0:500;
-  --magritte-typography-title-3-semibold-line-height-v20-1-0:40px;
-  --magritte-typography-title-3-semibold-font-size-v20-1-0:28px;
-  --magritte-typography-title-3-semibold-letter-spacing-v20-1-0:-0.0125em;
-  --magritte-typography-title-3-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-title-3-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-title-3-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-title-4-semibold-font-family-v20-1-0:"hh sans";
-  --magritte-typography-title-4-semibold-font-weight-v20-1-0:500;
-  --magritte-typography-title-4-semibold-line-height-v20-1-0:32px;
-  --magritte-typography-title-4-semibold-font-size-v20-1-0:22px;
-  --magritte-typography-title-4-semibold-letter-spacing-v20-1-0:-0.0075em;
-  --magritte-typography-title-4-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-title-4-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-title-4-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-title-5-semibold-font-family-v20-1-0:"hh sans";
-  --magritte-typography-title-5-semibold-font-weight-v20-1-0:500;
-  --magritte-typography-title-5-semibold-line-height-v20-1-0:26px;
-  --magritte-typography-title-5-semibold-font-size-v20-1-0:18px;
-  --magritte-typography-title-5-semibold-letter-spacing-v20-1-0:0em;
-  --magritte-typography-title-5-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-title-5-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-title-5-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-subtitle-1-semibold-font-family-v20-1-0:"hh sans";
-  --magritte-typography-subtitle-1-semibold-font-weight-v20-1-0:500;
-  --magritte-typography-subtitle-1-semibold-line-height-v20-1-0:22px;
-  --magritte-typography-subtitle-1-semibold-font-size-v20-1-0:16px;
-  --magritte-typography-subtitle-1-semibold-letter-spacing-v20-1-0:0em;
-  --magritte-typography-subtitle-1-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-subtitle-1-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-subtitle-1-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-subtitle-2-semibold-font-family-v20-1-0:"hh sans";
-  --magritte-typography-subtitle-2-semibold-font-weight-v20-1-0:500;
-  --magritte-typography-subtitle-2-semibold-line-height-v20-1-0:20px;
-  --magritte-typography-subtitle-2-semibold-font-size-v20-1-0:14px;
-  --magritte-typography-subtitle-2-semibold-letter-spacing-v20-1-0:0.005em;
-  --magritte-typography-subtitle-2-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-subtitle-2-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-subtitle-2-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-subtitle-3-semibold-font-family-v20-1-0:"hh sans";
-  --magritte-typography-subtitle-3-semibold-font-weight-v20-1-0:500;
-  --magritte-typography-subtitle-3-semibold-line-height-v20-1-0:18px;
-  --magritte-typography-subtitle-3-semibold-font-size-v20-1-0:12px;
-  --magritte-typography-subtitle-3-semibold-letter-spacing-v20-1-0:0.01em;
-  --magritte-typography-subtitle-3-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-subtitle-3-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-subtitle-3-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-subtitle-4-semibold-font-family-v20-1-0:"hh sans";
-  --magritte-typography-subtitle-4-semibold-font-weight-v20-1-0:500;
-  --magritte-typography-subtitle-4-semibold-line-height-v20-1-0:16px;
-  --magritte-typography-subtitle-4-semibold-font-size-v20-1-0:10px;
-  --magritte-typography-subtitle-4-semibold-letter-spacing-v20-1-0:0.015em;
-  --magritte-typography-subtitle-4-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-subtitle-4-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-subtitle-4-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-label-1-regular-font-family-v20-1-0:"hh sans";
-  --magritte-typography-label-1-regular-font-weight-v20-1-0:400;
-  --magritte-typography-label-1-regular-line-height-v20-1-0:26px;
-  --magritte-typography-label-1-regular-font-size-v20-1-0:18px;
-  --magritte-typography-label-1-regular-letter-spacing-v20-1-0:-0.005em;
-  --magritte-typography-label-1-regular-text-indent-v20-1-0:0px;
-  --magritte-typography-label-1-regular-text-transform-v20-1-0:none;
-  --magritte-typography-label-1-regular-text-decoration-v20-1-0:none;
-  --magritte-typography-label-2-regular-font-family-v20-1-0:"hh sans";
-  --magritte-typography-label-2-regular-font-weight-v20-1-0:400;
-  --magritte-typography-label-2-regular-line-height-v20-1-0:22px;
-  --magritte-typography-label-2-regular-font-size-v20-1-0:16px;
-  --magritte-typography-label-2-regular-letter-spacing-v20-1-0:0em;
-  --magritte-typography-label-2-regular-text-indent-v20-1-0:0px;
-  --magritte-typography-label-2-regular-text-transform-v20-1-0:none;
-  --magritte-typography-label-2-regular-text-decoration-v20-1-0:none;
-  --magritte-typography-label-3-regular-font-family-v20-1-0:"hh sans";
-  --magritte-typography-label-3-regular-font-weight-v20-1-0:400;
-  --magritte-typography-label-3-regular-line-height-v20-1-0:20px;
-  --magritte-typography-label-3-regular-font-size-v20-1-0:14px;
-  --magritte-typography-label-3-regular-letter-spacing-v20-1-0:0.005em;
-  --magritte-typography-label-3-regular-text-indent-v20-1-0:0px;
-  --magritte-typography-label-3-regular-text-transform-v20-1-0:none;
-  --magritte-typography-label-3-regular-text-decoration-v20-1-0:none;
-  --magritte-typography-label-4-regular-font-family-v20-1-0:"hh sans";
-  --magritte-typography-label-4-regular-font-weight-v20-1-0:400;
-  --magritte-typography-label-4-regular-line-height-v20-1-0:18px;
-  --magritte-typography-label-4-regular-font-size-v20-1-0:12px;
-  --magritte-typography-label-4-regular-letter-spacing-v20-1-0:0.01em;
-  --magritte-typography-label-4-regular-text-indent-v20-1-0:0px;
-  --magritte-typography-label-4-regular-text-transform-v20-1-0:none;
-  --magritte-typography-label-4-regular-text-decoration-v20-1-0:none;
-  --magritte-typography-label-5-regular-font-family-v20-1-0:"hh sans";
-  --magritte-typography-label-5-regular-font-weight-v20-1-0:400;
-  --magritte-typography-label-5-regular-line-height-v20-1-0:14px;
-  --magritte-typography-label-5-regular-font-size-v20-1-0:10px;
-  --magritte-typography-label-5-regular-letter-spacing-v20-1-0:0.02em;
-  --magritte-typography-label-5-regular-text-indent-v20-1-0:0px;
-  --magritte-typography-label-5-regular-text-transform-v20-1-0:none;
-  --magritte-typography-label-5-regular-text-decoration-v20-1-0:none;
-  --magritte-typography-paragraph-1-regular-font-family-v20-1-0:"hh sans";
-  --magritte-typography-paragraph-1-regular-font-weight-v20-1-0:400;
-  --magritte-typography-paragraph-1-regular-line-height-v20-1-0:28px;
-  --magritte-typography-paragraph-1-regular-font-size-v20-1-0:18px;
-  --magritte-typography-paragraph-1-regular-letter-spacing-v20-1-0:0em;
-  --magritte-typography-paragraph-1-regular-text-indent-v20-1-0:0px;
-  --magritte-typography-paragraph-1-regular-text-transform-v20-1-0:none;
-  --magritte-typography-paragraph-1-regular-text-decoration-v20-1-0:none;
-  --magritte-typography-paragraph-2-regular-font-family-v20-1-0:"hh sans";
-  --magritte-typography-paragraph-2-regular-font-weight-v20-1-0:400;
-  --magritte-typography-paragraph-2-regular-line-height-v20-1-0:26px;
-  --magritte-typography-paragraph-2-regular-font-size-v20-1-0:16px;
-  --magritte-typography-paragraph-2-regular-letter-spacing-v20-1-0:0.005em;
-  --magritte-typography-paragraph-2-regular-text-indent-v20-1-0:0px;
-  --magritte-typography-paragraph-2-regular-text-transform-v20-1-0:none;
-  --magritte-typography-paragraph-2-regular-text-decoration-v20-1-0:none;
-  --magritte-typography-paragraph-3-regular-font-family-v20-1-0:"hh sans";
-  --magritte-typography-paragraph-3-regular-font-weight-v20-1-0:400;
-  --magritte-typography-paragraph-3-regular-line-height-v20-1-0:24px;
-  --magritte-typography-paragraph-3-regular-font-size-v20-1-0:14px;
-  --magritte-typography-paragraph-3-regular-letter-spacing-v20-1-0:0.01em;
-  --magritte-typography-paragraph-3-regular-text-indent-v20-1-0:0px;
-  --magritte-typography-paragraph-3-regular-text-transform-v20-1-0:none;
-  --magritte-typography-paragraph-3-regular-text-decoration-v20-1-0:none;
-  --magritte-typography-paragraph-4-regular-font-family-v20-1-0:"hh sans";
-  --magritte-typography-paragraph-4-regular-font-weight-v20-1-0:400;
-  --magritte-typography-paragraph-4-regular-line-height-v20-1-0:22px;
-  --magritte-typography-paragraph-4-regular-font-size-v20-1-0:12px;
-  --magritte-typography-paragraph-4-regular-letter-spacing-v20-1-0:0.015em;
-  --magritte-typography-paragraph-4-regular-text-indent-v20-1-0:0px;
-  --magritte-typography-paragraph-4-regular-text-transform-v20-1-0:none;
-  --magritte-typography-paragraph-4-regular-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-1-semibold-font-family-v20-1-0:"hh sans";
-  --magritte-typography-_custom-1-semibold-font-weight-v20-1-0:500;
-  --magritte-typography-_custom-1-semibold-line-height-v20-1-0:28px;
-  --magritte-typography-_custom-1-semibold-font-size-v20-1-0:18px;
-  --magritte-typography-_custom-1-semibold-letter-spacing-v20-1-0:0em;
-  --magritte-typography-_custom-1-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-1-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-1-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-2-semibold-font-family-v20-1-0:"hh sans";
-  --magritte-typography-_custom-2-semibold-font-weight-v20-1-0:500;
-  --magritte-typography-_custom-2-semibold-line-height-v20-1-0:26px;
-  --magritte-typography-_custom-2-semibold-font-size-v20-1-0:16px;
-  --magritte-typography-_custom-2-semibold-letter-spacing-v20-1-0:0.005em;
-  --magritte-typography-_custom-2-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-2-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-2-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-3-semibold-font-family-v20-1-0:"hh sans";
-  --magritte-typography-_custom-3-semibold-font-weight-v20-1-0:500;
-  --magritte-typography-_custom-3-semibold-line-height-v20-1-0:24px;
-  --magritte-typography-_custom-3-semibold-font-size-v20-1-0:14px;
-  --magritte-typography-_custom-3-semibold-letter-spacing-v20-1-0:0.01em;
-  --magritte-typography-_custom-3-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-3-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-3-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-4-semibold-font-family-v20-1-0:"hh sans";
-  --magritte-typography-_custom-4-semibold-font-weight-v20-1-0:400;
-  --magritte-typography-_custom-4-semibold-line-height-v20-1-0:22px;
-  --magritte-typography-_custom-4-semibold-font-size-v20-1-0:12px;
-  --magritte-typography-_custom-4-semibold-letter-spacing-v20-1-0:0.015em;
-  --magritte-typography-_custom-4-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-4-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-4-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-5-semibold-font-family-v20-1-0:"hh sans";
-  --magritte-typography-_custom-5-semibold-font-weight-v20-1-0:400;
-  --magritte-typography-_custom-5-semibold-line-height-v20-1-0:12px;
-  --magritte-typography-_custom-5-semibold-font-size-v20-1-0:10px;
-  --magritte-typography-_custom-5-semibold-letter-spacing-v20-1-0:0.015em;
-  --magritte-typography-_custom-5-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-5-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-5-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-1-medium-font-family-v20-1-0:"hh sans";
-  --magritte-typography-_custom-1-medium-font-weight-v20-1-0:500;
-  --magritte-typography-_custom-1-medium-line-height-v20-1-0:28px;
-  --magritte-typography-_custom-1-medium-font-size-v20-1-0:18px;
-  --magritte-typography-_custom-1-medium-letter-spacing-v20-1-0:0em;
-  --magritte-typography-_custom-1-medium-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-1-medium-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-1-medium-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-2-medium-font-family-v20-1-0:"hh sans";
-  --magritte-typography-_custom-2-medium-font-weight-v20-1-0:500;
-  --magritte-typography-_custom-2-medium-line-height-v20-1-0:26px;
-  --magritte-typography-_custom-2-medium-font-size-v20-1-0:16px;
-  --magritte-typography-_custom-2-medium-letter-spacing-v20-1-0:0.005em;
-  --magritte-typography-_custom-2-medium-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-2-medium-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-2-medium-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-3-medium-font-family-v20-1-0:"hh sans";
-  --magritte-typography-_custom-3-medium-font-weight-v20-1-0:500;
-  --magritte-typography-_custom-3-medium-line-height-v20-1-0:24px;
-  --magritte-typography-_custom-3-medium-font-size-v20-1-0:14px;
-  --magritte-typography-_custom-3-medium-letter-spacing-v20-1-0:0.01em;
-  --magritte-typography-_custom-3-medium-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-3-medium-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-3-medium-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-4-medium-font-family-v20-1-0:"hh sans";
-  --magritte-typography-_custom-4-medium-font-weight-v20-1-0:500;
-  --magritte-typography-_custom-4-medium-line-height-v20-1-0:22px;
-  --magritte-typography-_custom-4-medium-font-size-v20-1-0:12px;
-  --magritte-typography-_custom-4-medium-letter-spacing-v20-1-0:0.015em;
-  --magritte-typography-_custom-4-medium-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-4-medium-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-4-medium-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-5-medium-font-family-v20-1-0:"hh sans";
-  --magritte-typography-_custom-5-medium-font-weight-v20-1-0:500;
-  --magritte-typography-_custom-5-medium-line-height-v20-1-0:12px;
-  --magritte-typography-_custom-5-medium-font-size-v20-1-0:10px;
-  --magritte-typography-_custom-5-medium-letter-spacing-v20-1-0:0.015em;
-  --magritte-typography-_custom-5-medium-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-5-medium-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-5-medium-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-1-italic-font-family-v20-1-0:"hh sans";
-  --magritte-typography-_custom-1-italic-font-weight-v20-1-0:400;
-  --magritte-typography-_custom-1-italic-line-height-v20-1-0:28px;
-  --magritte-typography-_custom-1-italic-font-size-v20-1-0:18px;
-  --magritte-typography-_custom-1-italic-letter-spacing-v20-1-0:0em;
-  --magritte-typography-_custom-1-italic-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-1-italic-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-1-italic-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-2-italic-font-family-v20-1-0:"hh sans";
-  --magritte-typography-_custom-2-italic-font-weight-v20-1-0:400;
-  --magritte-typography-_custom-2-italic-line-height-v20-1-0:26px;
-  --magritte-typography-_custom-2-italic-font-size-v20-1-0:16px;
-  --magritte-typography-_custom-2-italic-letter-spacing-v20-1-0:0.005em;
-  --magritte-typography-_custom-2-italic-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-2-italic-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-2-italic-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-3-italic-font-family-v20-1-0:"hh sans";
-  --magritte-typography-_custom-3-italic-font-weight-v20-1-0:400;
-  --magritte-typography-_custom-3-italic-line-height-v20-1-0:24px;
-  --magritte-typography-_custom-3-italic-font-size-v20-1-0:14px;
-  --magritte-typography-_custom-3-italic-letter-spacing-v20-1-0:0.01em;
-  --magritte-typography-_custom-3-italic-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-3-italic-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-3-italic-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-4-italic-font-family-v20-1-0:"hh sans";
-  --magritte-typography-_custom-4-italic-font-weight-v20-1-0:400;
-  --magritte-typography-_custom-4-italic-line-height-v20-1-0:22px;
-  --magritte-typography-_custom-4-italic-font-size-v20-1-0:12px;
-  --magritte-typography-_custom-4-italic-letter-spacing-v20-1-0:0.015em;
-  --magritte-typography-_custom-4-italic-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-4-italic-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-4-italic-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-5-italic-font-family-v20-1-0:"hh sans";
-  --magritte-typography-_custom-5-italic-font-weight-v20-1-0:400;
-  --magritte-typography-_custom-5-italic-line-height-v20-1-0:12px;
-  --magritte-typography-_custom-5-italic-font-size-v20-1-0:10px;
-  --magritte-typography-_custom-5-italic-letter-spacing-v20-1-0:0.015em;
-  --magritte-typography-_custom-5-italic-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-5-italic-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-5-italic-text-decoration-v20-1-0:none;
-  --magritte-static-space-300-v20-1-0:12px;
-  --magritte-static-space-400-v20-1-0:16px;
+  --magritte-static-space-300-v21-0-0:12px;
+  --magritte-static-space-400-v21-0-0:16px;
 }
 .magritte-night-theme{
-  --magritte-color-text-primary-v20-1-0:#ffffff;
+  --magritte-color-text-primary-v21-0-0:#ffffff;
 }
-.magritte-with-inter{
-  --magritte-typography-title-1-semibold-font-family-v20-1-0:"Inter";
-  --magritte-typography-title-1-semibold-font-weight-v20-1-0:600;
-  --magritte-typography-title-1-semibold-line-height-v20-1-0:60px;
-  --magritte-typography-title-1-semibold-font-size-v20-1-0:48px;
-  --magritte-typography-title-1-semibold-letter-spacing-v20-1-0:-0.02em;
-  --magritte-typography-title-1-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-title-1-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-title-1-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-title-2-semibold-font-family-v20-1-0:"Inter";
-  --magritte-typography-title-2-semibold-font-weight-v20-1-0:600;
-  --magritte-typography-title-2-semibold-line-height-v20-1-0:48px;
-  --magritte-typography-title-2-semibold-font-size-v20-1-0:36px;
-  --magritte-typography-title-2-semibold-letter-spacing-v20-1-0:-0.0175em;
-  --magritte-typography-title-2-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-title-2-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-title-2-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-title-3-semibold-font-family-v20-1-0:"Inter";
-  --magritte-typography-title-3-semibold-font-weight-v20-1-0:600;
-  --magritte-typography-title-3-semibold-line-height-v20-1-0:40px;
-  --magritte-typography-title-3-semibold-font-size-v20-1-0:28px;
-  --magritte-typography-title-3-semibold-letter-spacing-v20-1-0:-0.0125em;
-  --magritte-typography-title-3-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-title-3-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-title-3-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-title-4-semibold-font-family-v20-1-0:"Inter";
-  --magritte-typography-title-4-semibold-font-weight-v20-1-0:600;
-  --magritte-typography-title-4-semibold-line-height-v20-1-0:32px;
-  --magritte-typography-title-4-semibold-font-size-v20-1-0:22px;
-  --magritte-typography-title-4-semibold-letter-spacing-v20-1-0:-0.0075em;
-  --magritte-typography-title-4-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-title-4-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-title-4-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-title-5-semibold-font-family-v20-1-0:"Inter";
-  --magritte-typography-title-5-semibold-font-weight-v20-1-0:600;
-  --magritte-typography-title-5-semibold-line-height-v20-1-0:26px;
-  --magritte-typography-title-5-semibold-font-size-v20-1-0:18px;
-  --magritte-typography-title-5-semibold-letter-spacing-v20-1-0:0em;
-  --magritte-typography-title-5-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-title-5-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-title-5-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-subtitle-1-semibold-font-family-v20-1-0:"Inter";
-  --magritte-typography-subtitle-1-semibold-font-weight-v20-1-0:600;
-  --magritte-typography-subtitle-1-semibold-line-height-v20-1-0:22px;
-  --magritte-typography-subtitle-1-semibold-font-size-v20-1-0:16px;
-  --magritte-typography-subtitle-1-semibold-letter-spacing-v20-1-0:0em;
-  --magritte-typography-subtitle-1-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-subtitle-1-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-subtitle-1-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-subtitle-2-semibold-font-family-v20-1-0:"Inter";
-  --magritte-typography-subtitle-2-semibold-font-weight-v20-1-0:600;
-  --magritte-typography-subtitle-2-semibold-line-height-v20-1-0:20px;
-  --magritte-typography-subtitle-2-semibold-font-size-v20-1-0:14px;
-  --magritte-typography-subtitle-2-semibold-letter-spacing-v20-1-0:0.005em;
-  --magritte-typography-subtitle-2-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-subtitle-2-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-subtitle-2-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-subtitle-3-semibold-font-family-v20-1-0:"Inter";
-  --magritte-typography-subtitle-3-semibold-font-weight-v20-1-0:600;
-  --magritte-typography-subtitle-3-semibold-line-height-v20-1-0:18px;
-  --magritte-typography-subtitle-3-semibold-font-size-v20-1-0:12px;
-  --magritte-typography-subtitle-3-semibold-letter-spacing-v20-1-0:0.01em;
-  --magritte-typography-subtitle-3-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-subtitle-3-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-subtitle-3-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-subtitle-4-semibold-font-family-v20-1-0:"Inter";
-  --magritte-typography-subtitle-4-semibold-font-weight-v20-1-0:600;
-  --magritte-typography-subtitle-4-semibold-line-height-v20-1-0:16px;
-  --magritte-typography-subtitle-4-semibold-font-size-v20-1-0:10px;
-  --magritte-typography-subtitle-4-semibold-letter-spacing-v20-1-0:0.015em;
-  --magritte-typography-subtitle-4-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-subtitle-4-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-subtitle-4-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-label-1-regular-font-family-v20-1-0:"Inter";
-  --magritte-typography-label-1-regular-font-weight-v20-1-0:400;
-  --magritte-typography-label-1-regular-line-height-v20-1-0:26px;
-  --magritte-typography-label-1-regular-font-size-v20-1-0:18px;
-  --magritte-typography-label-1-regular-letter-spacing-v20-1-0:-0.005em;
-  --magritte-typography-label-1-regular-text-indent-v20-1-0:0px;
-  --magritte-typography-label-1-regular-text-transform-v20-1-0:none;
-  --magritte-typography-label-1-regular-text-decoration-v20-1-0:none;
-  --magritte-typography-label-2-regular-font-family-v20-1-0:"Inter";
-  --magritte-typography-label-2-regular-font-weight-v20-1-0:400;
-  --magritte-typography-label-2-regular-line-height-v20-1-0:22px;
-  --magritte-typography-label-2-regular-font-size-v20-1-0:16px;
-  --magritte-typography-label-2-regular-letter-spacing-v20-1-0:0em;
-  --magritte-typography-label-2-regular-text-indent-v20-1-0:0px;
-  --magritte-typography-label-2-regular-text-transform-v20-1-0:none;
-  --magritte-typography-label-2-regular-text-decoration-v20-1-0:none;
-  --magritte-typography-label-3-regular-font-family-v20-1-0:"Inter";
-  --magritte-typography-label-3-regular-font-weight-v20-1-0:400;
-  --magritte-typography-label-3-regular-line-height-v20-1-0:20px;
-  --magritte-typography-label-3-regular-font-size-v20-1-0:14px;
-  --magritte-typography-label-3-regular-letter-spacing-v20-1-0:0.005em;
-  --magritte-typography-label-3-regular-text-indent-v20-1-0:0px;
-  --magritte-typography-label-3-regular-text-transform-v20-1-0:none;
-  --magritte-typography-label-3-regular-text-decoration-v20-1-0:none;
-  --magritte-typography-label-4-regular-font-family-v20-1-0:"Inter";
-  --magritte-typography-label-4-regular-font-weight-v20-1-0:400;
-  --magritte-typography-label-4-regular-line-height-v20-1-0:18px;
-  --magritte-typography-label-4-regular-font-size-v20-1-0:12px;
-  --magritte-typography-label-4-regular-letter-spacing-v20-1-0:0.01em;
-  --magritte-typography-label-4-regular-text-indent-v20-1-0:0px;
-  --magritte-typography-label-4-regular-text-transform-v20-1-0:none;
-  --magritte-typography-label-4-regular-text-decoration-v20-1-0:none;
-  --magritte-typography-label-5-regular-font-family-v20-1-0:"Inter";
-  --magritte-typography-label-5-regular-font-weight-v20-1-0:400;
-  --magritte-typography-label-5-regular-line-height-v20-1-0:14px;
-  --magritte-typography-label-5-regular-font-size-v20-1-0:10px;
-  --magritte-typography-label-5-regular-letter-spacing-v20-1-0:0.02em;
-  --magritte-typography-label-5-regular-text-indent-v20-1-0:0px;
-  --magritte-typography-label-5-regular-text-transform-v20-1-0:none;
-  --magritte-typography-label-5-regular-text-decoration-v20-1-0:none;
-  --magritte-typography-paragraph-1-regular-font-family-v20-1-0:"Inter";
-  --magritte-typography-paragraph-1-regular-font-weight-v20-1-0:400;
-  --magritte-typography-paragraph-1-regular-line-height-v20-1-0:28px;
-  --magritte-typography-paragraph-1-regular-font-size-v20-1-0:18px;
-  --magritte-typography-paragraph-1-regular-letter-spacing-v20-1-0:0em;
-  --magritte-typography-paragraph-1-regular-text-indent-v20-1-0:0px;
-  --magritte-typography-paragraph-1-regular-text-transform-v20-1-0:none;
-  --magritte-typography-paragraph-1-regular-text-decoration-v20-1-0:none;
-  --magritte-typography-paragraph-2-regular-font-family-v20-1-0:"Inter";
-  --magritte-typography-paragraph-2-regular-font-weight-v20-1-0:400;
-  --magritte-typography-paragraph-2-regular-line-height-v20-1-0:26px;
-  --magritte-typography-paragraph-2-regular-font-size-v20-1-0:16px;
-  --magritte-typography-paragraph-2-regular-letter-spacing-v20-1-0:0.005em;
-  --magritte-typography-paragraph-2-regular-text-indent-v20-1-0:0px;
-  --magritte-typography-paragraph-2-regular-text-transform-v20-1-0:none;
-  --magritte-typography-paragraph-2-regular-text-decoration-v20-1-0:none;
-  --magritte-typography-paragraph-3-regular-font-family-v20-1-0:"Inter";
-  --magritte-typography-paragraph-3-regular-font-weight-v20-1-0:400;
-  --magritte-typography-paragraph-3-regular-line-height-v20-1-0:24px;
-  --magritte-typography-paragraph-3-regular-font-size-v20-1-0:14px;
-  --magritte-typography-paragraph-3-regular-letter-spacing-v20-1-0:0.01em;
-  --magritte-typography-paragraph-3-regular-text-indent-v20-1-0:0px;
-  --magritte-typography-paragraph-3-regular-text-transform-v20-1-0:none;
-  --magritte-typography-paragraph-3-regular-text-decoration-v20-1-0:none;
-  --magritte-typography-paragraph-4-regular-font-family-v20-1-0:"Inter";
-  --magritte-typography-paragraph-4-regular-font-weight-v20-1-0:400;
-  --magritte-typography-paragraph-4-regular-line-height-v20-1-0:22px;
-  --magritte-typography-paragraph-4-regular-font-size-v20-1-0:12px;
-  --magritte-typography-paragraph-4-regular-letter-spacing-v20-1-0:0.015em;
-  --magritte-typography-paragraph-4-regular-text-indent-v20-1-0:0px;
-  --magritte-typography-paragraph-4-regular-text-transform-v20-1-0:none;
-  --magritte-typography-paragraph-4-regular-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-1-semibold-font-family-v20-1-0:"Inter";
-  --magritte-typography-_custom-1-semibold-font-weight-v20-1-0:600;
-  --magritte-typography-_custom-1-semibold-line-height-v20-1-0:28px;
-  --magritte-typography-_custom-1-semibold-font-size-v20-1-0:18px;
-  --magritte-typography-_custom-1-semibold-letter-spacing-v20-1-0:0em;
-  --magritte-typography-_custom-1-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-1-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-1-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-2-semibold-font-family-v20-1-0:"Inter";
-  --magritte-typography-_custom-2-semibold-font-weight-v20-1-0:600;
-  --magritte-typography-_custom-2-semibold-line-height-v20-1-0:26px;
-  --magritte-typography-_custom-2-semibold-font-size-v20-1-0:16px;
-  --magritte-typography-_custom-2-semibold-letter-spacing-v20-1-0:0.005em;
-  --magritte-typography-_custom-2-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-2-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-2-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-3-semibold-font-family-v20-1-0:"Inter";
-  --magritte-typography-_custom-3-semibold-font-weight-v20-1-0:600;
-  --magritte-typography-_custom-3-semibold-line-height-v20-1-0:24px;
-  --magritte-typography-_custom-3-semibold-font-size-v20-1-0:14px;
-  --magritte-typography-_custom-3-semibold-letter-spacing-v20-1-0:0.01em;
-  --magritte-typography-_custom-3-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-3-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-3-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-4-semibold-font-family-v20-1-0:"Inter";
-  --magritte-typography-_custom-4-semibold-font-weight-v20-1-0:400;
-  --magritte-typography-_custom-4-semibold-line-height-v20-1-0:22px;
-  --magritte-typography-_custom-4-semibold-font-size-v20-1-0:12px;
-  --magritte-typography-_custom-4-semibold-letter-spacing-v20-1-0:0.015em;
-  --magritte-typography-_custom-4-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-4-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-4-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-5-semibold-font-family-v20-1-0:"Inter";
-  --magritte-typography-_custom-5-semibold-font-weight-v20-1-0:400;
-  --magritte-typography-_custom-5-semibold-line-height-v20-1-0:12px;
-  --magritte-typography-_custom-5-semibold-font-size-v20-1-0:10px;
-  --magritte-typography-_custom-5-semibold-letter-spacing-v20-1-0:0.015em;
-  --magritte-typography-_custom-5-semibold-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-5-semibold-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-5-semibold-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-1-medium-font-family-v20-1-0:"Inter";
-  --magritte-typography-_custom-1-medium-font-weight-v20-1-0:undefined;
-  --magritte-typography-_custom-1-medium-line-height-v20-1-0:28px;
-  --magritte-typography-_custom-1-medium-font-size-v20-1-0:18px;
-  --magritte-typography-_custom-1-medium-letter-spacing-v20-1-0:0em;
-  --magritte-typography-_custom-1-medium-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-1-medium-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-1-medium-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-2-medium-font-family-v20-1-0:"Inter";
-  --magritte-typography-_custom-2-medium-font-weight-v20-1-0:undefined;
-  --magritte-typography-_custom-2-medium-line-height-v20-1-0:26px;
-  --magritte-typography-_custom-2-medium-font-size-v20-1-0:16px;
-  --magritte-typography-_custom-2-medium-letter-spacing-v20-1-0:0.005em;
-  --magritte-typography-_custom-2-medium-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-2-medium-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-2-medium-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-3-medium-font-family-v20-1-0:"Inter";
-  --magritte-typography-_custom-3-medium-font-weight-v20-1-0:undefined;
-  --magritte-typography-_custom-3-medium-line-height-v20-1-0:24px;
-  --magritte-typography-_custom-3-medium-font-size-v20-1-0:14px;
-  --magritte-typography-_custom-3-medium-letter-spacing-v20-1-0:0.01em;
-  --magritte-typography-_custom-3-medium-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-3-medium-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-3-medium-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-4-medium-font-family-v20-1-0:"Inter";
-  --magritte-typography-_custom-4-medium-font-weight-v20-1-0:undefined;
-  --magritte-typography-_custom-4-medium-line-height-v20-1-0:22px;
-  --magritte-typography-_custom-4-medium-font-size-v20-1-0:12px;
-  --magritte-typography-_custom-4-medium-letter-spacing-v20-1-0:0.015em;
-  --magritte-typography-_custom-4-medium-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-4-medium-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-4-medium-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-5-medium-font-family-v20-1-0:"Inter";
-  --magritte-typography-_custom-5-medium-font-weight-v20-1-0:undefined;
-  --magritte-typography-_custom-5-medium-line-height-v20-1-0:12px;
-  --magritte-typography-_custom-5-medium-font-size-v20-1-0:10px;
-  --magritte-typography-_custom-5-medium-letter-spacing-v20-1-0:0.015em;
-  --magritte-typography-_custom-5-medium-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-5-medium-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-5-medium-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-1-italic-font-family-v20-1-0:"Inter";
-  --magritte-typography-_custom-1-italic-font-weight-v20-1-0:200;
-  --magritte-typography-_custom-1-italic-line-height-v20-1-0:28px;
-  --magritte-typography-_custom-1-italic-font-size-v20-1-0:18px;
-  --magritte-typography-_custom-1-italic-letter-spacing-v20-1-0:0em;
-  --magritte-typography-_custom-1-italic-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-1-italic-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-1-italic-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-2-italic-font-family-v20-1-0:"Inter";
-  --magritte-typography-_custom-2-italic-font-weight-v20-1-0:200;
-  --magritte-typography-_custom-2-italic-line-height-v20-1-0:26px;
-  --magritte-typography-_custom-2-italic-font-size-v20-1-0:16px;
-  --magritte-typography-_custom-2-italic-letter-spacing-v20-1-0:0.005em;
-  --magritte-typography-_custom-2-italic-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-2-italic-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-2-italic-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-3-italic-font-family-v20-1-0:"Inter";
-  --magritte-typography-_custom-3-italic-font-weight-v20-1-0:200;
-  --magritte-typography-_custom-3-italic-line-height-v20-1-0:24px;
-  --magritte-typography-_custom-3-italic-font-size-v20-1-0:14px;
-  --magritte-typography-_custom-3-italic-letter-spacing-v20-1-0:0.01em;
-  --magritte-typography-_custom-3-italic-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-3-italic-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-3-italic-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-4-italic-font-family-v20-1-0:"Inter";
-  --magritte-typography-_custom-4-italic-font-weight-v20-1-0:200;
-  --magritte-typography-_custom-4-italic-line-height-v20-1-0:22px;
-  --magritte-typography-_custom-4-italic-font-size-v20-1-0:12px;
-  --magritte-typography-_custom-4-italic-letter-spacing-v20-1-0:0.015em;
-  --magritte-typography-_custom-4-italic-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-4-italic-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-4-italic-text-decoration-v20-1-0:none;
-  --magritte-typography-_custom-5-italic-font-family-v20-1-0:"Inter";
-  --magritte-typography-_custom-5-italic-font-weight-v20-1-0:200;
-  --magritte-typography-_custom-5-italic-line-height-v20-1-0:12px;
-  --magritte-typography-_custom-5-italic-font-size-v20-1-0:10px;
-  --magritte-typography-_custom-5-italic-letter-spacing-v20-1-0:0.015em;
-  --magritte-typography-_custom-5-italic-text-indent-v20-1-0:0px;
-  --magritte-typography-_custom-5-italic-text-transform-v20-1-0:none;
-  --magritte-typography-_custom-5-italic-text-decoration-v20-1-0:none;
-}
-.magritte-chips-section-container___Z7N-E_6-4-18{
+.magritte-chips-section-container___Z7N-E_6-4-20{
   display:flex;
   gap:12px;
   flex:1 1;
   flex-wrap:wrap;
 }
-.magritte-chips-section-container_with-other-items___eJZAr_6-4-18{
+.magritte-chips-section-container_with-other-items___eJZAr_6-4-20{
   padding-bottom:16px;
 }
-.magritte-suggest-items-container___SKj-g_6-4-18{
+.magritte-suggest-items-container___SKj-g_6-4-20{
   display:flex;
   flex-direction:column;
 }
-.magritte-suggest-items-container___SKj-g_6-4-18 .focus-visible{
+.magritte-suggest-items-container___SKj-g_6-4-20 .focus-visible{
   z-index:1;
   position:relative;
 }
-.magritte-suggest-items-container-wrapper___T2L5U_6-4-18{
-  padding:var(--magritte-static-space-400-v20-1-0);
-  margin:calc(-1 * var(--magritte-static-space-400-v20-1-0));
+.magritte-suggest-items-container-wrapper___T2L5U_6-4-20{
+  padding:var(--magritte-static-space-400-v21-0-0);
+  margin:calc(-1 * var(--magritte-static-space-400-v21-0-0));
   display:flex;
   flex-direction:column;
 }
 @media (min-width: 1020px){
-  body.magritte-old-layout .magritte-suggest-items-container-wrapper___T2L5U_6-4-18{
-    padding:var(--magritte-static-space-300-v20-1-0);
+  body.magritte-old-layout .magritte-suggest-items-container-wrapper___T2L5U_6-4-20{
+    padding:var(--magritte-static-space-300-v21-0-0);
   }
 }
 @media (min-width: 1024px){
-  body:not(.magritte-old-layout) .magritte-suggest-items-container-wrapper___T2L5U_6-4-18{
-    padding:var(--magritte-static-space-300-v20-1-0);
+  body:not(.magritte-old-layout) .magritte-suggest-items-container-wrapper___T2L5U_6-4-20{
+    padding:var(--magritte-static-space-300-v21-0-0);
   }
 }
-.magritte-suggest-input-container___l3OkM_6-4-18{
+.magritte-suggest-input-container___l3OkM_6-4-20{
   --magritte-ui-input-caret-color-override:transparent;
   display:inline-block;
   width:100%;
 }
 @media (min-width: 700px){
-  body.magritte-old-layout .magritte-suggest-input-container___l3OkM_6-4-18{
-    --magritte-ui-input-caret-color-override:var(--magritte-color-text-primary-v20-1-0);
+  body.magritte-old-layout .magritte-suggest-input-container___l3OkM_6-4-20{
+    --magritte-ui-input-caret-color-override:var(--magritte-color-text-primary-v21-0-0);
   }
 }
 @media (min-width: 600px){
-  body:not(.magritte-old-layout) .magritte-suggest-input-container___l3OkM_6-4-18{
-    --magritte-ui-input-caret-color-override:var(--magritte-color-text-primary-v20-1-0);
+  body:not(.magritte-old-layout) .magritte-suggest-input-container___l3OkM_6-4-20{
+    --magritte-ui-input-caret-color-override:var(--magritte-color-text-primary-v21-0-0);
   }
 }
-.magritte-bottom-sheet-input-hide-caret___ikoig_6-4-18{
+.magritte-bottom-sheet-input-hide-caret___ikoig_6-4-20{
   --magritte-ui-input-caret-color-override:transparent;
 }
-.magritte-error-wrapper___Ui4xt_6-4-18{
+.magritte-error-wrapper___Ui4xt_6-4-20{
   height:100%;
 }

package/index.js

@@ -14,7 +14,7 @@ import '@hh.ru/magritte-ui-button';
 import '@hh.ru/magritte-ui-drop';
 import '@hh.ru/magritte-ui-icon/icon';
 import '@hh.ru/magritte-ui-navigation-bar';
-import './sectionRenderers-JN6-tHnw.js';
+import './sectionRenderers-C2PFOLF0.js';
 import '@hh.ru/magritte-ui-card';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-chips';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hh.ru/magritte-ui-suggest",
-  "version": "6.4.18",
+  "version": "6.4.20",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [
@@ -24,21 +24,21 @@
     "@hh.ru/magritte-common-fuzzy-search": "1.0.5",
     "@hh.ru/magritte-common-keyboard": "4.0.3",
     "@hh.ru/magritte-common-use-multiple-refs": "1.1.5",
-    "@hh.ru/magritte-design-tokens": "20.1.0",
-    "@hh.ru/magritte-ui-bottom-sheet": "5.5.28",
+    "@hh.ru/magritte-design-tokens": "21.0.0",
+    "@hh.ru/magritte-ui-bottom-sheet": "5.5.29",
     "@hh.ru/magritte-ui-breakpoint": "5.0.0",
-    "@hh.ru/magritte-ui-button": "5.2.14",
-    "@hh.ru/magritte-ui-card": "6.1.25",
-    "@hh.ru/magritte-ui-cell": "4.0.29",
-    "@hh.ru/magritte-ui-chips": "5.3.4",
-    "@hh.ru/magritte-ui-drop": "7.2.10",
-    "@hh.ru/magritte-ui-icon": "7.9.10",
-    "@hh.ru/magritte-ui-input": "7.1.4",
+    "@hh.ru/magritte-ui-button": "5.2.15",
+    "@hh.ru/magritte-ui-card": "6.1.26",
+    "@hh.ru/magritte-ui-cell": "4.0.30",
+    "@hh.ru/magritte-ui-chips": "5.3.5",
+    "@hh.ru/magritte-ui-drop": "7.2.12",
+    "@hh.ru/magritte-ui-icon": "7.9.11",
+    "@hh.ru/magritte-ui-input": "7.1.5",
     "@hh.ru/magritte-ui-mock-component": "1.0.12",
-    "@hh.ru/magritte-ui-navigation-bar": "6.3.16",
-    "@hh.ru/magritte-ui-theme-provider": "1.1.35",
-    "@hh.ru/magritte-ui-trigger": "3.0.14",
-    "@hh.ru/magritte-ui-typography": "3.0.25"
+    "@hh.ru/magritte-ui-navigation-bar": "6.3.17",
+    "@hh.ru/magritte-ui-theme-provider": "1.1.36",
+    "@hh.ru/magritte-ui-trigger": "3.0.15",
+    "@hh.ru/magritte-ui-typography": "3.0.26"
   },
   "peerDependencies": {
     "axios": ">=0.26.0",
@@ -48,5 +48,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "189cfcda0cfad62286d9b586c40fabedf25241d1"
+  "gitHead": "63be4e0bc30632fe572103a23a41e0550a561693"
 }

package/{sectionRenderers-JN6-tHnw.js → sectionRenderers-C2PFOLF0.js}

@@ -8,7 +8,7 @@ import { Cell } from '@hh.ru/magritte-ui-cell';
 import { CustomChip } from '@hh.ru/magritte-ui-chips';
 import { Text } from '@hh.ru/magritte-ui-typography';
 
-var styles = {"chips-section-container":"magritte-chips-section-container___Z7N-E_6-4-18","chipsSectionContainer":"magritte-chips-section-container___Z7N-E_6-4-18","chips-section-container_with-other-items":"magritte-chips-section-container_with-other-items___eJZAr_6-4-18","chipsSectionContainerWithOtherItems":"magritte-chips-section-container_with-other-items___eJZAr_6-4-18","suggest-items-container":"magritte-suggest-items-container___SKj-g_6-4-18","suggestItemsContainer":"magritte-suggest-items-container___SKj-g_6-4-18","suggest-items-container-wrapper":"magritte-suggest-items-container-wrapper___T2L5U_6-4-18","suggestItemsContainerWrapper":"magritte-suggest-items-container-wrapper___T2L5U_6-4-18","suggest-input-container":"magritte-suggest-input-container___l3OkM_6-4-18","suggestInputContainer":"magritte-suggest-input-container___l3OkM_6-4-18","bottom-sheet-input-hide-caret":"magritte-bottom-sheet-input-hide-caret___ikoig_6-4-18","bottomSheetInputHideCaret":"magritte-bottom-sheet-input-hide-caret___ikoig_6-4-18","error-wrapper":"magritte-error-wrapper___Ui4xt_6-4-18","errorWrapper":"magritte-error-wrapper___Ui4xt_6-4-18"};
+var styles = {"chips-section-container":"magritte-chips-section-container___Z7N-E_6-4-20","chipsSectionContainer":"magritte-chips-section-container___Z7N-E_6-4-20","chips-section-container_with-other-items":"magritte-chips-section-container_with-other-items___eJZAr_6-4-20","chipsSectionContainerWithOtherItems":"magritte-chips-section-container_with-other-items___eJZAr_6-4-20","suggest-items-container":"magritte-suggest-items-container___SKj-g_6-4-20","suggestItemsContainer":"magritte-suggest-items-container___SKj-g_6-4-20","suggest-items-container-wrapper":"magritte-suggest-items-container-wrapper___T2L5U_6-4-20","suggestItemsContainerWrapper":"magritte-suggest-items-container-wrapper___T2L5U_6-4-20","suggest-input-container":"magritte-suggest-input-container___l3OkM_6-4-20","suggestInputContainer":"magritte-suggest-input-container___l3OkM_6-4-20","bottom-sheet-input-hide-caret":"magritte-bottom-sheet-input-hide-caret___ikoig_6-4-20","bottomSheetInputHideCaret":"magritte-bottom-sheet-input-hide-caret___ikoig_6-4-20","error-wrapper":"magritte-error-wrapper___Ui4xt_6-4-20","errorWrapper":"magritte-error-wrapper___Ui4xt_6-4-20"};
 
 const cellSectionRenderer = (section, sectionId, onValueSelect, breakpoint) => {
     return section.items.map((item) => {
@@ -45,4 +45,4 @@ const renderSection = (section, sectionId, onValueSelect, breakpoint, length, ha
 };
 
 export { renderSection as r, styles as s };
-//# sourceMappingURL=sectionRenderers-JN6-tHnw.js.map
+//# sourceMappingURL=sectionRenderers-C2PFOLF0.js.map

package/{sectionRenderers-JN6-tHnw.js.map → sectionRenderers-C2PFOLF0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"sectionRenderers-JN6-tHnw.js","sources":["../src/sectionRenderers.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport { Breakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { Card } from '@hh.ru/magritte-ui-card';\nimport { Cell } from '@hh.ru/magritte-ui-cell';\nimport { CustomChip } from '@hh.ru/magritte-ui-chips';\nimport { DataSection, DataSectionOfType } from '@hh.ru/magritte-ui-suggest/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './suggest.less';\n\ninterface ValueSelectHandler<K> {\n    (value: string, data: K | undefined): void;\n}\n\ninterface SectionRenderer<T extends DataSection['type'], K = unknown> {\n    (\n        section: DataSectionOfType<T>,\n        sectionId: number,\n        onValueSelect: ValueSelectHandler<K>,\n        breakpoint: Breakpoint,\n        length: number,\n        haveBottomContent: boolean\n    ): JSX.Element[] | JSX.Element;\n}\n\nconst cellSectionRenderer: SectionRenderer<'cells'> = (section, sectionId, onValueSelect, breakpoint) => {\n    return section.items.map((item) => {\n        return (\n            <Card\n                style=\"blank\"\n                stretched\n                hoverStyle=\"neutral\"\n                onMouseDown={(event) => {\n                    event.preventDefault();\n                }}\n                onClick={(event) => {\n                    event.preventDefault();\n                    onValueSelect(item.value, item.data);\n                }}\n                actionCard\n                padding={[Breakpoint.XS, Breakpoint.S].includes(breakpoint) ? 0 : 12}\n                paddingTop={12}\n                paddingBottom={12}\n                borderRadius={12}\n                key={`cell_${sectionId}_${item.value}`}\n                data-qa=\"suggest-item-cell\"\n            >\n                <Cell {...item.componentProps} onClick={undefined} />\n            </Card>\n        );\n    });\n};\n\nconst chipsSectionRenderer: SectionRenderer<'chips'> = (\n    section,\n    sectionId,\n    onValueSelect,\n    _,\n    length,\n    haveBottomContent\n) => {\n    return (\n        <div\n            className={classnames(styles.chipsSectionContainer, {\n                // чипсы - не последний элемент или есть нижний контент\n                [styles.chipsSectionContainerWithOtherItems]: sectionId !== length - 1 || haveBottomContent,\n            })}\n            key={`chips_section_${sectionId}`}\n        >\n            {section.items.map((item) => {\n                return (\n                    <CustomChip\n                        {...(item.componentProps || {})}\n                        key={`chips_${sectionId}_${item.value}`}\n                        onMouseDown={(event) => event.preventDefault()}\n                        onClick={() => onValueSelect(item.value, item.data)}\n                        data-qa=\"suggest-item-chips\"\n                    >\n                        {item.value}\n                    </CustomChip>\n                );\n            })}\n        </div>\n    );\n};\n\nconst delimiterSectionRenderer: SectionRenderer<'delimiter'> = (section, _, __, breakpoint) => {\n    return [\n        <Card\n            style=\"blank\"\n            stretched\n            padding={[Breakpoint.XS, Breakpoint.S].includes(breakpoint) ? 0 : 12}\n            paddingTop={8}\n            paddingBottom={8}\n            key={`delimiter_${section.text}`}\n            data-qa=\"suggest-item-delimiter\"\n        >\n            <Text style=\"secondary\" typography=\"label-3-regular\">\n                {section.text}\n            </Text>\n        </Card>,\n    ];\n};\n\nconst SECTION_TYPE_TO_RENDERER_MAP: { [K in DataSection['type']]: SectionRenderer<K> } = {\n    cells: cellSectionRenderer,\n    chips: chipsSectionRenderer,\n    delimiter: delimiterSectionRenderer,\n};\n\nexport const renderSection = <T, K extends DataSection['type']>(\n    section: DataSectionOfType<K>,\n    sectionId: number,\n    onValueSelect: ValueSelectHandler<T>,\n    breakpoint: Breakpoint,\n    length: number,\n    haveBottomContent: boolean\n): JSX.Element[] => {\n    const renderer = SECTION_TYPE_TO_RENDERER_MAP[section.type];\n    const result = renderer(\n        section,\n        sectionId,\n        onValueSelect as ValueSelectHandler<unknown>,\n        breakpoint,\n        length,\n        haveBottomContent\n    );\n    return Array.isArray(result) ? result : [result];\n};\n"],"names":["_jsx","_createElement"],"mappings":"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"}
+{"version":3,"file":"sectionRenderers-C2PFOLF0.js","sources":["../src/sectionRenderers.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport { Breakpoint } from '@hh.ru/magritte-ui-breakpoint';\nimport { Card } from '@hh.ru/magritte-ui-card';\nimport { Cell } from '@hh.ru/magritte-ui-cell';\nimport { CustomChip } from '@hh.ru/magritte-ui-chips';\nimport { DataSection, DataSectionOfType } from '@hh.ru/magritte-ui-suggest/types';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './suggest.less';\n\ninterface ValueSelectHandler<K> {\n    (value: string, data: K | undefined): void;\n}\n\ninterface SectionRenderer<T extends DataSection['type'], K = unknown> {\n    (\n        section: DataSectionOfType<T>,\n        sectionId: number,\n        onValueSelect: ValueSelectHandler<K>,\n        breakpoint: Breakpoint,\n        length: number,\n        haveBottomContent: boolean\n    ): JSX.Element[] | JSX.Element;\n}\n\nconst cellSectionRenderer: SectionRenderer<'cells'> = (section, sectionId, onValueSelect, breakpoint) => {\n    return section.items.map((item) => {\n        return (\n            <Card\n                style=\"blank\"\n                stretched\n                hoverStyle=\"neutral\"\n                onMouseDown={(event) => {\n                    event.preventDefault();\n                }}\n                onClick={(event) => {\n                    event.preventDefault();\n                    onValueSelect(item.value, item.data);\n                }}\n                actionCard\n                padding={[Breakpoint.XS, Breakpoint.S].includes(breakpoint) ? 0 : 12}\n                paddingTop={12}\n                paddingBottom={12}\n                borderRadius={12}\n                key={`cell_${sectionId}_${item.value}`}\n                data-qa=\"suggest-item-cell\"\n            >\n                <Cell {...item.componentProps} onClick={undefined} />\n            </Card>\n        );\n    });\n};\n\nconst chipsSectionRenderer: SectionRenderer<'chips'> = (\n    section,\n    sectionId,\n    onValueSelect,\n    _,\n    length,\n    haveBottomContent\n) => {\n    return (\n        <div\n            className={classnames(styles.chipsSectionContainer, {\n                // чипсы - не последний элемент или есть нижний контент\n                [styles.chipsSectionContainerWithOtherItems]: sectionId !== length - 1 || haveBottomContent,\n            })}\n            key={`chips_section_${sectionId}`}\n        >\n            {section.items.map((item) => {\n                return (\n                    <CustomChip\n                        {...(item.componentProps || {})}\n                        key={`chips_${sectionId}_${item.value}`}\n                        onMouseDown={(event) => event.preventDefault()}\n                        onClick={() => onValueSelect(item.value, item.data)}\n                        data-qa=\"suggest-item-chips\"\n                    >\n                        {item.value}\n                    </CustomChip>\n                );\n            })}\n        </div>\n    );\n};\n\nconst delimiterSectionRenderer: SectionRenderer<'delimiter'> = (section, _, __, breakpoint) => {\n    return [\n        <Card\n            style=\"blank\"\n            stretched\n            padding={[Breakpoint.XS, Breakpoint.S].includes(breakpoint) ? 0 : 12}\n            paddingTop={8}\n            paddingBottom={8}\n            key={`delimiter_${section.text}`}\n            data-qa=\"suggest-item-delimiter\"\n        >\n            <Text style=\"secondary\" typography=\"label-3-regular\">\n                {section.text}\n            </Text>\n        </Card>,\n    ];\n};\n\nconst SECTION_TYPE_TO_RENDERER_MAP: { [K in DataSection['type']]: SectionRenderer<K> } = {\n    cells: cellSectionRenderer,\n    chips: chipsSectionRenderer,\n    delimiter: delimiterSectionRenderer,\n};\n\nexport const renderSection = <T, K extends DataSection['type']>(\n    section: DataSectionOfType<K>,\n    sectionId: number,\n    onValueSelect: ValueSelectHandler<T>,\n    breakpoint: Breakpoint,\n    length: number,\n    haveBottomContent: boolean\n): JSX.Element[] => {\n    const renderer = SECTION_TYPE_TO_RENDERER_MAP[section.type];\n    const result = renderer(\n        section,\n        sectionId,\n        onValueSelect as ValueSelectHandler<unknown>,\n        breakpoint,\n        length,\n        haveBottomContent\n    );\n    return Array.isArray(result) ? result : [result];\n};\n"],"names":["_jsx","_createElement"],"mappings":"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"}

package/sectionRenderers.js

@@ -7,5 +7,5 @@ import '@hh.ru/magritte-ui-card';
 import '@hh.ru/magritte-ui-cell';
 import '@hh.ru/magritte-ui-chips';
 import '@hh.ru/magritte-ui-typography';
-export { r as renderSection } from './sectionRenderers-JN6-tHnw.js';
+export { r as renderSection } from './sectionRenderers-C2PFOLF0.js';
 //# sourceMappingURL=sectionRenderers.js.map