@gravity-ui/navigation 3.0.0-beta.1 → 3.0.0-beta.3

package/README.md

@@ -33,6 +33,6 @@ npm install --dev @gravity-ui/uikit@^6.15.0 @gravity-ui/icons@2.2.0 @gravity-ui/
 - MobileFooter
 - [HotkeysPanel](https://github.com/gravity-ui/navigation/tree/main/src/components/HotkeysPanel/README.md)
 
-## CSS variables
+## CSS API
 
 Used for themization Navigation's components

package/build/cjs/_virtual/_commonjsHelpers.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+exports.commonjsGlobal = commonjsGlobal;
+exports.getDefaultExportFromCjs = getDefaultExportFromCjs;
+//# sourceMappingURL=_commonjsHelpers.js.map

package/build/cjs/_virtual/_commonjsHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjsHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/build/cjs/_virtual/debounce.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var debounce = require('../node_modules/lodash/debounce.js');
+
+var debounceExports = debounce.__require();
+var debounceFn = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(debounceExports);
+
+module.exports = debounceFn;
+//# sourceMappingURL=debounce.js.map

package/build/cjs/_virtual/debounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/build/cjs/_virtual/identity.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var identity$1 = require('../node_modules/lodash/identity.js');
+
+var identityExports = identity$1.__require();
+var identity = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(identityExports);
+
+module.exports = identity;
+//# sourceMappingURL=identity.js.map

package/build/cjs/_virtual/identity.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"identity.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/build/cjs/_virtual/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var _commonjsHelpers = require('./_commonjsHelpers.js');
+var index = require('../node_modules/prop-types/index.js');
+
+var propTypesExports = /*@__PURE__*/ index.__require();
+var PropTypes = /*@__PURE__*/_commonjsHelpers.getDefaultExportFromCjs(propTypesExports);
+
+module.exports = PropTypes;
+//# sourceMappingURL=index.js.map

package/build/cjs/_virtual/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/build/cjs/_virtual/index2.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var propTypes = {exports: {}};
+
+exports.__module = propTypes;
+//# sourceMappingURL=index2.js.map

package/build/cjs/{index2.js.map → _virtual/index2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
+{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/build/cjs/_virtual/index3.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs = {exports: {}};
+
+exports.__module = reactIs;
+//# sourceMappingURL=index3.js.map

package/build/{esm → cjs/_virtual}/index3.js.map

@@ -1 +1 @@
-{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
+{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/build/cjs/_virtual/react-is.development.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs_development = {};
+
+exports.__exports = reactIs_development;
+//# sourceMappingURL=react-is.development.js.map

package/build/cjs/_virtual/react-is.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-is.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/build/cjs/_virtual/react-is.production.min.js

@@ -0,0 +1,6 @@
+'use strict';
+
+var reactIs_production_min = {};
+
+exports.__exports = reactIs_production_min;
+//# sourceMappingURL=react-is.production.min.js.map

package/build/cjs/_virtual/react-is.production.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-is.production.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/build/cjs/assets/icons/control-menu-button.svg.js

@@ -0,0 +1,39 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgControlMenuButton = function SvgControlMenuButton(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 8,
+    height: 8,
+    fill: "currentColor",
+    viewBox: "0 0 8 8"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "m.72 7.64 6.39-3.2a.5.5 0 0 0 0-.89L.72.36A.5.5 0 0 0 0 .81v6.38c0 .37.4.61.72.45"
+  })));
+};
+
+module.exports = SvgControlMenuButton;
+//# sourceMappingURL=control-menu-button.svg.js.map

package/build/cjs/assets/icons/control-menu-button.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"control-menu-button.svg.js","sources":["../../../../assets/icons/control-menu-button.svg"],"sourcesContent":["<svg width=\"8\" height=\"8\" viewBox=\"0 0 8 8\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"m.72 7.64 6.39-3.2a.5.5 0 0 0 0-.89L.72.36A.5.5 0 0 0 0 .81v6.38c0 .37.4.61.72.45Z\"/></svg>\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAE/Q,IAAC,oBAAoB,GAAG,SAAS,oBAAoB,CAAC,KAAK,EAAE;AAChE,EAAE,oBAAoBA,gBAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,KAAK,EAAE,CAAC;AACZ,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgBA,gBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/cjs/{divider-collapsed-b743122e.js → assets/icons/divider-collapsed.svg.js}

@@ -2,8 +2,7 @@
 
 var React = require('react');
 
-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) {
@@ -16,26 +15,25 @@ function _interopNamespace(e) {
 			}
 		});
 	}
-	n["default"] = e;
+	n.default = e;
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
 var _path;
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 var SvgDividerCollapsed = function SvgDividerCollapsed(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
     width: 56,
     height: 29,
-    viewBox: "0 0 56 29",
     fill: "currentColor",
-    xmlns: "http://www.w3.org/2000/svg"
+    viewBox: "0 0 56 29"
   }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M56 0v29c-.8-1-7-6.1-17.7-8.4L13 15.7A16 16 0 0 1 0 0Z"
   })));
 };
-var headerDividerCollapsedIcon = SvgDividerCollapsed;
 
-exports.headerDividerCollapsedIcon = headerDividerCollapsedIcon;
-//# sourceMappingURL=divider-collapsed-b743122e.js.map
+module.exports = SvgDividerCollapsed;
+//# sourceMappingURL=divider-collapsed.svg.js.map

package/build/cjs/assets/icons/divider-collapsed.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider-collapsed.svg.js","sources":["../../../../assets/icons/divider-collapsed.svg"],"sourcesContent":["<svg width=\"56\" height=\"29\" viewBox=\"0 0 56 29\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M56 0v29c-.8-1-7-6.1-17.7-8.4L13 15.7A16 16 0 0 1 0 0Z\"/></svg>\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAE/Q,IAAC,mBAAmB,GAAG,SAAS,mBAAmB,CAAC,KAAK,EAAE;AAC9D,EAAE,oBAAoBA,gBAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,KAAK,EAAE,EAAE;AACb,IAAI,MAAM,EAAE,EAAE;AACd,IAAI,IAAI,EAAE,cAAc;AACxB,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgBA,gBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/build/cjs/components/ActionBar/ActionBar.d.ts

@@ -9,15 +9,15 @@ declare const PublicActionBar: {
     displayName: string;
 } & {
     Section: {
-        ({ children, type }: import("./Section/ActionBarSection").Props): React.JSX.Element;
+        ({ children, type }: import(".").ActionBarSectionProps): React.JSX.Element;
         displayName: string;
     };
     Group: {
-        ({ children, className, pull }: import("./Group/ActionBarGroup").Props): React.JSX.Element;
+        ({ children, className, pull }: import(".").ActionBarGroupProps): React.JSX.Element;
         displayName: string;
     };
     Item: {
-        ({ children, className, pull, spacing }: import("./Item/ActionBarItem").Props): React.JSX.Element;
+        ({ children, className, pull, spacing }: import(".").ActionBarItemProps): React.JSX.Element;
         displayName: string;
     };
     Separator: {

package/build/cjs/components/ActionBar/ActionBar.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var React = require('react');
+var cn = require('../utils/cn.js');
+var ActionBarGroup = require('./Group/ActionBarGroup.js');
+var ActionBarItem = require('./Item/ActionBarItem.js');
+var ActionBarSection = require('./Section/ActionBarSection.js');
+var ActionBarSeparator = require('./Separator/ActionBarSeparator.js');
+require('./ActionBar.scss.js');
+
+const b = cn.block('action-bar');
+const ActionBar = ({ children, className, 'aria-label': ariaLabel }) => {
+    return (React.createElement("section", { className: b(null, className), "aria-label": ariaLabel }, children));
+};
+ActionBar.displayName = 'ActionBar';
+const PublicActionBar = Object.assign(ActionBar, {
+    Section: ActionBarSection.ActionBarSection,
+    Group: ActionBarGroup.ActionBarGroup,
+    Item: ActionBarItem.ActionBarItem,
+    Separator: ActionBarSeparator.ActionBarSeparator,
+});
+
+exports.ActionBar = PublicActionBar;
+//# sourceMappingURL=ActionBar.js.map

package/build/cjs/components/ActionBar/ActionBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.js","sources":["../../../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../utils/cn';\n\nimport {ActionBarGroup} from './Group/ActionBarGroup';\nimport {ActionBarItem} from './Item/ActionBarItem';\nimport {ActionBarSection} from './Section/ActionBarSection';\nimport {ActionBarSeparator} from './Separator/ActionBarSeparator';\n\nimport './ActionBar.scss';\n\nexport type Props = PropsWithChildren<{\n    'aria-label'?: string;\n    className?: string;\n}>;\n\nconst b = block('action-bar');\n\nconst ActionBar = ({children, className, 'aria-label': ariaLabel}: Props) => {\n    return (\n        <section className={b(null, className)} aria-label={ariaLabel}>\n            {children}\n        </section>\n    );\n};\n\nActionBar.displayName = 'ActionBar';\n\nconst PublicActionBar = Object.assign(ActionBar, {\n    Section: ActionBarSection,\n    Group: ActionBarGroup,\n    Item: ActionBarItem,\n    Separator: ActionBarSeparator,\n});\n\nexport {PublicActionBar as ActionBar};\n"],"names":["block","ActionBarSection","ActionBarGroup","ActionBarItem","ActionBarSeparator"],"mappings":";;;;;;;;;;AAgBA,MAAM,CAAC,GAAGA,QAAK,CAAC,YAAY,CAAC;AAE7B,MAAM,SAAS,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAQ,KAAI;AACxE,IAAA,QACI,KAAS,CAAA,aAAA,CAAA,SAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,gBAAc,SAAS,EAAA,EACxD,QAAQ,CACH;AAElB,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW;AAEnC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;AAC7C,IAAA,OAAO,EAAEC,iCAAgB;AACzB,IAAA,KAAK,EAAEC,6BAAc;AACrB,IAAA,IAAI,EAAEC,2BAAa;AACnB,IAAA,SAAS,EAAEC,qCAAkB;AAChC,CAAA;;;;"}

package/build/cjs/components/ActionBar/ActionBar.scss.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".gn-action-bar{align-items:stretch;border-bottom:1px solid var(--g-color-line-generic);box-sizing:border-box;display:flex;flex-flow:row nowrap;height:40px;justify-content:flex-start}";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=ActionBar.scss.js.map

package/build/cjs/components/ActionBar/ActionBar.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBar.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/cjs/components/ActionBar/Group/ActionBarGroup.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+var cn = require('../../utils/cn.js');
+require('./ActionBarGroup.scss.js');
+
+const b = cn.block('action-bar-group');
+const ActionBarGroup = ({ children, className, pull }) => {
+    return (React.createElement("ul", { className: b({ pull }, className), role: "group" }, children));
+};
+ActionBarGroup.displayName = 'ActionBar.Group';
+
+exports.ActionBarGroup = ActionBarGroup;
+//# sourceMappingURL=ActionBarGroup.js.map

package/build/cjs/components/ActionBar/Group/ActionBarGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBarGroup.js","sources":["../../../../../../src/components/ActionBar/Group/ActionBarGroup.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../../utils/cn';\nimport {PropsWithPull} from '../types';\n\nimport './ActionBarGroup.scss';\n\nexport type Props = PropsWithChildren<\n    PropsWithPull<{\n        className?: string;\n    }>\n>;\n\nconst b = block('action-bar-group');\n\nexport const ActionBarGroup = ({children, className, pull}: Props) => {\n    return (\n        <ul className={b({pull}, className)} role=\"group\">\n            {children}\n        </ul>\n    );\n};\n\nActionBarGroup.displayName = 'ActionBar.Group';\n"],"names":["block"],"mappings":";;;;;;AAaA,MAAM,CAAC,GAAGA,QAAK,CAAC,kBAAkB,CAAC;AAE5B,MAAM,cAAc,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAQ,KAAI;IACjE,QACI,4BAAI,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,OAAO,IAC5C,QAAQ,CACR;AAEb;AAEA,cAAc,CAAC,WAAW,GAAG,iBAAiB;;;;"}

package/build/cjs/components/ActionBar/Group/ActionBarGroup.scss.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".gn-action-bar-group{align-items:center;display:flex;flex-flow:row nowrap;flex-grow:1;justify-content:flex-start;margin:0;padding:0}.gn-action-bar-group_pull_left{justify-content:flex-start;margin-left:0;margin-right:auto}.gn-action-bar-group_pull_left-grow{flex-grow:1}.gn-action-bar-group_pull_right{justify-content:flex-end;margin-left:auto;margin-right:0}.gn-action-bar-group_pull_right-grow{flex-grow:1}.gn-action-bar-group_pull_center{justify-content:center;margin-left:auto;margin-right:auto}.gn-action-bar-group_pull_center-grow{flex-grow:1}";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=ActionBarGroup.scss.js.map

package/build/cjs/components/ActionBar/Group/ActionBarGroup.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBarGroup.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/cjs/components/ActionBar/Item/ActionBarItem.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+var cn = require('../../utils/cn.js');
+require('./ActionBarItem.scss.js');
+
+const b = cn.block('action-bar-item');
+const ActionBarItem = ({ children, className, pull, spacing = true }) => {
+    return (React.createElement("li", { className: b({ pull, spacing }, className), role: "menuitem" }, children));
+};
+ActionBarItem.displayName = 'ActionBar.Item';
+
+exports.ActionBarItem = ActionBarItem;
+//# sourceMappingURL=ActionBarItem.js.map

package/build/cjs/components/ActionBar/Item/ActionBarItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBarItem.js","sources":["../../../../../../src/components/ActionBar/Item/ActionBarItem.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../../utils/cn';\nimport {PropsWithPull} from '../types';\n\nimport './ActionBarItem.scss';\n\nexport type Props = PropsWithChildren<\n    PropsWithPull<{\n        spacing?: boolean;\n        className?: string;\n    }>\n>;\n\nconst b = block('action-bar-item');\n\nexport const ActionBarItem = ({children, className, pull, spacing = true}: Props) => {\n    return (\n        <li className={b({pull, spacing}, className)} role=\"menuitem\">\n            {children}\n        </li>\n    );\n};\n\nActionBarItem.displayName = 'ActionBar.Item';\n"],"names":["block"],"mappings":";;;;;;AAcA,MAAM,CAAC,GAAGA,QAAK,CAAC,iBAAiB,CAAC;AAErB,MAAA,aAAa,GAAG,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,GAAG,IAAI,EAAQ,KAAI;IAChF,QACI,4BAAI,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,UAAU,EACxD,EAAA,QAAQ,CACR;AAEb;AAEA,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/build/cjs/components/ActionBar/Item/ActionBarItem.scss.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".gn-action-bar-item{list-style:none;margin:0;padding:0}.gn-action-bar-item_pull_left{justify-content:flex-start;margin-left:0;margin-right:auto}.gn-action-bar-item_pull_left-grow{flex-grow:1}.gn-action-bar-item_pull_right{justify-content:flex-end;margin-left:auto;margin-right:0}.gn-action-bar-item_pull_right-grow{flex-grow:1}.gn-action-bar-item_pull_center{justify-content:center;margin-left:auto;margin-right:auto}.gn-action-bar-item_pull_center-grow{flex-grow:1}.gn-action-bar-item+.gn-action-bar-item_spacing{margin-left:8px}";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=ActionBarItem.scss.js.map

package/build/cjs/components/ActionBar/Item/ActionBarItem.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBarItem.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/cjs/components/ActionBar/Section/ActionBarSection.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+var cn = require('../../utils/cn.js');
+require('./ActionBarSection.scss.js');
+
+const b = cn.block('action-bar-section');
+const ActionBarSection = ({ children, type = 'primary' }) => {
+    return (React.createElement("div", { className: b({ type }), role: "menu" }, children));
+};
+ActionBarSection.displayName = 'ActionBar.Section';
+
+exports.ActionBarSection = ActionBarSection;
+//# sourceMappingURL=ActionBarSection.js.map

package/build/cjs/components/ActionBar/Section/ActionBarSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBarSection.js","sources":["../../../../../../src/components/ActionBar/Section/ActionBarSection.tsx"],"sourcesContent":["import React, {PropsWithChildren} from 'react';\n\nimport {block} from '../../utils/cn';\n\nimport './ActionBarSection.scss';\n\nexport type Props = PropsWithChildren<{type?: 'primary' | 'secondary'}>;\n\nconst b = block('action-bar-section');\n\nexport const ActionBarSection = ({children, type = 'primary'}: Props) => {\n    return (\n        <div className={b({type})} role=\"menu\">\n            {children}\n        </div>\n    );\n};\n\nActionBarSection.displayName = 'ActionBar.Section';\n"],"names":["block"],"mappings":";;;;;;AAQA,MAAM,CAAC,GAAGA,QAAK,CAAC,oBAAoB,CAAC;AAE9B,MAAM,gBAAgB,GAAG,CAAC,EAAC,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAQ,KAAI;AACpE,IAAA,QACI,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,EAAE,IAAI,EAAC,MAAM,IACjC,QAAQ,CACP;AAEd;AAEA,gBAAgB,CAAC,WAAW,GAAG,mBAAmB;;;;"}

package/build/cjs/components/ActionBar/Section/ActionBarSection.scss.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".gn-action-bar-section{align-items:stretch;display:flex;flex-flow:row nowrap;justify-content:flex-start}.gn-action-bar-section+.gn-action-bar-section{border-left:1px solid var(--g-color-line-generic)}.gn-action-bar-section_type_primary{flex:1 1 auto;padding-left:20px;padding-right:20px}.gn-action-bar-section_type_secondary{padding-left:6px;padding-right:6px}";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=ActionBarSection.scss.js.map

package/build/cjs/components/ActionBar/Section/ActionBarSection.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBarSection.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/cjs/components/ActionBar/Separator/ActionBarSeparator.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var React = require('react');
+var cn = require('../../utils/cn.js');
+require('./ActionBarSeparator.scss.js');
+
+const b = cn.block('action-bar-separator');
+const ActionBarSeparator = () => {
+    return React.createElement("li", { role: "separator", className: b(), "aria-hidden": true });
+};
+ActionBarSeparator.displayName = 'ActionBar.Separator';
+
+exports.ActionBarSeparator = ActionBarSeparator;
+//# sourceMappingURL=ActionBarSeparator.js.map

package/build/cjs/components/ActionBar/Separator/ActionBarSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBarSeparator.js","sources":["../../../../../../src/components/ActionBar/Separator/ActionBarSeparator.tsx"],"sourcesContent":["import React from 'react';\n\nimport {block} from '../../utils/cn';\n\nimport './ActionBarSeparator.scss';\n\nconst b = block('action-bar-separator');\n\nexport const ActionBarSeparator = () => {\n    return <li role=\"separator\" className={b()} aria-hidden />;\n};\n\nActionBarSeparator.displayName = 'ActionBar.Separator';\n"],"names":["block"],"mappings":";;;;;;AAMA,MAAM,CAAC,GAAGA,QAAK,CAAC,sBAAsB,CAAC;AAEhC,MAAM,kBAAkB,GAAG,MAAK;IACnC,OAAO,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,IAAI,EAAC,WAAW,EAAC,SAAS,EAAE,CAAC,EAAE,EAAA,aAAA,EAAA,IAAA,EAAA,CAAgB;AAC9D;AAEA,kBAAkB,CAAC,WAAW,GAAG,qBAAqB;;;;"}

package/build/cjs/components/ActionBar/Separator/ActionBarSeparator.scss.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".gn-action-bar-separator{border-right:1px solid var(--g-color-line-generic);height:40px;list-style:none;margin:0 6px;padding:0}";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=ActionBarSeparator.scss.js.map

package/build/cjs/components/ActionBar/Separator/ActionBarSeparator.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionBarSeparator.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/build/cjs/components/ActionBar/__stories__/ActionBar.stories.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { Meta } from '@storybook/react';
+import { ActionBar } from '../ActionBar';
+declare const _default: Meta<typeof ActionBar>;
+export default _default;
+export declare const Showcase: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    'aria-label'?: string;
+    className?: string;
+} & {
+    children?: React.ReactNode | undefined;
+}>;
+export declare const SingleSection: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    'aria-label'?: string;
+    className?: string;
+} & {
+    children?: React.ReactNode | undefined;
+}>;

package/build/cjs/components/ActionBar/__stories__/ActionBarShowcase.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function ActionBarShowcase(): React.JSX.Element;

package/build/cjs/components/ActionBar/__stories__/ActionBarSingleSection.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function ActionBarSingleSection(): React.JSX.Element;

package/build/cjs/components/ActionBar/__tests__/helpersPlaywright.d.ts

@@ -1,5 +1,5 @@
 import * as DefaultActionBarStories from '../__stories__/ActionBar.stories';
-declare const stories: Omit<import("@storybook/types").StoriesWithPartialProps<import("@storybook/react/dist/types-0fc72a6d").R, typeof DefaultActionBarStories>, keyof import("@storybook/types").Store_CSFExports<import("@storybook/types").Renderer, import("@storybook/types").Args>>;
+declare const stories: Omit<import("@storybook/core/types").StoriesWithPartialProps<import("@storybook/react").ReactRenderer, typeof DefaultActionBarStories>, keyof import("@storybook/core/types").Store_CSFExports>;
 type ActionBarStoriesType = typeof stories;
 export declare const ActionBarStories: ActionBarStoriesType;
 export {};

package/build/cjs/components/ActionBar/index.js

@@ -0,0 +1,8 @@
+'use strict';
+
+var ActionBar = require('./ActionBar.js');
+
+
+
+exports.ActionBar = ActionBar.ActionBar;
+//# sourceMappingURL=index.js.map

package/build/cjs/components/ActionBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/build/cjs/components/ActionBar/types.d.ts

@@ -1,3 +1,3 @@
 export type PropsWithPull<T> = T & {
-    pull?: 'left' | 'right' | 'center';
+    pull?: 'left' | 'left-grow' | 'right' | 'right-grow' | 'center' | 'center-grow';
 };

package/build/cjs/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var React = require('react');
+var icons = require('@gravity-ui/icons');
+var uikit = require('@gravity-ui/uikit');
+var cn = require('../../utils/cn.js');
+require('./AllPagesListItem.scss.js');
+
+const b = cn.block('all-pages-list-item');
+const AllPagesListItem = (props) => {
+    const { item, editMode, onToggle } = props;
+    const onPinButtonClick = React.useCallback((e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        onToggle();
+    }, [onToggle]);
+    const onItemClick = (e) => {
+        if (editMode) {
+            e.stopPropagation();
+            e.preventDefault();
+        }
+    };
+    const [Tag, tagProps] = item.link ? ['a', { href: item.link }] : ['button', {}];
+    return (React.createElement(Tag, Object.assign({}, tagProps, { className: b(), onClick: onItemClick }),
+        item.icon ? (React.createElement(uikit.Icon, { className: b('icon'), data: item.icon, size: item.iconSize })) : null,
+        React.createElement("span", { className: b('text') }, item.title),
+        editMode && !item.preventUserRemoving && (React.createElement(uikit.Button, { onClick: onPinButtonClick, view: item.hidden ? 'flat-secondary' : 'flat-action' },
+            React.createElement(uikit.Button.Icon, null, item.hidden ? React.createElement(icons.Pin, null) : React.createElement(icons.PinFill, null))))));
+};
+
+exports.AllPagesListItem = AllPagesListItem;
+//# sourceMappingURL=AllPagesListItem.js.map

package/build/cjs/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllPagesListItem.js","sources":["../../../../../../src/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.tsx"],"sourcesContent":["import React, {MouseEvent, useCallback} from 'react';\n\nimport {Pin, PinFill} from '@gravity-ui/icons';\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {MenuItem} from '../../types';\nimport {block} from '../../utils/cn';\n\nimport './AllPagesListItem.scss';\n\nconst b = block('all-pages-list-item');\n\ninterface AllPagesListItemProps {\n    item: MenuItem;\n    editMode?: boolean;\n    enableSorting?: boolean;\n    onToggle: () => void;\n    onDragStart?: () => void;\n    onDragEnd?: () => void;\n}\n\nexport const AllPagesListItem: React.FC<AllPagesListItemProps> = (props) => {\n    const {item, editMode, onToggle} = props;\n    const onPinButtonClick = useCallback(\n        (e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n            e.stopPropagation();\n            e.preventDefault();\n            onToggle();\n        },\n        [onToggle],\n    );\n\n    const onItemClick = (e: MouseEvent<HTMLElement>) => {\n        if (editMode) {\n            e.stopPropagation();\n            e.preventDefault();\n        }\n    };\n\n    const [Tag, tagProps] = item.link ? ['a' as const, {href: item.link}] : ['button' as const, {}];\n\n    return (\n        <Tag {...tagProps} className={b()} onClick={onItemClick}>\n            {item.icon ? (\n                <Icon className={b('icon')} data={item.icon} size={item.iconSize} />\n            ) : null}\n            <span className={b('text')}>{item.title}</span>\n            {editMode && !item.preventUserRemoving && (\n                <Button\n                    onClick={onPinButtonClick}\n                    view={item.hidden ? 'flat-secondary' : 'flat-action'}\n                >\n                    <Button.Icon>{item.hidden ? <Pin /> : <PinFill />}</Button.Icon>\n                </Button>\n            )}\n        </Tag>\n    );\n};\n"],"names":["block","useCallback","Icon","Button","Pin","PinFill"],"mappings":";;;;;;;;AAUA,MAAM,CAAC,GAAGA,QAAK,CAAC,qBAAqB,CAAC;AAWzB,MAAA,gBAAgB,GAAoC,CAAC,KAAK,KAAI;IACvE,MAAM,EAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAC,GAAG,KAAK;AACxC,IAAA,MAAM,gBAAgB,GAAGC,iBAAW,CAChC,CAAC,CAAoD,KAAI;QACrD,CAAC,CAAC,eAAe,EAAE;QACnB,CAAC,CAAC,cAAc,EAAE;AAClB,QAAA,QAAQ,EAAE;AACd,KAAC,EACD,CAAC,QAAQ,CAAC,CACb;AAED,IAAA,MAAM,WAAW,GAAG,CAAC,CAA0B,KAAI;QAC/C,IAAI,QAAQ,EAAE;YACV,CAAC,CAAC,eAAe,EAAE;YACnB,CAAC,CAAC,cAAc,EAAE;;AAE1B,KAAC;AAED,IAAA,MAAM,CAAC,GAAG,EAAE,QAAQ,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC,GAAY,EAAE,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAC,CAAC,GAAG,CAAC,QAAiB,EAAE,EAAE,CAAC;AAE/F,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,QAAQ,EAAA,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,WAAW,EAAA,CAAA;AAClD,QAAA,IAAI,CAAC,IAAI,IACN,KAAA,CAAA,aAAA,CAACC,UAAI,EAAA,EAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAI,CAAA,IACpE,IAAI;QACR,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAG,EAAA,IAAI,CAAC,KAAK,CAAQ;QAC9C,QAAQ,IAAI,CAAC,IAAI,CAAC,mBAAmB,KAClC,KAAC,CAAA,aAAA,CAAAC,YAAM,EACH,EAAA,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,IAAI,CAAC,MAAM,GAAG,gBAAgB,GAAG,aAAa,EAAA;YAEpD,KAAC,CAAA,aAAA,CAAAA,YAAM,CAAC,IAAI,EAAE,IAAA,EAAA,IAAI,CAAC,MAAM,GAAG,KAAC,CAAA,aAAA,CAAAC,SAAG,OAAG,GAAG,KAAA,CAAA,aAAA,CAACC,aAAO,EAAA,IAAA,CAAG,CAAe,CAC3D,CACZ,CACC;AAEd;;;;"}

package/build/cjs/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.scss.js

@@ -0,0 +1,9 @@
+'use strict';
+
+var styleInject_es = require('../../../node_modules/style-inject/dist/style-inject.es.js');
+
+var css_248z = ".gn-all-pages-list-item{align-items:center;background:none;border:none;color:inherit;column-gap:var(--g-spacing-4);display:flex;font:inherit;height:40px;outline:inherit;padding:0 var(--g-spacing-6);text-decoration:inherit;width:100%}.gn-all-pages-list-item:focus-visible{outline:solid var(--g-color-line-misc);outline-offset:-2px}.gn-all-pages-list-item__text{flex:1;text-align:initial}.gn-all-pages-list-item__icon{color:var(--g-color-text-misc)}.gn-all-pages-list-item_edit-mode{padding:0 0 0 var(--g-spacing-4)}";
+styleInject_es(css_248z);
+
+module.exports = css_248z;
+//# sourceMappingURL=AllPagesListItem.scss.js.map

package/build/cjs/components/AllPagesPanel/AllPagesListItem/AllPagesListItem.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AllPagesListItem.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}