@gravity-ui/navigation 2.26.0 → 2.28.0-beta.0

package/build/cjs/{Settings-8dc2a8ee.js → Settings-BJ7TUzxJ.js}

@@ -1,18 +1,16 @@
 'use strict';
 
-var tslib_es6 = require('./tslib.es6-705c6589.js');
+var tslib_es6 = require('./tslib.es6-DPGnagUB.js');
 var React = require('react');
 var uikit = require('@gravity-ui/uikit');
-var cn = require('./cn-9933321a.js');
-var styleInject_es = require('./style-inject.es-dcee06b6.js');
-var debounce = require('./debounce-8772fd80.js');
+var _commonjsHelpers = require('./_commonjsHelpers-BJu3ubxk.js');
+var Title = require('./Title-CVR1mn8n.js');
+var cn = require('./cn-DSlPZbcs.js');
+var styleInject_es = require('./style-inject.es-XZHJH68X.js');
+var debounce = require('./debounce-RFF04eVR.js');
 var i18n$1 = require('@gravity-ui/uikit/i18n');
-var Title = require('./Title-54580605.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-    if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
     var n = Object.create(null);
     if (e) {
         Object.keys(e).forEach(function (k) {
@@ -25,12 +23,11 @@ function _interopNamespace(e) {
             }
         });
     }
-    n["default"] = e;
+    n.default = e;
     return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 function useStableCallback(func) {
     const funcRef = React__namespace.useRef();
@@ -72,13 +69,13 @@ function getSettingsFromChildrenRecursive(children, basepath = '', filterRe) {
     const pages = {};
     let hasGroup = false;
     let hasItems = false;
-    React__default["default"].Children.forEach(children, (element) => {
+    React.Children.forEach(children, (element) => {
         var _a, _b;
-        if (!React__default["default"].isValidElement(element)) {
+        if (!React.isValidElement(element)) {
             // Ignore non-elements.
             return;
         }
-        if (element.type === React__default["default"].Fragment) {
+        if (element.type === React.Fragment) {
             // Transparently support React.Fragment and its children.
             const { menu: menuFragment, pages: pagesFragment } = getSettingsFromChildrenRecursive(element.props.children, basepath, filterRe);
             menu.push(...menuFragment);
@@ -125,12 +122,12 @@ function getSettingsFromChildrenRecursive(children, basepath = '', filterRe) {
 }
 function getSettingsPageFromChildren(children, filterRe) {
     const page = { id: '', sections: [], hidden: true };
-    React__default["default"].Children.forEach(children, (element) => {
-        if (!React__default["default"].isValidElement(element)) {
+    React.Children.forEach(children, (element) => {
+        if (!React.isValidElement(element)) {
             // Ignore non-elements.
             return;
         }
-        if (element.type === React__default["default"].Fragment) {
+        if (element.type === React.Fragment) {
             // Transparently support React.Fragment and its children.
             const { sections, withBadge, hidden } = getSettingsPageFromChildren(element.props.children, filterRe);
             page.sections.push(...sections);
@@ -153,12 +150,12 @@ function getSettingsPageFromChildren(children, filterRe) {
 function getSettingsItemsFromChildren(children, filterRe) {
     let hidden = true;
     const items = [];
-    React__default["default"].Children.forEach(children, (element) => {
-        if (!React__default["default"].isValidElement(element)) {
+    React.Children.forEach(children, (element) => {
+        if (!React.isValidElement(element)) {
             // Ignore non-elements.
             return;
         }
-        if (element.type === React__default["default"].Fragment) {
+        if (element.type === React.Fragment) {
             // Transparently support React.Fragment and its children.
             const fragmentItems = getSettingsItemsFromChildren(element.props.children, filterRe);
             items.push(...fragmentItems.items);
@@ -202,11 +199,11 @@ function getSelectedSettingsPart(pages, selection) {
 }
 
 const defaultValue = {};
-const context = React__default["default"].createContext(defaultValue);
+const context = React.createContext(defaultValue);
 context.displayName = 'SettingsSelectionContext';
 function useSettingsSelectionProviderValue(pages, selection) {
-    const selectedRef = React__default["default"].useRef(null);
-    const contextValue = React__default["default"].useMemo(() => {
+    const selectedRef = React.useRef(null);
+    const contextValue = React.useMemo(() => {
         if (!selection)
             return { selectedRef };
         return Object.assign({ selectedRef }, getSelectedSettingsPart(pages, selection));
@@ -215,7 +212,7 @@ function useSettingsSelectionProviderValue(pages, selection) {
 }
 const SettingsSelectionContextProvider = context.Provider;
 function useSettingsSelectionContext() {
-    return React__default["default"].useContext(context);
+    return React.useContext(context);
 }
 
 /**
@@ -235,11 +232,22 @@ function useSettingsSelectionContext() {
  * // => true
  */
 
-function identity(value) {
-  return value;
+var identity_1;
+var hasRequiredIdentity;
+
+function requireIdentity () {
+	if (hasRequiredIdentity) return identity_1;
+	hasRequiredIdentity = 1;
+	function identity(value) {
+	  return value;
+	}
+
+	identity_1 = identity;
+	return identity_1;
 }
 
-var identity_1 = identity;
+var identityExports = requireIdentity();
+var identity = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(identityExports);
 
 function isSectionSelected(selected, pageId, section) {
     var _a;
@@ -263,14 +271,14 @@ var css_248z$2 = ".gn-settings-menu__group-heading{display:inline-block;font-wei
 styleInject_es.styleInject(css_248z$2);
 
 const b$3 = cn.block('settings-menu');
-const SettingsMenu = React__default["default"].forwardRef(
+const SettingsMenu = React.forwardRef(
 // eslint-disable-next-line prefer-arrow-callback
 function SettingsMenu({ items, onChange, activeItemId }, ref) {
-    const [focusItemId, setFocusId] = React__default["default"].useState();
-    const containerRef = React__default["default"].useRef(null);
+    const [focusItemId, setFocusId] = React.useState();
+    const containerRef = React.useRef(null);
     const handleChange = useStableCallback(onChange);
     const getFocused = useCurrent(focusItemId);
-    React__default["default"].useImperativeHandle(ref, () => ({
+    React.useImperativeHandle(ref, () => ({
         handleKeyDown(event) {
             if (!containerRef.current) {
                 return false;
@@ -294,10 +302,10 @@ function SettingsMenu({ items, onChange, activeItemId }, ref) {
             setFocusId(undefined);
         },
     }), [getFocused, handleChange]);
-    return (React__default["default"].createElement("div", { ref: containerRef, className: b$3() }, items.map((firstLevelItem) => {
+    return (React.createElement("div", { ref: containerRef, className: b$3() }, items.map((firstLevelItem) => {
         if ('groupTitle' in firstLevelItem) {
-            return (React__default["default"].createElement("div", { key: firstLevelItem.groupTitle, className: b$3('group') },
-                React__default["default"].createElement("span", { className: b$3('group-heading') }, firstLevelItem.groupTitle),
+            return (React.createElement("div", { key: firstLevelItem.groupTitle, className: b$3('group') },
+                React.createElement("span", { className: b$3('group-heading') }, firstLevelItem.groupTitle),
                 firstLevelItem.items.map((item) => {
                     return renderMenuItem(item, onChange, activeItemId, focusItemId);
                 })));
@@ -306,7 +314,7 @@ function SettingsMenu({ items, onChange, activeItemId }, ref) {
     })));
 });
 function renderMenuItem(item, onChange, activeItemId, focusItemId) {
-    return (React__default["default"].createElement("span", { key: item.title, className: b$3('item', {
+    return (React.createElement("span", { key: item.title, className: b$3('item', {
             selected: activeItemId === item.id,
             disabled: item.disabled,
             focused: focusItemId === item.id,
@@ -316,8 +324,8 @@ function renderMenuItem(item, onChange, activeItemId, focusItemId) {
                 onChange(item.id);
             }
         }, "data-id": item.id },
-        item.icon ? React__default["default"].createElement(uikit.Icon, Object.assign({ size: 16 }, item.icon, { className: b$3('item-icon') })) : undefined,
-        React__default["default"].createElement("span", null, item.title)));
+        item.icon ? React.createElement(uikit.Icon, Object.assign({ size: 16 }, item.icon, { className: b$3('item-icon') })) : undefined,
+        React.createElement("span", null, item.title)));
 }
 function focusNext(container, focused, direction) {
     var _a;
@@ -338,8 +346,8 @@ styleInject_es.styleInject(css_248z$1);
 
 const b$2 = cn.block('settings-menu-mobile');
 const SettingsMenuMobile = ({ items, onChange, activeItemId, className, }) => {
-    const ref = React__default["default"].useRef(null);
-    const tabItems = React__default["default"].useMemo(() => {
+    const ref = React.useRef(null);
+    const tabItems = React.useMemo(() => {
         const tabItems = [];
         items.forEach((firstLevelItem) => {
             if ('groupTitle' in firstLevelItem) {
@@ -360,8 +368,8 @@ const SettingsMenuMobile = ({ items, onChange, activeItemId, className, }) => {
     const handleTouchMove = (e) => {
         e.stopPropagation();
     };
-    return (React__default["default"].createElement("div", { ref: ref, onTouchMove: handleTouchMove },
-        React__default["default"].createElement(uikit.Tabs, { items: tabItems, className: b$2(null, className), size: "l", activeTab: activeItemId, onSelectTab: onChange })));
+    return (React.createElement("div", { ref: ref, onTouchMove: handleTouchMove },
+        React.createElement(uikit.Tabs, { items: tabItems, className: b$2(null, className), size: "l", activeTab: activeItemId, onSelectTab: onChange })));
 };
 
 var label_title$1 = "Settings";
@@ -387,14 +395,14 @@ var i18n = i18n$1.addComponentKeysets({ en, ru }, `${cn.NAMESPACE}${COMPONENT}`)
 
 const b$1 = cn.block('settings-search');
 function SettingsSearch({ className, initialValue, onChange, debounce: debounce$1 = 200, inputRef, inputSize, placeholder, autoFocus = true, }) {
-    const [value, setValue] = React__default["default"].useState(initialValue !== null && initialValue !== void 0 ? initialValue : '');
-    const onChangeDebounced = useStableCallback(debounce.debounce_1(onChange, debounce$1));
+    const [value, setValue] = React.useState(initialValue !== null && initialValue !== void 0 ? initialValue : '');
+    const onChangeDebounced = useStableCallback(debounce.debounceFn(onChange, debounce$1));
     const handleUpdate = useStableCallback((updated) => {
         setValue(updated);
         onChangeDebounced(updated);
     });
-    return (React__default["default"].createElement("div", { className: b$1(null, className) },
-        React__default["default"].createElement(uikit.TextInput, { value: value, controlRef: inputRef, hasClear: true, autoFocus: autoFocus, size: inputSize, placeholder: placeholder, onUpdate: handleUpdate, controlProps: {
+    return (React.createElement("div", { className: b$1(null, className) },
+        React.createElement(uikit.TextInput, { value: value, controlRef: inputRef, hasClear: true, autoFocus: autoFocus, size: inputSize, placeholder: placeholder, onUpdate: handleUpdate, controlProps: {
                 'aria-label': i18n('label_search'),
             } })));
 }
@@ -403,15 +411,15 @@ var css_248z = ".gn-settings{display:grid;grid-template-columns:216px 1fr;height
 styleInject_es.styleInject(css_248z);
 
 const b = cn.block('settings');
-const SettingsContext = React__default["default"].createContext({});
-const useSettingsContext = () => React__default["default"].useContext(SettingsContext);
+const SettingsContext = React.createContext({});
+const useSettingsContext = () => React.useContext(SettingsContext);
 function Settings(_a) {
     var { loading, renderLoading, children, view = 'normal', renderRightAdornment, renderSectionRightAdornment, showRightAdornmentOnHover = true } = _a, props = tslib_es6.__rest(_a, ["loading", "renderLoading", "children", "view", "renderRightAdornment", "renderSectionRightAdornment", "showRightAdornmentOnHover"]);
     if (loading) {
-        return (React__default["default"].createElement("div", { className: b({ loading: true, view }) }, typeof renderLoading === 'function' ? (renderLoading()) : (React__default["default"].createElement(uikit.Loader, { className: b('loader'), size: "m" }))));
+        return (React.createElement("div", { className: b({ loading: true, view }) }, typeof renderLoading === 'function' ? (renderLoading()) : (React.createElement(uikit.Loader, { className: b('loader'), size: "m" }))));
     }
-    return (React__default["default"].createElement(SettingsContext.Provider, { value: { renderRightAdornment, renderSectionRightAdornment, showRightAdornmentOnHover } },
-        React__default["default"].createElement(SettingsContent, Object.assign({ view: view }, props), children)));
+    return (React.createElement(SettingsContext.Provider, { value: { renderRightAdornment, renderSectionRightAdornment, showRightAdornmentOnHover } },
+        React.createElement(SettingsContent, Object.assign({ view: view }, props), children)));
 }
 const getPageTitleById = (menu, activePage) => {
     for (const firstLevel of menu) {
@@ -428,21 +436,21 @@ const getPageTitleById = (menu, activePage) => {
 function SettingsContent({ initialPage, initialSearch, selection, children, renderNotFound, title = i18n('label_title'), filterPlaceholder = i18n('label_filter-placeholder'), emptyPlaceholder = i18n('label_empty-placeholder'), view, onPageChange, onClose, }) {
     var _a, _b;
     const { renderSectionRightAdornment, showRightAdornmentOnHover } = useSettingsContext();
-    const [search, setSearch] = React__default["default"].useState(initialSearch !== null && initialSearch !== void 0 ? initialSearch : '');
+    const [search, setSearch] = React.useState(initialSearch !== null && initialSearch !== void 0 ? initialSearch : '');
     const { menu, pages } = getSettingsFromChildren(children, search);
     const selected = useSettingsSelectionProviderValue(pages, selection);
     const pageKeys = Object.keys(pages);
     const selectionInitialPage = selected.page && pageKeys.includes(selected.page.id) ? selected.page.id : undefined;
-    const [selectedPage, setCurrentPage] = React__default["default"].useState(selectionInitialPage ||
+    const [selectedPage, setCurrentPage] = React.useState(selectionInitialPage ||
         (initialPage && pageKeys.includes(initialPage) ? initialPage : undefined));
-    const searchInputRef = React__default["default"].useRef(null);
-    const menuRef = React__default["default"].useRef(null);
+    const searchInputRef = React.useRef(null);
+    const menuRef = React.useRef(null);
     const isMobile = view === 'mobile';
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
         var _a;
         (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.clearFocus();
     }, [search]);
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
         const handler = () => {
             var _a;
             (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.clearFocus();
@@ -464,51 +472,51 @@ function SettingsContent({ initialPage, initialSearch, selection, children, rend
             return newPage;
         });
     };
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
         if (activePage !== selectedPage) {
             handlePageChange(activePage);
         }
     });
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
         if (!selectionInitialPage)
             return;
         setCurrentPage(selectionInitialPage);
     }, [selectionInitialPage]);
-    React__default["default"].useEffect(() => {
+    React.useEffect(() => {
         var _a;
         if ((_a = selected.selectedRef) === null || _a === void 0 ? void 0 : _a.current) {
             selected.selectedRef.current.scrollIntoView();
         }
     }, [selected.selectedRef]);
     const renderSetting = ({ title: settingTitle, element }) => {
-        return (React__default["default"].createElement("div", { key: settingTitle, className: b('section-item') }, React__default["default"].cloneElement(element, Object.assign(Object.assign({}, element.props), { highlightedTitle: search && settingTitle ? prepareTitle(settingTitle, search) : settingTitle }))));
+        return (React.createElement("div", { key: settingTitle, className: b('section-item') }, React.cloneElement(element, Object.assign(Object.assign({}, element.props), { highlightedTitle: search && settingTitle ? prepareTitle(settingTitle, search) : settingTitle }))));
     };
     const renderSection = (page, section) => {
         const isSelected = isSectionSelected(selected, page, section);
-        return (React__default["default"].createElement("div", { key: section.title, className: b('section', { selected: isSelected, 'only-child': section.onlyChild }), ref: isSelected ? selected.selectedRef : undefined },
-            section.showTitle && (React__default["default"].createElement("h3", { className: b('section-heading') }, renderSectionRightAdornment ? (React__default["default"].createElement(uikit.Flex, { gap: 2, alignItems: 'center' },
+        return (React.createElement("div", { key: section.title, className: b('section', { selected: isSelected, 'only-child': section.onlyChild }), ref: isSelected ? selected.selectedRef : undefined },
+            section.showTitle && (React.createElement("h3", { className: b('section-heading') }, renderSectionRightAdornment ? (React.createElement(uikit.Flex, { gap: 2, alignItems: 'center' },
                 section.title,
-                React__default["default"].createElement("div", { className: b('section-right-adornment', {
+                React.createElement("div", { className: b('section-right-adornment', {
                         hidden: showRightAdornmentOnHover,
                     }) }, renderSectionRightAdornment(section)))) : (section.title))),
             section.header &&
-                (isMobile ? (React__default["default"].createElement("div", { className: b('section-subheader') }, section.header)) : (section.header)),
+                (isMobile ? (React.createElement("div", { className: b('section-subheader') }, section.header)) : (section.header)),
             section.items.map((setting) => (setting.hidden ? null : renderSetting(setting)))));
     };
     const renderPageContent = (page) => {
         if (!page) {
-            return typeof renderNotFound === 'function' ? (renderNotFound()) : (React__default["default"].createElement("div", { className: b('not-found') }, emptyPlaceholder));
+            return typeof renderNotFound === 'function' ? (renderNotFound()) : (React.createElement("div", { className: b('not-found') }, emptyPlaceholder));
         }
         const filteredSections = pages[page].sections.filter((section) => !section.hidden);
-        return (React__default["default"].createElement(React__default["default"].Fragment, null,
-            !isMobile && (React__default["default"].createElement(Title.Title, { hasSeparator: true, onClose: onClose }, getPageTitleById(menu, page))),
-            React__default["default"].createElement("div", { className: b('content') }, filteredSections.map((section) => renderSection(page, section)))));
+        return (React.createElement(React.Fragment, null,
+            !isMobile && (React.createElement(Title.Title, { hasSeparator: true, onClose: onClose }, getPageTitleById(menu, page))),
+            React.createElement("div", { className: b('content') }, filteredSections.map((section) => renderSection(page, section)))));
     };
-    return (React__default["default"].createElement(SettingsSelectionContextProvider, { value: selected },
-        React__default["default"].createElement("div", { className: b({ view }) },
-            isMobile ? (React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement(SettingsSearch, { inputRef: searchInputRef, className: b('search'), initialValue: initialSearch, onChange: setSearch, autoFocus: false, inputSize: 'xl' }),
-                React__default["default"].createElement(SettingsMenuMobile, { items: menu, onChange: handlePageChange, activeItemId: activePage, className: b('tabs') }))) : (React__default["default"].createElement("div", { className: b('menu'), onClick: () => {
+    return (React.createElement(SettingsSelectionContextProvider, { value: selected },
+        React.createElement("div", { className: b({ view }) },
+            isMobile ? (React.createElement(React.Fragment, null,
+                React.createElement(SettingsSearch, { inputRef: searchInputRef, className: b('search'), initialValue: initialSearch, onChange: setSearch, autoFocus: false, inputSize: 'xl' }),
+                React.createElement(SettingsMenuMobile, { items: menu, onChange: handlePageChange, activeItemId: activePage, className: b('tabs') }))) : (React.createElement("div", { className: b('menu'), onClick: () => {
                     if (searchInputRef.current) {
                         searchInputRef.current.focus();
                     }
@@ -519,35 +527,35 @@ function SettingsContent({ initialPage, initialSearch, selection, children, rend
                         }
                     }
                 } },
-                React__default["default"].createElement(Title.Title, null, title),
-                React__default["default"].createElement(SettingsSearch, { inputRef: searchInputRef, className: b('search'), initialValue: initialSearch, onChange: setSearch, placeholder: filterPlaceholder, autoFocus: true }),
-                React__default["default"].createElement(SettingsMenu, { ref: menuRef, items: menu, onChange: handlePageChange, activeItemId: activePage }))),
-            React__default["default"].createElement("div", { className: b('page') }, renderPageContent(activePage)))));
+                React.createElement(Title.Title, null, title),
+                React.createElement(SettingsSearch, { inputRef: searchInputRef, className: b('search'), initialValue: initialSearch, onChange: setSearch, placeholder: filterPlaceholder, autoFocus: true }),
+                React.createElement(SettingsMenu, { ref: menuRef, items: menu, onChange: handlePageChange, activeItemId: activePage }))),
+            React.createElement("div", { className: b('page') }, renderPageContent(activePage)))));
 }
 Settings.Group = function SettingsGroup({ children }) {
-    return React__default["default"].createElement(React__default["default"].Fragment, null, children);
+    return React.createElement(React.Fragment, null, children);
 };
 Settings.Page = function SettingsPage({ children }) {
-    return React__default["default"].createElement(React__default["default"].Fragment, null, children);
+    return React.createElement(React.Fragment, null, children);
 };
 Settings.Section = function SettingsSection({ children }) {
-    return React__default["default"].createElement(React__default["default"].Fragment, null, children);
+    return React.createElement(React.Fragment, null, children);
 };
 Settings.Item = function SettingsItem(setting) {
-    const { id, labelId, highlightedTitle, children, align = 'center', withBadge, renderTitleComponent = identity_1, mode, description, } = setting;
+    const { id, labelId, highlightedTitle, children, align = 'center', withBadge, renderTitleComponent = identity, mode, description, } = setting;
     const selected = useSettingsSelectionContext();
     const isSettingSelected = selected.setting && selected.setting.id === id;
     const { renderRightAdornment, showRightAdornmentOnHover } = useSettingsContext();
-    const titleNode = (React__default["default"].createElement("span", { className: b('item-title', { badge: withBadge }) }, renderTitleComponent(highlightedTitle)));
-    return (React__default["default"].createElement("div", { className: b('item', { align, mode, selected: isSettingSelected }), ref: isSettingSelected ? selected.selectedRef : undefined },
-        React__default["default"].createElement("label", { className: b('item-heading'), id: labelId },
-            renderRightAdornment ? (React__default["default"].createElement(uikit.Flex, { className: b('item-title-wrapper'), gap: 3 },
+    const titleNode = (React.createElement("span", { className: b('item-title', { badge: withBadge }) }, renderTitleComponent(highlightedTitle)));
+    return (React.createElement("div", { className: b('item', { align, mode, selected: isSettingSelected }), ref: isSettingSelected ? selected.selectedRef : undefined },
+        React.createElement("label", { className: b('item-heading'), id: labelId },
+            renderRightAdornment ? (React.createElement(uikit.Flex, { className: b('item-title-wrapper'), gap: 3 },
                 titleNode,
-                React__default["default"].createElement("div", { className: b('item-right-adornment', {
+                React.createElement("div", { className: b('item-right-adornment', {
                         hidden: showRightAdornmentOnHover,
                     }) }, renderRightAdornment(setting)))) : (titleNode),
-            description ? React__default["default"].createElement("span", { className: b('item-description') }, description) : null),
-        React__default["default"].createElement("div", { className: b('item-content') }, children)));
+            description ? React.createElement("span", { className: b('item-description') }, description) : null),
+        React.createElement("div", { className: b('item-content') }, children)));
 };
 function prepareTitle(string, search) {
     let temp = string.slice(0);
@@ -563,7 +571,7 @@ function prepareTitle(string, search) {
             if (i > 0) {
                 title.push(temp.slice(0, i));
             }
-            title.push(React__default["default"].createElement("strong", { key: key++, className: b('found') }, m));
+            title.push(React.createElement("strong", { key: key++, className: b('found') }, m));
             temp = temp.slice(i + m.length);
         }
     }
@@ -576,4 +584,4 @@ function prepareTitle(string, search) {
 exports.Settings = Settings;
 exports.useSettingsContext = useSettingsContext;
 exports.useSettingsSelectionContext = useSettingsSelectionContext;
-//# sourceMappingURL=Settings-8dc2a8ee.js.map
+//# sourceMappingURL=Settings-BJ7TUzxJ.js.map