@1money/component-ui 0.0.49 → 0.0.50

package/lib/components/Navigation/NavigationLogo.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _Icons = require("../Icons");
+var LOGO_COLLAPSED_SIZE = 24;
+var LOGO_WIDTH = 132;
+var LOGO_HEIGHT = 24;
+var LOGO_BETA_WIDTH = 152;
+var LOGO_BETA_HEIGHT = 22;
+var LOGO_COLOR = '#073387';
+var WORD_COLOR = '#131313';
+var NavigationLogo = function NavigationLogo(_ref) {
+  var collapsed = _ref.collapsed,
+    betaLogo = _ref.betaLogo,
+    onClick = _ref.onClick;
+  var logo = collapsed ? (0, _jsxRuntime.jsx)(_Icons.Icons, {
+    name: "logo",
+    size: LOGO_COLLAPSED_SIZE,
+    color: LOGO_COLOR
+  }) : betaLogo ? (0, _jsxRuntime.jsx)(_Icons.Icons, {
+    name: "logoWithBeta",
+    width: LOGO_BETA_WIDTH,
+    height: LOGO_BETA_HEIGHT,
+    logoColor: LOGO_COLOR,
+    wordColor: WORD_COLOR,
+    betaColor: LOGO_COLOR
+  }) : (0, _jsxRuntime.jsx)(_Icons.Icons, {
+    name: "logoWithWords",
+    width: LOGO_WIDTH,
+    height: LOGO_HEIGHT,
+    logoColor: LOGO_COLOR,
+    wordColor: WORD_COLOR
+  });
+  if (onClick) {
+    return (0, _jsxRuntime.jsx)("span", {
+      role: "button",
+      tabIndex: 0,
+      onClick: onClick,
+      onKeyDown: function onKeyDown(e) {
+        if (e.key === 'Enter') onClick(e);
+      },
+      children: logo
+    });
+  }
+  return logo;
+};
+var _default = exports["default"] = NavigationLogo;
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvTmF2aWdhdGlvbi9OYXZpZ2F0aW9uTG9nby5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9OYXZpZ2F0aW9uTG9nby50c3giXSwibmFtZXMiOlsiX2pzeFJ1bnRpbWUiLCJyZXF1aXJlIiwiX0ljb25zIiwiTE9HT19DT0xMQVBTRURfU0laRSIsIkxPR09fV0lEVEgiLCJMT0dPX0hFSUdIVCIsIkxPR09fQkVUQV9XSURUSCIsIkxPR09fQkVUQV9IRUlHSFQiLCJMT0dPX0NPTE9SIiwiV09SRF9DT0xPUiIsIk5hdmlnYXRpb25Mb2dvIiwiX3JlZiIsImNvbGxhcHNlZCIsImJldGFMb2dvIiwib25DbGljayIsImxvZ28iLCJfanN4IiwiSWNvbnMiLCJuYW1lIiwic2l6ZSIsImNvbG9yIiwid2lkdGgiLCJoZWlnaHQiLCJsb2dvQ29sb3IiLCJ3b3JkQ29sb3IiLCJiZXRhQ29sb3IiLCJyb2xlIiwidGFiSW5kZXgiLCJvbktleURvd24iLCJlIiwia2V5IiwiY2hpbGRyZW4iLCJfZGVmYXVsdCIsImV4cG9ydHMiXSwibWFwcGluZ3MiOiI7Ozs7OztBQUFBLElBQUFBLFdBQUEsR0FBQUMsT0FBQTtBQ0FBLElBQUFDLE1BQUEsR0FBQUQsT0FBQTtBQUdBLElBQU1FLG1CQUFtQixHQUFHLEVBQUU7QUFDOUIsSUFBTUMsVUFBVSxHQUFHLEdBQUc7QUFDdEIsSUFBTUMsV0FBVyxHQUFHLEVBQUU7QUFDdEIsSUFBTUMsZUFBZSxHQUFHLEdBQUc7QUFDM0IsSUFBTUMsZ0JBQWdCLEdBQUcsRUFBRTtBQUMzQixJQUFNQyxVQUFVLEdBQUcsU0FBUztBQUM1QixJQUFNQyxVQUFVLEdBQUcsU0FBUztBQVE1QixJQUFNQyxjQUFjLEdBQTRCLFNBQTFDQSxjQUFjQSxDQUFBQyxJQUFBLEVBQWlFO0VBQUEsSUFBbENDLFNBQVMsR0FBQUQsSUFBQSxDQUFUQyxTQUFTO0lBQUVDLFFBQVEsR0FBQUYsSUFBQSxDQUFSRSxRQUFRO0lBQUVDLE9BQU8sR0FBQUgsSUFBQSxDQUFQRyxPQUFPO0VBQzdFLElBQU1DLElBQUksR0FBR0gsU0FBUyxHQUNsQixJQUFBSSxlQUFBLEVBQUNDLFlBQUssRUFBQTtJQUFDQyxJQUFJLEVBQUMsTUFBTTtJQUFDQyxJQUFJLEVBQUVoQixtQkFBbUI7SUFBRWlCLEtBQUssRUFBRVo7RUFBVSxDQUFBLENBQUksR0FDbkVLLFFBQVEsR0FDTixJQUFBRyxlQUFBLEVBQUNDLFlBQUssRUFBQTtJQUFDQyxJQUFJLEVBQUMsY0FBYztJQUFDRyxLQUFLLEVBQUVmLGVBQWU7SUFBRWdCLE1BQU0sRUFBRWYsZ0JBQWdCO0lBQUVnQixTQUFTLEVBQUVmLFVBQVU7SUFBRWdCLFNBQVMsRUFBRWYsVUFBVTtJQUFFZ0IsU0FBUyxFQUFFakI7RUFBVSxDQUFBLENBQUksR0FDcEosSUFBQVEsZUFBQSxFQUFDQyxZQUFLLEVBQUE7SUFBQ0MsSUFBSSxFQUFDLGVBQWU7SUFBQ0csS0FBSyxFQUFFakIsVUFBVTtJQUFFa0IsTUFBTSxFQUFFakIsV0FBVztJQUFFa0IsU0FBUyxFQUFFZixVQUFVO0lBQUVnQixTQUFTLEVBQUVmO0VBQVUsQ0FBQSxDQUFJO0VBRTFILElBQUlLLE9BQU8sRUFBRTtJQUNYLE9BQ0UsSUFBQUUsZUFBQSxFQUFBLE1BQUEsRUFBQTtNQUFNVSxJQUFJLEVBQUMsUUFBUTtNQUFDQyxRQUFRLEVBQUUsQ0FBQztNQUFFYixPQUFPLEVBQUVBLE9BQU87TUFBRWMsU0FBUyxFQUFFLFNBQVhBLFNBQVNBLENBQUdDLENBQUMsRUFBSTtRQUFHLElBQUlBLENBQUMsQ0FBQ0MsR0FBRyxLQUFLLE9BQU8sRUFBRWhCLE9BQU8sQ0FBQ2UsQ0FBdUMsQ0FBQztNQUFFLENBQUM7TUFBQUUsUUFBQSxFQUM5SWhCO0lBQUksQ0FBQSxDQUNBO0VBRVg7RUFFQSxPQUFPQSxJQUFJO0FBQ2IsQ0FBQztBQUFDLElBQUFpQixRQUFBLEdBQUFDLE9BQUEsY0FFYXZCLGNBQWMiLCJmaWxlIjoiY29tcG9uZW50cy9OYXZpZ2F0aW9uL05hdmlnYXRpb25Mb2dvLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vSWNvbnMnO1xuY29uc3QgTE9HT19DT0xMQVBTRURfU0laRSA9IDI0O1xuY29uc3QgTE9HT19XSURUSCA9IDEzMjtcbmNvbnN0IExPR09fSEVJR0hUID0gMjQ7XG5jb25zdCBMT0dPX0JFVEFfV0lEVEggPSAxNTI7XG5jb25zdCBMT0dPX0JFVEFfSEVJR0hUID0gMjI7XG5jb25zdCBMT0dPX0NPTE9SID0gJyMwNzMzODcnO1xuY29uc3QgV09SRF9DT0xPUiA9ICcjMTMxMzEzJztcbmNvbnN0IE5hdmlnYXRpb25Mb2dvID0gKHsgY29sbGFwc2VkLCBiZXRhTG9nbywgb25DbGljayB9KSA9PiB7XG4gICAgY29uc3QgbG9nbyA9IGNvbGxhcHNlZFxuICAgICAgICA/IF9qc3goSWNvbnMsIHsgbmFtZTogXCJsb2dvXCIsIHNpemU6IExPR09fQ09MTEFQU0VEX1NJWkUsIGNvbG9yOiBMT0dPX0NPTE9SIH0pXG4gICAgICAgIDogYmV0YUxvZ29cbiAgICAgICAgICAgID8gX2pzeChJY29ucywgeyBuYW1lOiBcImxvZ29XaXRoQmV0YVwiLCB3aWR0aDogTE9HT19CRVRBX1dJRFRILCBoZWlnaHQ6IExPR09fQkVUQV9IRUlHSFQsIGxvZ29Db2xvcjogTE9HT19DT0xPUiwgd29yZENvbG9yOiBXT1JEX0NPTE9SLCBiZXRhQ29sb3I6IExPR09fQ09MT1IgfSlcbiAgICAgICAgICAgIDogX2pzeChJY29ucywgeyBuYW1lOiBcImxvZ29XaXRoV29yZHNcIiwgd2lkdGg6IExPR09fV0lEVEgsIGhlaWdodDogTE9HT19IRUlHSFQsIGxvZ29Db2xvcjogTE9HT19DT0xPUiwgd29yZENvbG9yOiBXT1JEX0NPTE9SIH0pO1xuICAgIGlmIChvbkNsaWNrKSB7XG4gICAgICAgIHJldHVybiAoX2pzeChcInNwYW5cIiwgeyByb2xlOiBcImJ1dHRvblwiLCB0YWJJbmRleDogMCwgb25DbGljazogb25DbGljaywgb25LZXlEb3duOiAoZSkgPT4geyBpZiAoZS5rZXkgPT09ICdFbnRlcicpXG4gICAgICAgICAgICAgICAgb25DbGljayhlKTsgfSwgY2hpbGRyZW46IGxvZ28gfSkpO1xuICAgIH1cbiAgICByZXR1cm4gbG9nbztcbn07XG5leHBvcnQgZGVmYXVsdCBOYXZpZ2F0aW9uTG9nbzsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Navigation/NavigationStepper.d.ts

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+import type { NavigationStepperProps } from './interface';
+export declare const NavigationStepper: FC<NavigationStepperProps>;
+declare const _default: import("react").NamedExoticComponent<NavigationStepperProps>;
+export default _default;

package/lib/components/Navigation/NavigationStepper.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.NavigationStepper = void 0;
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _classnames = _interopRequireWildcard(require("../../utils/classnames"));
+var _Icons = require("../Icons");
+var _NavigationLogo = _interopRequireDefault(require("./NavigationLogo"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var STATUS_SUCCESS_ICON_SIZE = 20;
+var STATUS_SUCCESS_COLOR = '#1F580033';
+var LOGO_BUTTON_ARIA_LABEL = 'Sidebar logo';
+var DONE_STATUSES = ['done', 'done-active'];
+var NavigationStepper = exports.NavigationStepper = function NavigationStepper(props) {
+  var id = props.id,
+    steps = props.steps,
+    className = props.className,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'navigation-stepper' : _props$prefixCls,
+    headerCls = props.headerCls,
+    bodyCls = props.bodyCls,
+    footerCls = props.footerCls,
+    logoCls = props.logoCls,
+    onLogoClick = props.onLogoClick,
+    betaLogo = props.betaLogo,
+    footer = props.footer;
+  var classes = (0, _classnames["default"])(prefixCls);
+  var handleLogoClick = function handleLogoClick(e) {
+    onLogoClick === null || onLogoClick === void 0 ? void 0 : onLogoClick(e);
+  };
+  return (0, _jsxRuntime.jsxs)("aside", {
+    id: id,
+    className: classes(void 0, className),
+    children: [(0, _jsxRuntime.jsx)("div", {
+      className: classes('header', headerCls),
+      children: (0, _jsxRuntime.jsx)("button", {
+        type: 'button',
+        className: classes('header-logo', logoCls),
+        onClick: handleLogoClick,
+        "aria-label": LOGO_BUTTON_ARIA_LABEL,
+        children: (0, _jsxRuntime.jsx)(_NavigationLogo["default"], {
+          betaLogo: betaLogo
+        })
+      })
+    }), (0, _jsxRuntime.jsx)("ul", {
+      className: classes('steps', bodyCls),
+      children: steps.map(function (step) {
+        var key = step.key,
+          label = step.label,
+          status = step.status,
+          disabled = step.disabled,
+          _onClick = step.onClick;
+        return (0, _jsxRuntime.jsxs)("li", {
+          className: classes('step', (0, _classnames.joinCls)(classes("step-".concat(status)), disabled && classes('step-disabled'))),
+          onClick: function onClick() {
+            if (disabled) return;
+            _onClick === null || _onClick === void 0 ? void 0 : _onClick(step);
+          },
+          children: [(0, _jsxRuntime.jsx)("span", {
+            className: classes('step-label'),
+            children: label
+          }), DONE_STATUSES.includes(status) && (0, _jsxRuntime.jsx)(_Icons.Icons, {
+            name: 'statusSuccess',
+            size: STATUS_SUCCESS_ICON_SIZE,
+            color: STATUS_SUCCESS_COLOR
+          })]
+        }, key);
+      })
+    }), footer && (0, _jsxRuntime.jsx)("div", {
+      className: classes('footer', footerCls),
+      children: footer
+    })]
+  });
+};
+var _default = exports["default"] = /*#__PURE__*/(0, _react.memo)(NavigationStepper);
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvTmF2aWdhdGlvbi9OYXZpZ2F0aW9uU3RlcHBlci5qcyIsImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9OYXZpZ2F0aW9uU3RlcHBlci50c3giXSwibmFtZXMiOlsiX2pzeFJ1bnRpbWUiLCJyZXF1aXJlIiwiX3JlYWN0IiwiX2NsYXNzbmFtZXMiLCJfaW50ZXJvcFJlcXVpcmVXaWxkY2FyZCIsIl9JY29ucyIsIl9OYXZpZ2F0aW9uTG9nbyIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfZ2V0UmVxdWlyZVdpbGRjYXJkQ2FjaGUiLCJlIiwiV2Vha01hcCIsInIiLCJ0IiwiX19lc01vZHVsZSIsIl90eXBlb2YiLCJoYXMiLCJnZXQiLCJuIiwiX19wcm90b19fIiwiYSIsIk9iamVjdCIsImRlZmluZVByb3BlcnR5IiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9yIiwidSIsImhhc093blByb3BlcnR5IiwiY2FsbCIsImkiLCJzZXQiLCJTVEFUVVNfU1VDQ0VTU19JQ09OX1NJWkUiLCJTVEFUVVNfU1VDQ0VTU19DT0xPUiIsIkxPR09fQlVUVE9OX0FSSUFfTEFCRUwiLCJET05FX1NUQVRVU0VTIiwiTmF2aWdhdGlvblN0ZXBwZXIiLCJleHBvcnRzIiwicHJvcHMiLCJpZCIsInN0ZXBzIiwiY2xhc3NOYW1lIiwiX3Byb3BzJHByZWZpeENscyIsInByZWZpeENscyIsImhlYWRlckNscyIsImJvZHlDbHMiLCJmb290ZXJDbHMiLCJsb2dvQ2xzIiwib25Mb2dvQ2xpY2siLCJiZXRhTG9nbyIsImZvb3RlciIsImNsYXNzZXMiLCJjbGFzc25hbWVzIiwiaGFuZGxlTG9nb0NsaWNrIiwiX2pzeHMiLCJjaGlsZHJlbiIsIl9qc3giLCJ0eXBlIiwib25DbGljayIsIk5hdmlnYXRpb25Mb2dvIiwibWFwIiwic3RlcCIsImtleSIsImxhYmVsIiwic3RhdHVzIiwiZGlzYWJsZWQiLCJqb2luQ2xzIiwiY29uY2F0IiwiaW5jbHVkZXMi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LENBQUMiLCJmaWxlIjoiY29tcG9uZW50cy9OYXZpZ2F0aW9uL05hdmlnYXRpb25TdGVwcGVyLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcbmltcG9ydCB7IG1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBkZWZhdWx0IGFzIGNsYXNzbmFtZXMsIGpvaW5DbHMgfSBmcm9tICcuLi8uLi91dGlscy9jbGFzc25hbWVzJztcbmltcG9ydCB7IEljb25zIH0gZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IE5hdmlnYXRpb25Mb2dvIGZyb20gJy4vTmF2aWdhdGlvbkxvZ28nO1xuY29uc3QgU1RBVFVTX1NVQ0NFU1NfSUNPTl9TSVpFID0gMjA7XG5jb25zdCBTVEFUVVNfU1VDQ0VTU19DT0xPUiA9ICcjMUY1ODAwMzMnO1xuY29uc3QgTE9HT19CVVRUT05fQVJJQV9MQUJFTCA9ICdTaWRlYmFyIGxvZ28nO1xuY29uc3QgRE9ORV9TVEFUVVNFUyA9IFsnZG9uZScsICdkb25lLWFjdGl2ZSddO1xuZXhwb3J0IGNvbnN0IE5hdmlnYXRpb25TdGVwcGVyID0gcHJvcHMgPT4ge1xuICAgIGNvbnN0IHsgaWQsIHN0ZXBzLCBjbGFzc05hbWUsIHByZWZpeENscyA9ICduYXZpZ2F0aW9uLXN0ZXBwZXInLCBoZWFkZXJDbHMsIGJvZHlDbHMsIGZvb3RlckNscywgbG9nb0Nscywgb25Mb2dvQ2xpY2ssIGJldGFMb2dvLCBmb290ZXIsIH0gPSBwcm9wcztcbiAgICBjb25zdCBjbGFzc2VzID0gY2xhc3NuYW1lcyhwcmVmaXhDbHMpO1xuICAgIGNvbnN0IGhhbmRsZUxvZ29DbGljayA9IChlKSA9PiB7XG4gICAgICAgIG9uTG9nb0NsaWNrID09PSBudWxsIHx8IG9uTG9nb0NsaWNrID09PSB2b2lkIDAgPyB2b2lkIDAgOiBvbkxvZ29DbGljayhlKTtcbiAgICB9O1xuICAgIHJldHVybiAoX2pzeHMoXCJhc2lkZVwiLCB7IGlkOiBpZCwgY2xhc3NOYW1lOiBjbGFzc2VzKHZvaWQgMCwgY2xhc3NOYW1lKSwgY2hpbGRyZW46IFtfanN4KFwiZGl2XCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdoZWFkZXInLCBoZWFkZXJDbHMpLCBjaGlsZHJlbjogX2pzeChcImJ1dHRvblwiLCB7IHR5cGU6ICdidXR0b24nLCBjbGFzc05hbWU6IGNsYXNzZXMoJ2hlYWRlci1sb2dvJywgbG9nb0NscyksIG9uQ2xpY2s6IGhhbmRsZUxvZ29DbGljaywgXCJhcmlhLWxhYmVsXCI6IExPR09fQlVUVE9OX0FSSUFfTEFCRUwsIGNoaWxkcmVuOiBfanN4KE5hdmlnYXRpb25Mb2dvLCB7IGJldGFMb2dvOiBiZXRhTG9nbyB9KSB9KSB9KSwgX2pzeChcInVsXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdzdGVwcycsIGJvZHlDbHMpLCBjaGlsZHJlbjogc3RlcHMubWFwKHN0ZXAgPT4ge1xuICAgICAgICAgICAgICAgICAgICBjb25zdCB7IGtleSwgbGFiZWwsIHN0YXR1cywgZGlzYWJsZWQsIG9uQ2xpY2sgfSA9IHN0ZXA7XG4gICAgICAgICAgICAgICAgICAgIHJldHVybiAoX2pzeHMoXCJsaVwiLCB7IGNsYXNzTmFtZTogY2xhc3Nlcygnc3RlcCcsIGpvaW5DbHMoY2xhc3Nlcyhgc3RlcC0ke3N0YXR1c31gKSwgZGlzYWJsZWQgJiYgY2xhc3Nlcygnc3RlcC1kaXNhYmxlZCcpKSksIG9uQ2xpY2s6ICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZiAoZGlzYWJsZWQpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrID09PSBudWxsIHx8IG9uQ2xpY2sgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2xpY2soc3RlcCk7XG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjaGlsZHJlbjogW19qc3goXCJzcGFuXCIsIHsgY2xhc3NOYW1lOiBjbGFzc2VzKCdzdGVwLWxhYmVsJyksIGNoaWxkcmVuOiBsYWJlbCB9KSwgRE9ORV9TVEFUVVNFUy5pbmNsdWRlcyhzdGF0dXMpICYmIChfanN4KEljb25zLCB7IG5hbWU6ICdzdGF0dXNTdWNjZXNzJywgc2l6ZTogU1RBVFVTX1NVQ0NFU1NfSUNPTl9TSVpFLCBjb2xvcjogU1RBVFVTX1NVQ0NFU1NfQ09MT1IgfSkpXSB9LCBrZXkpKTtcbiAgICAgICAgICAgICAgICB9KSB9KSwgZm9vdGVyICYmIF9qc3goXCJkaXZcIiwgeyBjbGFzc05hbWU6IGNsYXNzZXMoJ2Zvb3RlcicsIGZvb3RlckNscyksIGNoaWxkcmVuOiBmb290ZXIgfSldIH0pKTtcbn07XG5leHBvcnQgZGVmYXVsdCBtZW1vKE5hdmlnYXRpb25TdGVwcGVyKTsiLG51bGxdLCJzb3VyY2VSb290IjoiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vc3JjIn0=

package/lib/components/Navigation/index.d.ts

@@ -0,0 +1,6 @@
+import Navigation from './Navigation';
+export { Navigation } from './Navigation';
+export { Nav } from './Nav';
+export { NavigationStepper } from './NavigationStepper';
+export default Navigation;
+export * from './interface';

package/lib/components/Navigation/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Navigation: true,
+  Nav: true,
+  NavigationStepper: true
+};
+Object.defineProperty(exports, "Nav", {
+  enumerable: true,
+  get: function get() {
+    return _Nav.Nav;
+  }
+});
+Object.defineProperty(exports, "Navigation", {
+  enumerable: true,
+  get: function get() {
+    return _Navigation.Navigation;
+  }
+});
+Object.defineProperty(exports, "NavigationStepper", {
+  enumerable: true,
+  get: function get() {
+    return _NavigationStepper.NavigationStepper;
+  }
+});
+exports["default"] = void 0;
+var _Navigation = _interopRequireWildcard(require("./Navigation"));
+var _Nav = require("./Nav");
+var _NavigationStepper = require("./NavigationStepper");
+var _interface = require("./interface");
+Object.keys(_interface).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _interface[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _interface[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var _default = exports["default"] = _Navigation["default"];
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvc3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvbi9pbmRleC50cyJdLCJuYW1lcyI6WyJfTmF2aWdhdGlvbiIsIl9pbnRlcm9wUmVxdWlyZVdpbGRjYXJkIiwicmVxdWlyZSIsIl9OYXYiLCJfTmF2aWdhdGlvblN0ZXBwZXIiLCJfaW50ZXJmYWNlIiwiT2JqZWN0Iiwia2V5cyIsImZvckVhY2giLCJrZXkiLCJwcm90b3R5cGUiLCJoYXNPd25Qcm9wZXJ0eSIsImNhbGwiLCJfZXhwb3J0TmFtZXMiLCJleHBvcnRzIiwiZGVmaW5lUHJvcGVydHkiLCJlbnVtZXJhYmxlIiwiZ2V0IiwiX2dldFJlcXVpcmVXaWxkY2FyZENhY2hlIiwiZSIsIldlYWtNYXAiLCJyIiwidCIsIl9fZXNNb2R1bGUiLCJfdHlwZW9mIiwiaGFzIiwibiIsIl9fcHJvdG9fXyIsImEiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJ1IiwiaSIsInNldCIsIl9kZWZhdWx0IiwiTmF2aWdhdGlvbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsSUFBQUEsV0FBQSxHQUFBQyx1QkFBQSxDQUFBQyxPQUFBO0FBR0EsSUFBQUMsSUFBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsa0JBQUEsR0FBQUYsT0FBQTtBQUlBLElBQUFHLFVBQUEsR0FBQUgsT0FBQTtBQUFBSSxNQUFBLENBQUFDLElBQUEsQ0FBQUYsVUFBQSxFQUFBRyxPQUFBLFdBQUFDLEdBQUE7RUFBQSxJQUFBQSxHQUFBLGtCQUFBQSxHQUFBO0VBQUEsSUFBQUgsTUFBQSxDQUFBSSxTQUFBLENBQUFDLGNBQUEsQ0FBQUMsSUFBQSxDQUFBQyxZQUFBLEVBQUFKLEdBQUE7RUFBQSxJQUFBQSxHQUFBLElBQUFLLE9BQUEsSUFBQUEsT0FBQSxDQUFBTCxHQUFBLE1BQUFKLFVBQUEsQ0FBQUksR0FBQTtFQUFBSCxNQUFBLENBQUFTLGNBQUEsQ0FBQUQsT0FBQSxFQUFBTCxHQUFBO0lBQUFPLFVBQUE7SUFBQUMsR0FBQSxXQUFBQSxJQUFBO01BQUEsT0FBQVosVUFBQSxDQUFBSSxHQUFBO0lBQUE7RUFBQTtBQUFBO0FBQTRCLFNBQUFTLHlCQUFBQyxDQUFBLDZCQUFBQyxPQUFBLG1CQUFBQyxDQUFBLE9BQUFELE9BQUEsSUFBQUUsQ0FBQSxPQUFBRixPQUFBLFlBQUFGLHdCQUFBLFlBQUFBLHlCQUFBQyxDQUFBLFdBQUFBLENBQUEsR0FBQUcsQ0FBQSxHQUFBRCxDQUFBLEtBQUFGLENBQUE7QUFBQSxTQUFBbEIsd0JBQUFrQixDQUFBLEVBQUFFLENBQUEsU0FBQUEsQ0FBQSxJQUFBRixDQUFBLElBQUFBLENBQUEsQ0FBQUksVUFBQSxTQUFBSixDQUFBLGVBQUFBLENBQUEsZ0JBQUFLLE9BQUEsQ0FBQUwsQ0FBQSwwQkFBQUEsQ0FBQSxzQkFBQUEsQ0FBQSxRQUFBRyxDQUFBLEdBQUFKLHdCQUFBLENBQUFHLENBQUEsT0FBQUMsQ0FBQSxJQUFBQSxDQUFBLENBQUFHLEdBQUEsQ0FBQU4sQ0FBQSxVQUFBRyxDQUFBLENBQUFMLEdBQUEsQ0FBQUUsQ0FBQSxPQUFBTyxDQUFBLEtBQUFDLFNBQUEsVUFBQUMsQ0FBQSxHQUFBdEIsTUFBQSxDQUFBUyxjQUFBLElBQUFULE1BQUEsQ0FBQXVCLHdCQUFBLFdBQUFDLENBQUEsSUFBQVgsQ0FBQSxvQkFBQVcsQ0FBQSxPQUFBbkIsY0FBQSxDQUFBQyxJQUFBLENBQUFPLENBQUEsRUFBQVcsQ0FBQSxTQUFBQyxDQUFBLEdBQUFILENBQUEsR0FBQXRCLE1BQUEsQ0FBQXVCLHdCQUFBLENBQUFWLENBQUEsRUFBQVcsQ0FBQSxVQUFBQyxDQUFBLEtBQUFBLENBQUEsQ0FBQWQsR0FBQSxJQUFBYyxDQUFBLENBQUFDLEdBQUEsSUFBQTFCLE1BQUEsQ0FBQVMsY0FBQSxDQUFBVyxDQUFBLEVBQUFJLENBQUEsRUFBQUMsQ0FBQSxJQUFBTCxDQUFBLENBQUFJLENBQUEsSUFBQVgsQ0FBQSxDQUFBVyxDQUFBLFlBQUFKLENBQUEsY0FBQVAsQ0FBQSxFQUFBRyxDQUFBLElBQUFBLENBQUEsQ0FBQVUsR0FBQSxDQUFBYixDQUFBLEVBQUFPLENBQUEsR0FBQUEsQ0FBQTtBQUFBLElBQUFPLFFBQUEsR0FBQW5CLE9BQUEsY0FGYm9CLHNCQUFVIiwiZmlsZSI6ImNvbXBvbmVudHMvTmF2aWdhdGlvbi9pbmRleC5qcyIsInNvdXJjZXNDb250ZW50IjpbbnVsbF0sInNvdXJjZVJvb3QiOiIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMifQ==

package/lib/components/Navigation/interface.d.ts

@@ -0,0 +1,134 @@
+import type { ReactNode, ReactElement, MouseEvent, RefObject } from 'react';
+export interface NavigationItem {
+    /** Unique key for the item */
+    key?: string | number;
+    /** Display label */
+    label: ReactNode;
+    /** Icon — accepts IconName string or ReactNode */
+    icon?: ReactNode;
+    /** Suffix content rendered after the label (e.g., tag/badge) */
+    suffix?: ReactNode;
+    /** Link component wrapper (e.g., Next.js Link) or URL string */
+    link?: string | ReactElement;
+    /** Whether this item is currently active */
+    active?: boolean;
+    /** Whether this item is disabled */
+    disabled?: boolean;
+    /** Whether this item is hidden */
+    hidden?: boolean;
+    /** Click handler */
+    onClick?: (e: MouseEvent<HTMLElement>) => void;
+    /** Sub-menu items (Level 2) */
+    children?: Omit<NavigationItem, 'children' | 'defaultOpen' | 'onOpenChange'>[];
+    /** Whether sub-menu is open by default */
+    defaultOpen?: boolean;
+    /** Callback when sub-menu open state changes */
+    onOpenChange?: (open: boolean) => void;
+}
+export interface NavigationProps {
+    /** Ref to the root element */
+    ref?: RefObject<HTMLElement | null>;
+    /** CSS class prefix */
+    prefixCls?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Navigation menu items */
+    items: NavigationItem[];
+    /** Whether the navigation is collapsed */
+    collapsed?: boolean;
+    /** Default collapsed state (uncontrolled) */
+    defaultCollapsed?: boolean;
+    /** Whether collapse toggle is shown */
+    collapsible?: boolean;
+    /** Callback when collapsed state changes */
+    onCollapse?: (collapsed: boolean) => void;
+    /** Header content — defaults to built-in 1Money logo; pass null to hide */
+    header?: ReactNode;
+    /** Click handler for the default logo */
+    onLogoClick?: (e: MouseEvent<HTMLElement>) => void;
+    /** Company selector slot (below header) */
+    selector?: ReactNode;
+    /** Children rendered at bottom (e.g., settings, profile) */
+    children?: ReactNode;
+}
+export interface NavigationHandlers {
+    /** Toggle collapsed state */
+    toggle: () => void;
+    /** Set collapsed state directly */
+    collapse: (collapsed: boolean) => void;
+}
+export interface NavItem {
+    /** Unique key for the item */
+    key?: string | number;
+    /** Display label */
+    label: ReactNode;
+    /** Icon — accepts IconName string or ReactNode */
+    icon?: ReactNode;
+    /** Suffix content rendered after the label */
+    suffix?: ReactNode;
+    /** Link component wrapper or URL string */
+    link?: string | ReactElement;
+    /** Whether this item is currently active */
+    active?: boolean;
+    /** Whether this item is disabled */
+    disabled?: boolean;
+    /** Whether this item is hidden */
+    hidden?: boolean;
+    /** Nested child items — enables recursive multi-level nesting */
+    children?: NavItem[];
+    /** Whether children are expanded by default */
+    defaultOpen?: boolean;
+    /** Callback when expand state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Click handler */
+    onClick?: (e: MouseEvent<HTMLElement>) => void;
+}
+export interface NavProps {
+    /** Ref to the root element */
+    ref?: RefObject<HTMLElement | null>;
+    /** CSS class prefix */
+    prefixCls?: string;
+    /** Additional CSS classes for the root <nav> element */
+    className?: string;
+    /** Additional CSS classes for the inner content wrapper */
+    bodyCls?: string;
+    /** Navigation items — top-level items with children render as groups */
+    items: NavItem[];
+}
+export type NavigationStepperStepStatus = 'todo' | 'active' | 'done' | 'done-active';
+export interface NavigationStepperStep {
+    /** Unique key for the step */
+    key: string;
+    /** Display label */
+    label: ReactNode;
+    /** Step status — drives styling and trailing icon */
+    status: NavigationStepperStepStatus;
+    /** Whether the step is disabled */
+    disabled?: boolean;
+    /** Click handler */
+    onClick?: (step: NavigationStepperStep) => void;
+}
+export interface NavigationStepperProps {
+    /** Root element id */
+    id?: string;
+    /** Additional CSS classes for the root <aside> element */
+    className?: string;
+    /** CSS class prefix */
+    prefixCls?: string;
+    /** Additional CSS classes for the logo button */
+    logoCls?: string;
+    /** Additional CSS classes for the header container */
+    headerCls?: string;
+    /** Additional CSS classes for the steps list */
+    bodyCls?: string;
+    /** Additional CSS classes for the footer */
+    footerCls?: string;
+    /** Click handler for the logo button */
+    onLogoClick?: (e: MouseEvent<HTMLButtonElement>) => void;
+    /** Whether to render the logo with the BETA tag */
+    betaLogo?: boolean;
+    /** Step items rendered in order */
+    steps: NavigationStepperStep[];
+    /** Optional footer content (e.g. auto-saved timestamp) */
+    footer?: ReactNode;
+}

package/lib/components/Navigation/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50cy9OYXZpZ2F0aW9uL2ludGVyZmFjZS5qcyIsIm5hbWVzIjpbXSwic291cmNlUm9vdCI6Ii4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3NyYyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9OYXZpZ2F0aW9uL2ludGVyZmFjZS5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQge307Il0sIm1hcHBpbmdzIjoiIiwiaWdub3JlTGlzdCI6W119

package/lib/components/Navigation/style/Nav.css

@@ -0,0 +1,158 @@
+/**
+  * Retrieves the spacing value for a given token key.
+  *
+  * @param {string} $key - The spacing token key (e.g., '100', '200').
+  * @return {length|null} The computed spacing value or null if the key is invalid.
+  * @example
+  *   .element {
+  *     padding: om-spacing-token('200'); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+/**
+  * Computes the spacing value based on a token key or a direct length value.
+  *
+  * @param {string|length} $value - The spacing token key (e.g., '100') or a direct length value (e.g., '16px').
+  * @return {length} The computed spacing value.
+  * @example
+  *   .element {
+  *     margin: om-spacing-value('300'); // Returns 12px if $om-sys-spacing-unit is 4px
+  *     padding: om-spacing-value(16px); // Returns 16px
+  *     gap: om-spacing-value(2); // Returns 8px if $om-sys-spacing-unit is 4px
+  *   }
+  */
+.om-component-ui-nav {
+  display: flex;
+  flex-direction: column;
+  width: 280px;
+  height: 100%;
+  padding: var(--om-spacing-1000, 40px) var(--om-spacing-400, 16px) var(--om-spacing-600, 24px);
+  background-color: var(--om-bg-default, #fff);
+  border-right: 1px solid var(--om-border-neutral, #e3e4e4);
+}
+.om-component-ui-nav-content {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+  overflow-y: auto;
+}
+.om-component-ui-nav-divider {
+  height: 1px;
+  background-color: var(--om-border-neutral, #e3e4e4);
+}
+.om-component-ui-nav-group {
+  display: flex;
+  flex-direction: column;
+}
+.om-component-ui-nav-group-header {
+  display: flex;
+  align-items: center;
+  min-height: var(--om-component-height-md, 40px);
+  padding: var(--om-spacing-200, 8px) var(--om-spacing-400, 16px);
+  color: var(--om-text-default-secondary, #404042);
+  border-radius: var(--om-radius-300, 12px);
+}
+.om-component-ui-nav-group-header-content {
+  display: flex;
+  flex: 1;
+  gap: var(--om-spacing-200, 8px);
+  align-items: center;
+  min-width: 0;
+}
+.om-component-ui-nav-group-header-icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+  color: var(--om-icon-default-secondary, #404042);
+}
+.om-component-ui-nav-group-header-label {
+  flex: 1;
+  min-width: 0;
+  white-space: normal;
+  overflow-wrap: anywhere;
+}
+.om-component-ui-nav-group-header .om-component-ui-typography {
+  color: inherit;
+}
+.om-component-ui-nav-item-wrapper {
+  display: flex;
+  flex-direction: column;
+}
+.om-component-ui-nav-item {
+  display: flex;
+  gap: var(--om-spacing-600, 24px);
+  align-items: center;
+  width: 100%;
+  min-height: var(--om-component-height-md, 40px);
+  padding: var(--om-spacing-200, 8px) var(--om-spacing-400, 16px);
+  padding-left: calc(var(--om-spacing-400, 16px) + var(--om-nav-indent, 0) * var(--om-spacing-600, 24px));
+  color: var(--om-text-default-secondary, #404042);
+  background-color: transparent;
+  border: none;
+  border-radius: var(--om-radius-300, 12px);
+  cursor: pointer;
+}
+.om-component-ui-nav-item .om-component-ui-typography {
+  color: inherit;
+}
+.om-component-ui-nav-item[data-depth="1"]:hover:not(:disabled) {
+  color: var(--om-text-brand, #073387);
+}
+.om-component-ui-nav-item:not([data-depth="1"]):hover:not(:disabled) {
+  color: var(--om-text-default, #131313);
+}
+.om-component-ui-nav-item-content {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  min-width: 0;
+}
+.om-component-ui-nav-item-label {
+  flex: 1;
+  min-width: 0;
+  white-space: normal;
+  text-align: left;
+  overflow-wrap: anywhere;
+}
+.om-component-ui-nav-item-suffix {
+  flex-shrink: 0;
+}
+.om-component-ui-nav-item-arrow {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  color: var(--om-icon-default-secondary, #404042);
+  transition: transform 200ms ease-in-out;
+}
+.om-component-ui-nav-item-arrow-open {
+  transform: rotate(-180deg);
+}
+.om-component-ui-nav-item-link {
+  display: flex;
+  color: inherit;
+  text-decoration: none;
+}
+.om-component-ui-nav-item-active {
+  color: var(--om-text-brand, #073387);
+}
+.om-component-ui-nav-item-disabled {
+  color: var(--om-text-disabled, #bbbdc1);
+  cursor: not-allowed;
+}
+.om-component-ui-nav-item-disabled:hover {
+  color: var(--om-text-disabled, #bbbdc1);
+}
+.om-component-ui-nav-submenu {
+  display: grid;
+  grid-template-rows: 0fr;
+  transition: grid-template-rows 200ms ease-in-out;
+}
+.om-component-ui-nav-submenu-open {
+  grid-template-rows: 1fr;
+}
+.om-component-ui-nav-submenu-inner {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}