intergalactic 15.123.0 → 15.124.0

package/widget-empty/lib/es6/WidgetEmpty.js

@@ -0,0 +1,76 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
+import { assignProps as _assignProps3 } from 'intergalactic/core';
+import { assignProps as _assignProps2 } from 'intergalactic/core';
+import { assignProps as _assignProps } from 'intergalactic/core';
+import React from 'react';
+import createComponent, { Component, sstyled, Root } from 'intergalactic/core';
+import { getIllustrationPath } from 'intergalactic/illustration';
+import { Box, Flex } from 'intergalactic/flex-box';
+import isNode from 'intergalactic/utils/lib/isNode';
+/*__reshadow-styles__:"./style/widget-empty.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWidgetEmpty_1cr9l_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_1cr9l_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_1cr9l_gg_,.___STitle_1cr9l_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_1cr9l_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_1cr9l_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_1cr9l_gg_+.___SDescription_1cr9l_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_1cr9l_gg_+.___SDescription_1cr9l_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1cr9l_gg_") /*__reshadow_css_end__*/, {
+  "__SWidgetEmpty": "___SWidgetEmpty_1cr9l_gg_",
+  "__SImage": "___SImage_1cr9l_gg_",
+  "__STitle": "___STitle_1cr9l_gg_",
+  "__SDescription": "___SDescription_1cr9l_gg_"
+});
+export var getIconPath = function getIconPath(name) {
+  return getIllustrationPath(name);
+};
+var WidgetEmpty = /*#__PURE__*/function (_Component) {
+  _inherits(WidgetEmpty, _Component);
+  var _super = _createSuper(WidgetEmpty);
+  function WidgetEmpty() {
+    _classCallCheck(this, WidgetEmpty);
+    return _super.apply(this, arguments);
+  }
+  _createClass(WidgetEmpty, [{
+    key: "render",
+    value: function render() {
+      var _ref = this.asProps,
+        _ref4;
+      var SWidgetEmpty = Flex;
+      var _this$asProps = this.asProps,
+        Children = _this$asProps.Children,
+        icon = _this$asProps.icon,
+        styles = _this$asProps.styles;
+      var SImage = 'div';
+      return _ref4 = sstyled(styles), /*#__PURE__*/React.createElement(SWidgetEmpty, _ref4.cn("SWidgetEmpty", _objectSpread({}, _assignProps({
+        "role": 'status'
+      }, _ref))), isNode(icon) && /*#__PURE__*/React.createElement(SImage, _ref4.cn("SImage", {
+        "aria-hidden": 'true'
+      }), typeof icon === 'string' ? /*#__PURE__*/React.createElement("img", _ref4.cn("img", {
+        "src": icon,
+        "alt": ''
+      })) : icon), /*#__PURE__*/React.createElement(Children, _ref4.cn("Children", {})));
+    }
+  }]);
+  return WidgetEmpty;
+}(Component);
+_defineProperty(WidgetEmpty, "displayName", 'WidgetEmpty');
+_defineProperty(WidgetEmpty, "style", style);
+var Title = function Title(props) {
+  var _ref2 = arguments[0],
+    _ref5;
+  var STitle = Box;
+  var styles = props.styles;
+  return _ref5 = sstyled(styles), /*#__PURE__*/React.createElement(STitle, _ref5.cn("STitle", _objectSpread({}, _assignProps2({}, _ref2))));
+};
+var Description = function Description(props) {
+  var _ref3 = arguments[0],
+    _ref6;
+  var SDescription = Box;
+  var styles = props.styles;
+  return _ref6 = sstyled(styles), /*#__PURE__*/React.createElement(SDescription, _ref6.cn("SDescription", _objectSpread({}, _assignProps3({}, _ref3))));
+};
+export default createComponent(WidgetEmpty, {
+  Title: Title,
+  Description: Description
+});
+//# sourceMappingURL=WidgetEmpty.js.map

package/widget-empty/lib/es6/WidgetEmpty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetEmpty.js","names":["React","createComponent","Component","sstyled","Root","getIllustrationPath","Box","Flex","isNode","style","_sstyled","insert","getIconPath","name","WidgetEmpty","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_ref","asProps","_ref4","SWidgetEmpty","_this$asProps","Children","icon","styles","SImage","createElement","cn","_objectSpread","_assignProps","_defineProperty","Title","props","_ref2","arguments[0]","_ref5","STitle","_assignProps2","Description","_ref3","_ref6","SDescription","_assignProps3"],"sources":["../../src/WidgetEmpty.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, sstyled, Root } from '@semcore/core';\nimport { getIllustrationPath } from '@semcore/illustration';\nimport { Box, Flex } from '@semcore/flex-box';\nimport isNode from '@semcore/utils/lib/isNode';\n\nimport style from './style/widget-empty.shadow.css';\n\nexport const getIconPath = (name) => getIllustrationPath(name);\n\nclass WidgetEmpty extends Component {\n  static displayName = 'WidgetEmpty';\n  static style = style;\n\n  render() {\n    const SWidgetEmpty = Root;\n    const { Children, icon, styles } = this.asProps;\n    const SImage = 'div';\n\n    return sstyled(styles)(\n      <SWidgetEmpty render={Flex} role='status'>\n        {isNode(icon) && (\n          <SImage aria-hidden='true'>\n            {typeof icon === 'string' ? <img src={icon} alt='' /> : icon}\n          </SImage>\n        )}\n        <Children />\n      </SWidgetEmpty>,\n    );\n  }\n}\n\nconst Title = (props) => {\n  const STitle = Root;\n  const { styles } = props;\n  return sstyled(styles)(<STitle render={Box} />);\n};\n\nconst Description = (props) => {\n  const SDescription = Root;\n  const { styles } = props;\n  return sstyled(styles)(<SDescription render={Box} />);\n};\n\nexport default createComponent(WidgetEmpty, {\n  Title,\n  Description,\n});\n"],"mappings":"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"}

package/widget-empty/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

package/widget-empty/lib/es6/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { Intergalactic, UnknownProperties } from '@semcore/core';\nimport { Box, FlexProps } from '@semcore/flex-box';\nimport { TIllustrationNamesWidgetEmpty } from '@semcore/illustration';\nimport { WithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';\n\nexport type iconNamesWidgetEmpty = TIllustrationNamesWidgetEmpty;\n\n/** @deprecated */\nexport interface IWidgetEmptyProps extends WidgetEmptyProps, UnknownProperties {}\nexport type WidgetEmptyProps = FlexProps & {\n  /**\n   * URL before the icon or the whole component\n   */\n  icon?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IWidgetErrorProps extends WidgetErrorProps, UnknownProperties {}\nexport type WidgetErrorProps = WidgetEmptyProps &\n  WithI18nEnhanceProps & {\n    /** Error description. If it is absent, use the local default one */\n    description?: React.ReactNode;\n  };\n\n/** @deprecated */\nexport interface IWidgetNoDataProps extends WidgetNoDataProps, UnknownProperties {}\nexport type WidgetNoDataProps = WidgetEmptyProps &\n  WithI18nEnhanceProps & {\n    /** Error description. If it is absent, use the local default one */\n    description?: React.ReactNode;\n    /* Data types */\n    type?: iconNamesWidgetEmpty;\n  };\n\ndeclare const WidgetEmpty: Intergalactic.Component<'div', WidgetEmptyProps> & {\n  Title: typeof Box;\n  Description: typeof Box;\n};\n\nexport declare const NoData: Intergalactic.Component<'div', WidgetNoDataProps>;\nexport declare const Error: Intergalactic.Component<'div', WidgetErrorProps>;\nexport declare const getIconPath: (name: string) => string;\n\nexport default WidgetEmpty;\n"],"mappings":""}

package/widget-empty/lib/es6/index.js

@@ -0,0 +1,5 @@
+export { default } from './WidgetEmpty';
+export * from './WidgetEmpty';
+export { default as NoData } from './NoData';
+export { default as Error } from './Error';
+//# sourceMappingURL=index.js.map

package/widget-empty/lib/es6/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","NoData","Error"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './WidgetEmpty';\nexport * from './WidgetEmpty';\n\nexport { default as NoData } from './NoData';\n\nexport { default as Error } from './Error';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,eAAe;AACvC,cAAc,eAAe;AAE7B,SAASA,OAAO,IAAIC,MAAM,QAAQ,UAAU;AAE5C,SAASD,OAAO,IAAIE,KAAK,QAAQ,SAAS"}

package/widget-empty/package.json

@@ -1 +1 @@
-{"name":"intergalactic/widget-empty","description":"Semrush WidgetEmpty Component","version":"4.42.0","main":"lib/cjs/index.js","module":"lib/es6/index.mjs","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/flex-box":"5.40.0","@semcore/illustration":"2.42.0","@semcore/utils":"4.45.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/widget-empty"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/widget-empty","description":"Semrush WidgetEmpty Component","version":"4.42.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/flex-box":"5.40.0","@semcore/illustration":"2.42.0","@semcore/utils":"4.45.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/widget-empty"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/wizard/index.mjs

@@ -1,2 +1,2 @@
-export * from './lib/es6/index.mjs';
-export { default } from './lib/es6/index.mjs';
+export * from './lib/es6/index.js';
+export { default } from './lib/es6/index.js';

package/wizard/lib/cjs/Wizard.js

@@ -6,13 +6,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.wrapWizardStepper = exports["default"] = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _index = require("intergalactic/utils/lib/core/index");
 var _core = _interopRequireWildcard(require("intergalactic/core"));
 var _react = _interopRequireDefault(require("react"));
@@ -28,18 +28,18 @@ var _button = _interopRequireDefault(require("intergalactic/button"));
 var _m2 = _interopRequireDefault(require("intergalactic/icon/ArrowRight/m"));
 var _m3 = _interopRequireDefault(require("intergalactic/icon/ArrowLeft/m"));
 /*__reshadow-styles__:"./style/wizard.shadow.css"*/
-var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWizard_9yn31_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_9yn31_gg_{background:var(--intergalactic-control-primary-advertising, #5925ab);color:var(--intergalactic-text-primary-invert, #ffffff);font-weight:var(--intergalactic-bold, 700);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-2x, 8px) calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px));max-width:220px;flex-shrink:0;box-sizing:border-box;border-radius:var(--intergalactic-modal-rounded, 12px)0 0 var(--intergalactic-modal-rounded, 12px)}@media (max-width:1060px){.___SSidebar_9yn31_gg_{width:44px}}.___SSidebarHeader_9yn31_gg_{font-size:var(--intergalactic-fs-300, 16px);margin:0 var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-4x, 16px)}@media (max-width:1060px){.___SSidebarHeader_9yn31_gg_{display:none}}.___SStepper_9yn31_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);border-radius:var(--intergalactic-control-rounded, 6px);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);cursor:pointer;position:relative;overflow:auto;line-height:var(--intergalactic-lh-200, 142%)}@media (hover:hover){.___SStepper_9yn31_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_9yn31_gg_.__active_9yn31_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_9yn31_gg_.__disabled_9yn31_gg_,.___SStepper_9yn31_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_9yn31_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_9yn31_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_9yn31_gg_:hover .___SStepDescription_9yn31_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_9yn31_gg_.__active_9yn31_gg_:hover .___SStepDescription_9yn31_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_9yn31_gg_{display:inline-block;min-width:20px}.___SCompleted_9yn31_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_9yn31_gg_{display:none}}.___SContent_9yn31_gg_{padding:var(--intergalactic-spacing-10x, 40px);width:100%;border-radius:0 var(--intergalactic-modal-rounded, 12px) var(--intergalactic-modal-rounded, 12px)0;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SSidebarMenu_9yn31_gg_{display:contents}" /*__inner_css_end__*/, "9yn31_gg_") /*__reshadow_css_end__*/, {
-  "__SWizard": "___SWizard_9yn31_gg_",
-  "__SStepNumber": "___SStepNumber_9yn31_gg_",
-  "__SCompleted": "___SCompleted_9yn31_gg_",
-  "__SContent": "___SContent_9yn31_gg_",
-  "__SSidebarMenu": "___SSidebarMenu_9yn31_gg_",
-  "__SSidebar": "___SSidebar_9yn31_gg_",
-  "__SSidebarHeader": "___SSidebarHeader_9yn31_gg_",
-  "__SStepper": "___SStepper_9yn31_gg_",
-  "_active": "__active_9yn31_gg_",
-  "_disabled": "__disabled_9yn31_gg_",
-  "__SStepDescription": "___SStepDescription_9yn31_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWizard_1fbmb_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_1fbmb_gg_{background:var(--intergalactic-control-primary-advertising, #5925ab);color:var(--intergalactic-text-primary-invert, #ffffff);font-weight:var(--intergalactic-bold, 700);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-2x, 8px) calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px));max-width:220px;flex-shrink:0;box-sizing:border-box;border-radius:var(--intergalactic-modal-rounded, 12px)0 0 var(--intergalactic-modal-rounded, 12px)}@media (max-width:1060px){.___SSidebar_1fbmb_gg_{width:44px}}.___SSidebarHeader_1fbmb_gg_{font-size:var(--intergalactic-fs-300, 16px);margin:0 var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-4x, 16px)}@media (max-width:1060px){.___SSidebarHeader_1fbmb_gg_{display:none}}.___SStepper_1fbmb_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);border-radius:var(--intergalactic-control-rounded, 6px);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);cursor:pointer;position:relative;overflow:auto;line-height:var(--intergalactic-lh-200, 142%)}@media (hover:hover){.___SStepper_1fbmb_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_1fbmb_gg_.__active_1fbmb_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_1fbmb_gg_.__disabled_1fbmb_gg_,.___SStepper_1fbmb_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_1fbmb_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_1fbmb_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_1fbmb_gg_:hover .___SStepDescription_1fbmb_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_1fbmb_gg_.__active_1fbmb_gg_:hover .___SStepDescription_1fbmb_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_1fbmb_gg_{display:inline-block;min-width:20px}.___SCompleted_1fbmb_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_1fbmb_gg_{display:none}}.___SContent_1fbmb_gg_{padding:var(--intergalactic-spacing-10x, 40px);width:100%;border-radius:0 var(--intergalactic-modal-rounded, 12px) var(--intergalactic-modal-rounded, 12px)0;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SSidebarMenu_1fbmb_gg_{display:contents}" /*__inner_css_end__*/, "1fbmb_gg_") /*__reshadow_css_end__*/, {
+  "__SWizard": "___SWizard_1fbmb_gg_",
+  "__SStepNumber": "___SStepNumber_1fbmb_gg_",
+  "__SCompleted": "___SCompleted_1fbmb_gg_",
+  "__SContent": "___SContent_1fbmb_gg_",
+  "__SSidebarMenu": "___SSidebarMenu_1fbmb_gg_",
+  "__SSidebar": "___SSidebar_1fbmb_gg_",
+  "__SSidebarHeader": "___SSidebarHeader_1fbmb_gg_",
+  "__SStepper": "___SStepper_1fbmb_gg_",
+  "_active": "__active_1fbmb_gg_",
+  "_disabled": "__disabled_1fbmb_gg_",
+  "__SStepDescription": "___SStepDescription_1fbmb_gg_"
 });
 var WizardRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(WizardRoot, _Component);

package/wizard/lib/es6/Wizard.js

@@ -0,0 +1,350 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { sstyled as _sstyled } from 'intergalactic/utils/lib/core/index';
+import { assignProps as _assignProps6 } from 'intergalactic/core';
+import { assignProps as _assignProps5 } from 'intergalactic/core';
+import { assignProps as _assignProps4 } from 'intergalactic/core';
+import { assignProps as _assignProps3 } from 'intergalactic/core';
+import { assignProps as _assignProps2 } from 'intergalactic/core';
+import { assignProps as _assignProps } from 'intergalactic/core';
+import React from 'react';
+import createComponent, { Component, Root, sstyled } from 'intergalactic/core';
+import { Box } from 'intergalactic/flex-box';
+import Modal from 'intergalactic/modal';
+import CheckM from 'intergalactic/icon/Check/m';
+import keyboardFocusEnhance from 'intergalactic/utils/lib/enhances/keyboardFocusEnhance';
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { localizedMessages } from './translations/__intergalactic-dynamic-locales';
+import { ScreenReaderOnly } from 'intergalactic/flex-box';
+import { setFocus } from 'intergalactic/utils/lib/use/useFocusLock';
+import uniqueIDEnhancement from 'intergalactic/utils/lib/uniqueID';
+import Button from 'intergalactic/button';
+import ArrowRight from 'intergalactic/icon/ArrowRight/m';
+import ArrowLeft from 'intergalactic/icon/ArrowLeft/m';
+/*__reshadow-styles__:"./style/wizard.shadow.css"*/
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWizard_1fbmb_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_1fbmb_gg_{background:var(--intergalactic-control-primary-advertising, #5925ab);color:var(--intergalactic-text-primary-invert, #ffffff);font-weight:var(--intergalactic-bold, 700);font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);padding:var(--intergalactic-spacing-10x, 40px) var(--intergalactic-spacing-2x, 8px) calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-05x, 2px));max-width:220px;flex-shrink:0;box-sizing:border-box;border-radius:var(--intergalactic-modal-rounded, 12px)0 0 var(--intergalactic-modal-rounded, 12px)}@media (max-width:1060px){.___SSidebar_1fbmb_gg_{width:44px}}.___SSidebarHeader_1fbmb_gg_{font-size:var(--intergalactic-fs-300, 16px);margin:0 var(--intergalactic-spacing-5x, 20px) var(--intergalactic-spacing-4x, 16px)}@media (max-width:1060px){.___SSidebarHeader_1fbmb_gg_{display:none}}.___SStepper_1fbmb_gg_{display:flex;font-size:var(--intergalactic-fs-200, 14px);border-radius:var(--intergalactic-control-rounded, 6px);padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-3x, 12px);cursor:pointer;position:relative;overflow:auto;line-height:var(--intergalactic-lh-200, 142%)}@media (hover:hover){.___SStepper_1fbmb_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_1fbmb_gg_.__active_1fbmb_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_1fbmb_gg_.__disabled_1fbmb_gg_,.___SStepper_1fbmb_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_1fbmb_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_1fbmb_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_1fbmb_gg_:hover .___SStepDescription_1fbmb_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_1fbmb_gg_.__active_1fbmb_gg_:hover .___SStepDescription_1fbmb_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_1fbmb_gg_{display:inline-block;min-width:20px}.___SCompleted_1fbmb_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_1fbmb_gg_{display:none}}.___SContent_1fbmb_gg_{padding:var(--intergalactic-spacing-10x, 40px);width:100%;border-radius:0 var(--intergalactic-modal-rounded, 12px) var(--intergalactic-modal-rounded, 12px)0;background:var(--intergalactic-bg-primary-neutral, #ffffff)}.___SSidebarMenu_1fbmb_gg_{display:contents}" /*__inner_css_end__*/, "1fbmb_gg_") /*__reshadow_css_end__*/, {
+  "__SWizard": "___SWizard_1fbmb_gg_",
+  "__SStepNumber": "___SStepNumber_1fbmb_gg_",
+  "__SCompleted": "___SCompleted_1fbmb_gg_",
+  "__SContent": "___SContent_1fbmb_gg_",
+  "__SSidebarMenu": "___SSidebarMenu_1fbmb_gg_",
+  "__SSidebar": "___SSidebar_1fbmb_gg_",
+  "__SSidebarHeader": "___SSidebarHeader_1fbmb_gg_",
+  "__SStepper": "___SStepper_1fbmb_gg_",
+  "_active": "__active_1fbmb_gg_",
+  "_disabled": "__disabled_1fbmb_gg_",
+  "__SStepDescription": "___SStepDescription_1fbmb_gg_"
+});
+var WizardRoot = /*#__PURE__*/function (_Component) {
+  _inherits(WizardRoot, _Component);
+  var _super = _createSuper(WizardRoot);
+  function WizardRoot() {
+    var _this;
+    _classCallCheck(this, WizardRoot);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "_steps", new Map());
+    _defineProperty(_assertThisInitialized(_this), "modalRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "contentRef", /*#__PURE__*/React.createRef());
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      highlighted: null
+    });
+    _defineProperty(_assertThisInitialized(_this), "stepperRefs", []);
+    _defineProperty(_assertThisInitialized(_this), "stepperFocusPrev", function (i) {
+      return function () {
+        var prevStep = _this._steps.get(i);
+        if (!prevStep) return;
+        _this.setState({
+          highlighted: prevStep === null || prevStep === void 0 ? void 0 : prevStep.step
+        });
+        setTimeout(function () {
+          var _this$stepperRefs;
+          (_this$stepperRefs = _this.stepperRefs[i - 1]) === null || _this$stepperRefs === void 0 ? void 0 : _this$stepperRefs.focus();
+        }, 0);
+      };
+    });
+    _defineProperty(_assertThisInitialized(_this), "stepperFocusNext", function (i) {
+      return function () {
+        var nextStep = _this._steps.get(i + 2);
+        if (!nextStep) return;
+        _this.setState({
+          highlighted: nextStep === null || nextStep === void 0 ? void 0 : nextStep.step
+        });
+        setTimeout(function () {
+          var _this$stepperRefs2;
+          (_this$stepperRefs2 = _this.stepperRefs[i + 1]) === null || _this$stepperRefs2 === void 0 ? void 0 : _this$stepperRefs2.focus();
+        }, 0);
+      };
+    });
+    return _this;
+  }
+  _createClass(WizardRoot, [{
+    key: "getStepProps",
+    value: function getStepProps(props) {
+      return {
+        steps: this._steps,
+        active: props.step === this.asProps.step,
+        id: "".concat(this.asProps.uid, "-step-").concat(props.step)
+      };
+    }
+  }, {
+    key: "getSidebarProps",
+    value: function getSidebarProps() {
+      return {
+        uid: this.asProps.uid
+      };
+    }
+  }, {
+    key: "getContentProps",
+    value: function getContentProps() {
+      return {
+        uid: this.asProps.uid,
+        step: this.asProps.step,
+        ref: this.contentRef
+      };
+    }
+  }, {
+    key: "getStepBackProps",
+    value: function getStepBackProps() {
+      return {
+        getI18nText: this.asProps.getI18nText,
+        step: this.asProps.step
+      };
+    }
+  }, {
+    key: "getStepNextProps",
+    value: function getStepNextProps() {
+      return {
+        getI18nText: this.asProps.getI18nText,
+        step: this.asProps.step
+      };
+    }
+  }, {
+    key: "getStepperProps",
+    value: function getStepperProps(props, i) {
+      var _this2 = this;
+      var number = i + 1;
+      if (this._steps.has(props.step)) {
+        var step = this._steps.get(props.step);
+        number = step.number;
+      } else {
+        this._steps.set(props.step, _objectSpread({
+          number: number
+        }, props));
+      }
+      var active = props.step === this.asProps.step;
+      var highlighted = this.state.highlighted === props.step || this.state.highlighted === null && i === 0;
+      return {
+        active: active,
+        tabIndex: highlighted ? 0 : -1,
+        number: number,
+        getI18nText: this.asProps.getI18nText,
+        uid: this.asProps.uid,
+        ref: function ref(node) {
+          _this2.stepperRefs[i] = node;
+        },
+        focusNext: this.stepperFocusNext(i),
+        focusPrev: this.stepperFocusPrev(i)
+      };
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      var _this3 = this;
+      if (prevProps.step === this.asProps.step) return;
+      this.setState({
+        highlighted: this.asProps.step || null
+      });
+      setTimeout(function () {
+        if (prevProps.step === _this3.asProps.step) return;
+        setFocus(_this3.contentRef.current);
+      }, 1);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _ref7;
+      var SWizard = this.Root;
+      var _this$asProps = this.asProps,
+        Children = _this$asProps.Children,
+        styles = _this$asProps.styles,
+        uid = _this$asProps.uid;
+      this._steps.clear();
+      return _ref7 = sstyled(styles), /*#__PURE__*/React.createElement(SWizard, _ref7.cn("SWizard", {
+        "render": Modal,
+        "aria-label": undefined,
+        "ref": this.modalRef,
+        "aria-labelledby": "".concat(uid, "-title")
+      }), /*#__PURE__*/React.createElement(Children, _ref7.cn("Children", {})));
+    }
+  }]);
+  return WizardRoot;
+}(Component);
+_defineProperty(WizardRoot, "displayName", 'Wizard');
+_defineProperty(WizardRoot, "style", style);
+_defineProperty(WizardRoot, "enhance", [i18nEnhance(localizedMessages), uniqueIDEnhancement()]);
+_defineProperty(WizardRoot, "defaultProps", {
+  step: null,
+  i18n: localizedMessages,
+  locale: 'en'
+});
+function Sidebar(props) {
+  var _ref = arguments[0],
+    _ref8;
+  var Children = props.Children,
+    styles = props.styles,
+    title = props.title,
+    uid = props.uid;
+  var SSidebar = Box;
+  var SSidebarHeader = 'h2';
+  var SSidebarMenu = 'div';
+  var handleKeyDown = React.useCallback(function (e) {}, []);
+  return _ref8 = sstyled(styles), /*#__PURE__*/React.createElement(SSidebar, _ref8.cn("SSidebar", _objectSpread({}, _assignProps({
+    "__excludeProps": ['title']
+  }, _ref))), title && /*#__PURE__*/React.createElement(SSidebarHeader, _ref8.cn("SSidebarHeader", {
+    "id": "".concat(uid, "-title")
+  }), title), /*#__PURE__*/React.createElement(SSidebarMenu, _ref8.cn("SSidebarMenu", {
+    "role": 'tablist',
+    "aria-orientation": 'vertical'
+  }), /*#__PURE__*/React.createElement(Children, _ref8.cn("Children", {}))));
+}
+function Step(props) {
+  var _ref2 = arguments[0];
+  var SStep = Box;
+  var Children = props.Children,
+    styles = props.styles,
+    active = props.active;
+  if (active) {
+    var _ref9;
+    return _ref9 = sstyled(styles), /*#__PURE__*/React.createElement(SStep, _ref9.cn("SStep", _objectSpread({}, _assignProps2({}, _ref2))), /*#__PURE__*/React.createElement(Children, _ref9.cn("Children", {})));
+  }
+  return null;
+}
+function Stepper(props) {
+  var _ref3 = arguments[0],
+    _ref10;
+  var Children = props.Children,
+    styles = props.styles,
+    step = props.step,
+    active = props.active,
+    onActive = props.onActive,
+    completed = props.completed,
+    disabled = props.disabled,
+    number = props.number,
+    getI18nText = props.getI18nText,
+    uid = props.uid,
+    focusNext = props.focusNext,
+    focusPrev = props.focusPrev;
+  var SStepper = Box;
+  var SStepNumber = 'span';
+  var SStepDescription = 'span';
+  var SCompleted = CheckM;
+  var handlerClick = React.useCallback(function (e) {
+    if (onActive) onActive(step, e);
+  }, [step, onActive]);
+  var handlerKeyDown = React.useCallback(function (e) {
+    if (onActive && (e.key === 'Enter' || e.key === ' ')) {
+      e.preventDefault();
+      onActive(step, e);
+    }
+    if (e.key === 'ArrowUp') {
+      focusPrev();
+      e.stopPropagation();
+    }
+    if (e.key === 'ArrowDown') {
+      focusNext();
+      e.stopPropagation();
+    }
+  }, [step, onActive, focusPrev, focusNext]);
+  return _ref10 = sstyled(styles), /*#__PURE__*/React.createElement(SStepper, _ref10.cn("SStepper", _objectSpread({}, _assignProps3({
+    "role": 'tab',
+    "id": "".concat(uid, "-stepper-").concat(step),
+    "aria-controls": active ? "".concat(uid, "-content-").concat(step) : undefined,
+    "aria-disabled": disabled,
+    "aria-selected": active,
+    "onClick": handlerClick,
+    "onKeyDown": handlerKeyDown
+  }, _ref3))), completed && /*#__PURE__*/React.createElement(ScreenReaderOnly, _ref10.cn("ScreenReaderOnly", {}), getI18nText('completedStep')), /*#__PURE__*/React.createElement(SStepNumber, _ref10.cn("SStepNumber", {
+    "aria-hidden": 'true'
+  }), completed ? /*#__PURE__*/React.createElement(SCompleted, _ref10.cn("SCompleted", {})) : number), /*#__PURE__*/React.createElement(SStepDescription, _ref10.cn("SStepDescription", {}), /*#__PURE__*/React.createElement(Children, _ref10.cn("Children", {}))));
+}
+Stepper.enhance = [keyboardFocusEnhance()];
+function Content(props) {
+  var _ref4 = arguments[0],
+    _ref11;
+  var Children = props.Children,
+    hasChildren = props.children,
+    styles = props.styles,
+    uid = props.uid,
+    step = props.step;
+  var SContent = Box;
+  return _ref11 = sstyled(styles), /*#__PURE__*/React.createElement(SContent, _ref11.cn("SContent", _objectSpread({}, _assignProps4({
+    "role": 'tabpanel',
+    "aria-labelledby": "".concat(uid, "-stepper-").concat(step),
+    "id": "".concat(uid, "-content-").concat(step)
+  }, _ref4))), hasChildren ? /*#__PURE__*/React.createElement(Children, _ref11.cn("Children", {})) : stepName);
+}
+function StepBack(props) {
+  var _ref5 = arguments[0],
+    _ref12;
+  var SStepBack = Button;
+  var Children = props.Children,
+    hasChildren = props.children,
+    styles = props.styles,
+    getI18nText = props.getI18nText,
+    stepName = props.stepName;
+  var handleClick = React.useCallback(function () {
+    var _props$onActive;
+    (_props$onActive = props.onActive) === null || _props$onActive === void 0 ? void 0 : _props$onActive.call(props, props.step - 1);
+  }, [props.step]);
+  return _ref12 = sstyled(styles), /*#__PURE__*/React.createElement(SStepBack, _ref12.cn("SStepBack", _objectSpread({}, _assignProps5({
+    "use": 'tertiary',
+    "size": 'l',
+    "onClick": handleClick,
+    "aria-label": getI18nText('backButton', {
+      buttonName: stepName
+    })
+  }, _ref5))), /*#__PURE__*/React.createElement(Button.Addon, null, /*#__PURE__*/React.createElement(ArrowLeft, _ref12.cn("ArrowLeft", {}))), /*#__PURE__*/React.createElement(Button.Text, null, hasChildren ? /*#__PURE__*/React.createElement(Children, _ref12.cn("Children", {})) : stepName));
+}
+function StepNext(props) {
+  var _ref6 = arguments[0],
+    _ref13;
+  var SStepNext = Button;
+  var Children = props.Children,
+    hasChildren = props.children,
+    styles = props.styles,
+    getI18nText = props.getI18nText,
+    stepName = props.stepName;
+  var handleClick = React.useCallback(function () {
+    var _props$onActive2;
+    (_props$onActive2 = props.onActive) === null || _props$onActive2 === void 0 ? void 0 : _props$onActive2.call(props, props.step + 1);
+  }, [props.step]);
+  return _ref13 = sstyled(styles), /*#__PURE__*/React.createElement(SStepNext, _ref13.cn("SStepNext", _objectSpread({}, _assignProps6({
+    "use": 'tertiary',
+    "size": 'l',
+    "onClick": handleClick,
+    "aria-label": getI18nText('nextButton', {
+      buttonName: stepName
+    })
+  }, _ref6))), /*#__PURE__*/React.createElement(Button.Text, null, hasChildren ? /*#__PURE__*/React.createElement(Children, _ref13.cn("Children", {})) : stepName), /*#__PURE__*/React.createElement(Button.Addon, null, /*#__PURE__*/React.createElement(ArrowRight, _ref13.cn("ArrowRight", {}))));
+}
+var Wizard = createComponent(WizardRoot, {
+  Sidebar: Sidebar,
+  Content: Content,
+  Step: Step,
+  Stepper: Stepper,
+  StepBack: StepBack,
+  StepNext: StepNext
+});
+export var wrapWizardStepper = function wrapWizardStepper(wrapper) {
+  return wrapper;
+};
+export default Wizard;
+//# sourceMappingURL=Wizard.js.map

package/wizard/lib/es6/Wizard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wizard.js","names":["React","createComponent","Component","Root","sstyled","Box","Modal","CheckM","keyboardFocusEnhance","i18nEnhance","localizedMessages","ScreenReaderOnly","setFocus","uniqueIDEnhancement","Button","ArrowRight","ArrowLeft","style","_sstyled","insert","WizardRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","Map","createRef","highlighted","i","prevStep","_steps","get","setState","step","setTimeout","_this$stepperRefs","stepperRefs","focus","nextStep","_this$stepperRefs2","_createClass","key","value","getStepProps","props","steps","active","asProps","id","uid","getSidebarProps","getContentProps","ref","contentRef","getStepBackProps","getI18nText","getStepNextProps","getStepperProps","_this2","number","has","set","_objectSpread","state","tabIndex","node","focusNext","stepperFocusNext","focusPrev","stepperFocusPrev","componentDidUpdate","prevProps","_this3","current","render","_ref7","SWizard","_this$asProps","Children","styles","clear","createElement","cn","undefined","modalRef","i18n","locale","Sidebar","_ref","arguments[0]","_ref8","title","SSidebar","SSidebarHeader","SSidebarMenu","handleKeyDown","useCallback","e","_assignProps","Step","_ref2","SStep","_ref9","_assignProps2","Stepper","_ref3","_ref10","onActive","completed","disabled","SStepper","SStepNumber","SStepDescription","SCompleted","handlerClick","handlerKeyDown","preventDefault","stopPropagation","_assignProps3","enhance","Content","_ref4","_ref11","hasChildren","children","SContent","_assignProps4","stepName","StepBack","_ref5","_ref12","SStepBack","handleClick","_props$onActive","_assignProps5","buttonName","Addon","Text","StepNext","_ref6","_ref13","SStepNext","_props$onActive2","_assignProps6","Wizard","wrapWizardStepper","wrapper"],"sources":["../../src/Wizard.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Modal from '@semcore/modal';\nimport CheckM from '@semcore/icon/Check/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { ScreenReaderOnly } from '@semcore/flex-box';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\nimport uniqueIDEnhancement from '@semcore/utils/lib/uniqueID';\nimport Button from '@semcore/button';\nimport ArrowRight from '@semcore/icon/ArrowRight/m';\nimport ArrowLeft from '@semcore/icon/ArrowLeft/m';\n\nimport style from './style/wizard.shadow.css';\n\nclass WizardRoot extends Component {\n  static displayName = 'Wizard';\n  static style = style;\n  static enhance = [i18nEnhance(localizedMessages), uniqueIDEnhancement()];\n  static defaultProps = {\n    step: null,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  _steps = new Map();\n  modalRef = React.createRef();\n  contentRef = React.createRef();\n  state = { highlighted: null };\n\n  getStepProps(props) {\n    return {\n      steps: this._steps,\n      active: props.step === this.asProps.step,\n      id: `${this.asProps.uid}-step-${props.step}`,\n    };\n  }\n\n  getSidebarProps() {\n    return {\n      uid: this.asProps.uid,\n    };\n  }\n  getContentProps() {\n    return {\n      uid: this.asProps.uid,\n      step: this.asProps.step,\n      ref: this.contentRef,\n    };\n  }\n  getStepBackProps() {\n    return {\n      getI18nText: this.asProps.getI18nText,\n      step: this.asProps.step,\n    };\n  }\n  getStepNextProps() {\n    return {\n      getI18nText: this.asProps.getI18nText,\n      step: this.asProps.step,\n    };\n  }\n\n  stepperRefs = [];\n  stepperFocusPrev = (i) => () => {\n    const prevStep = this._steps.get(i);\n    if (!prevStep) return;\n    this.setState({ highlighted: prevStep?.step });\n    setTimeout(() => {\n      this.stepperRefs[i - 1]?.focus();\n    }, 0);\n  };\n  stepperFocusNext = (i) => () => {\n    const nextStep = this._steps.get(i + 2);\n    if (!nextStep) return;\n    this.setState({ highlighted: nextStep?.step });\n    setTimeout(() => {\n      this.stepperRefs[i + 1]?.focus();\n    }, 0);\n  };\n\n  getStepperProps(props, i) {\n    let number = i + 1;\n    if (this._steps.has(props.step)) {\n      const step = this._steps.get(props.step);\n      number = step.number;\n    } else {\n      this._steps.set(props.step, { number, ...props });\n    }\n    const active = props.step === this.asProps.step;\n    const highlighted =\n      this.state.highlighted === props.step || (this.state.highlighted === null && i === 0);\n    return {\n      active,\n      tabIndex: highlighted ? 0 : -1,\n      number,\n      getI18nText: this.asProps.getI18nText,\n      uid: this.asProps.uid,\n      ref: (node) => {\n        this.stepperRefs[i] = node;\n      },\n      focusNext: this.stepperFocusNext(i),\n      focusPrev: this.stepperFocusPrev(i),\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.step === this.asProps.step) return;\n    this.setState({ highlighted: this.asProps.step || null });\n    setTimeout(() => {\n      if (prevProps.step === this.asProps.step) return;\n      setFocus(this.contentRef.current);\n    }, 1);\n  }\n\n  render() {\n    const SWizard = this.Root;\n    const { Children, styles, uid } = this.asProps;\n\n    this._steps.clear();\n\n    return sstyled(styles)(\n      <SWizard\n        render={Modal}\n        aria-label={undefined}\n        ref={this.modalRef}\n        aria-labelledby={`${uid}-title`}\n      >\n        <Children />\n      </SWizard>,\n    );\n  }\n}\n\nfunction Sidebar(props) {\n  const { Children, styles, title, uid } = props;\n  const SSidebar = Root;\n  const SSidebarHeader = 'h2';\n  const SSidebarMenu = 'div';\n\n  const handleKeyDown = React.useCallback((e) => {}, []);\n\n  return sstyled(styles)(\n    <SSidebar render={Box} __excludeProps={['title']}>\n      {title && <SSidebarHeader id={`${uid}-title`}>{title}</SSidebarHeader>}\n      <SSidebarMenu role='tablist' aria-orientation='vertical'>\n        <Children />\n      </SSidebarMenu>\n    </SSidebar>,\n  );\n}\n\nfunction Step(props) {\n  const SStep = Root;\n  const { Children, styles, active } = props;\n  if (active) {\n    return sstyled(styles)(\n      <SStep render={Box}>\n        <Children />\n      </SStep>,\n    );\n  }\n  return null;\n}\n\nfunction Stepper(props) {\n  const {\n    Children,\n    styles,\n    step,\n    active,\n    onActive,\n    completed,\n    disabled,\n    number,\n    getI18nText,\n    uid,\n    focusNext,\n    focusPrev,\n  } = props;\n  const SStepper = Root;\n  const SStepNumber = 'span';\n  const SStepDescription = 'span';\n  const SCompleted = CheckM;\n\n  const handlerClick = React.useCallback(\n    (e) => {\n      if (onActive) onActive(step, e);\n    },\n    [step, onActive],\n  );\n\n  const handlerKeyDown = React.useCallback(\n    (e) => {\n      if (onActive && (e.key === 'Enter' || e.key === ' ')) {\n        e.preventDefault();\n        onActive(step, e);\n      }\n      if (e.key === 'ArrowUp') {\n        focusPrev();\n        e.stopPropagation();\n      }\n      if (e.key === 'ArrowDown') {\n        focusNext();\n        e.stopPropagation();\n      }\n    },\n    [step, onActive, focusPrev, focusNext],\n  );\n\n  return sstyled(styles)(\n    <SStepper\n      render={Box}\n      role='tab'\n      id={`${uid}-stepper-${step}`}\n      aria-controls={active ? `${uid}-content-${step}` : undefined}\n      aria-disabled={disabled}\n      aria-selected={active}\n      onClick={handlerClick}\n      onKeyDown={handlerKeyDown}\n    >\n      {completed && <ScreenReaderOnly>{getI18nText('completedStep')}</ScreenReaderOnly>}\n      <SStepNumber aria-hidden='true'>{completed ? <SCompleted /> : number}</SStepNumber>\n      <SStepDescription>\n        <Children />\n      </SStepDescription>\n    </SStepper>,\n  );\n}\n\nStepper.enhance = [keyboardFocusEnhance()];\n\nfunction Content(props) {\n  const { Children, children: hasChildren, styles, uid, step } = props;\n  const SContent = Root;\n  return sstyled(styles)(\n    <SContent\n      render={Box}\n      role='tabpanel'\n      aria-labelledby={`${uid}-stepper-${step}`}\n      id={`${uid}-content-${step}`}\n    >\n      {hasChildren ? <Children /> : stepName}\n    </SContent>,\n  );\n}\n\nfunction StepBack(props) {\n  const SStepBack = Root;\n  const { Children, children: hasChildren, styles, getI18nText, stepName } = props;\n  const handleClick = React.useCallback(() => {\n    props.onActive?.(props.step - 1);\n  }, [props.step]);\n  return sstyled(styles)(\n    <SStepBack\n      render={Button}\n      use='tertiary'\n      size='l'\n      onClick={handleClick}\n      aria-label={getI18nText('backButton', { buttonName: stepName })}\n    >\n      <Button.Addon>\n        <ArrowLeft />\n      </Button.Addon>\n      <Button.Text>{hasChildren ? <Children /> : stepName}</Button.Text>\n    </SStepBack>,\n  );\n}\nfunction StepNext(props) {\n  const SStepNext = Root;\n  const { Children, children: hasChildren, styles, getI18nText, stepName } = props;\n  const handleClick = React.useCallback(() => {\n    props.onActive?.(props.step + 1);\n  }, [props.step]);\n  return sstyled(styles)(\n    <SStepNext\n      render={Button}\n      use='tertiary'\n      size='l'\n      onClick={handleClick}\n      aria-label={getI18nText('nextButton', { buttonName: stepName })}\n    >\n      <Button.Text>{hasChildren ? <Children /> : stepName}</Button.Text>\n      <Button.Addon>\n        <ArrowRight />\n      </Button.Addon>\n    </SStepNext>,\n  );\n}\n\nconst Wizard = createComponent(WizardRoot, {\n  Sidebar,\n  Content,\n  Step,\n  Stepper,\n  StepBack,\n  StepNext,\n});\n\nexport const wrapWizardStepper = (wrapper) => wrapper;\n\nexport default Wizard;\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,eAAe,IAAIC,SAAS,EAAEC,IAAI,EAAEC,OAAO,QAAQ,eAAe;AACzE,SAASC,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,KAAK,MAAM,gBAAgB;AAClC,OAAOC,MAAM,MAAM,uBAAuB;AAC1C,OAAOC,oBAAoB,MAAM,kDAAkD;AACnF,OAAOC,WAAW,MAAM,yCAAyC;AACjE,SAASC,iBAAiB,QAAQ,gDAAgD;AAClF,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,QAAQ,QAAQ,qCAAqC;AAC9D,OAAOC,mBAAmB,MAAM,6BAA6B;AAC7D,OAAOC,MAAM,MAAM,iBAAiB;AACpC,OAAOC,UAAU,MAAM,4BAA4B;AACnD,OAAOC,SAAS,MAAM,2BAA2B;AAAC;AAAA,IAAAC,KAAA,+BAAAC,QAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI5CC,UAAU,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,UAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAA,IAAAK,KAAA;IAAAC,eAAA,OAAAN,UAAA;IAAA,SAAAO,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAP,KAAA,GAAAF,MAAA,CAAAU,IAAA,CAAAC,KAAA,CAAAX,MAAA,SAAAY,MAAA,CAAAL,IAAA;IAAAM,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,aAUL,IAAIa,GAAG,EAAE;IAAAF,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,4BACPzB,KAAK,CAACuC,SAAS,EAAE;IAAAH,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,8BACfzB,KAAK,CAACuC,SAAS,EAAE;IAAAH,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,YACtB;MAAEe,WAAW,EAAE;IAAK,CAAC;IAAAJ,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,kBAmCf,EAAE;IAAAW,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,uBACG,UAACgB,CAAC;MAAA,OAAK,YAAM;QAC9B,IAAMC,QAAQ,GAAGjB,KAAA,CAAKkB,MAAM,CAACC,GAAG,CAACH,CAAC,CAAC;QACnC,IAAI,CAACC,QAAQ,EAAE;QACfjB,KAAA,CAAKoB,QAAQ,CAAC;UAAEL,WAAW,EAAEE,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEI;QAAK,CAAC,CAAC;QAC9CC,UAAU,CAAC,YAAM;UAAA,IAAAC,iBAAA;UACf,CAAAA,iBAAA,GAAAvB,KAAA,CAAKwB,WAAW,CAACR,CAAC,GAAG,CAAC,CAAC,cAAAO,iBAAA,uBAAvBA,iBAAA,CAAyBE,KAAK,EAAE;QAClC,CAAC,EAAE,CAAC,CAAC;MACP,CAAC;IAAA;IAAAd,eAAA,CAAAC,sBAAA,CAAAZ,KAAA,uBACkB,UAACgB,CAAC;MAAA,OAAK,YAAM;QAC9B,IAAMU,QAAQ,GAAG1B,KAAA,CAAKkB,MAAM,CAACC,GAAG,CAACH,CAAC,GAAG,CAAC,CAAC;QACvC,IAAI,CAACU,QAAQ,EAAE;QACf1B,KAAA,CAAKoB,QAAQ,CAAC;UAAEL,WAAW,EAAEW,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEL;QAAK,CAAC,CAAC;QAC9CC,UAAU,CAAC,YAAM;UAAA,IAAAK,kBAAA;UACf,CAAAA,kBAAA,GAAA3B,KAAA,CAAKwB,WAAW,CAACR,CAAC,GAAG,CAAC,CAAC,cAAAW,kBAAA,uBAAvBA,kBAAA,CAAyBF,KAAK,EAAE;QAClC,CAAC,EAAE,CAAC,CAAC;MACP,CAAC;IAAA;IAAA,OAAAzB,KAAA;EAAA;EAAA4B,YAAA,CAAAjC,UAAA;IAAAkC,GAAA;IAAAC,KAAA,EAjDD,SAAAC,aAAaC,KAAK,EAAE;MAClB,OAAO;QACLC,KAAK,EAAE,IAAI,CAACf,MAAM;QAClBgB,MAAM,EAAEF,KAAK,CAACX,IAAI,KAAK,IAAI,CAACc,OAAO,CAACd,IAAI;QACxCe,EAAE,KAAA1B,MAAA,CAAK,IAAI,CAACyB,OAAO,CAACE,GAAG,YAAA3B,MAAA,CAASsB,KAAK,CAACX,IAAI;MAC5C,CAAC;IACH;EAAC;IAAAQ,GAAA;IAAAC,KAAA,EAED,SAAAQ,gBAAA,EAAkB;MAChB,OAAO;QACLD,GAAG,EAAE,IAAI,CAACF,OAAO,CAACE;MACpB,CAAC;IACH;EAAC;IAAAR,GAAA;IAAAC,KAAA,EACD,SAAAS,gBAAA,EAAkB;MAChB,OAAO;QACLF,GAAG,EAAE,IAAI,CAACF,OAAO,CAACE,GAAG;QACrBhB,IAAI,EAAE,IAAI,CAACc,OAAO,CAACd,IAAI;QACvBmB,GAAG,EAAE,IAAI,CAACC;MACZ,CAAC;IACH;EAAC;IAAAZ,GAAA;IAAAC,KAAA,EACD,SAAAY,iBAAA,EAAmB;MACjB,OAAO;QACLC,WAAW,EAAE,IAAI,CAACR,OAAO,CAACQ,WAAW;QACrCtB,IAAI,EAAE,IAAI,CAACc,OAAO,CAACd;MACrB,CAAC;IACH;EAAC;IAAAQ,GAAA;IAAAC,KAAA,EACD,SAAAc,iBAAA,EAAmB;MACjB,OAAO;QACLD,WAAW,EAAE,IAAI,CAACR,OAAO,CAACQ,WAAW;QACrCtB,IAAI,EAAE,IAAI,CAACc,OAAO,CAACd;MACrB,CAAC;IACH;EAAC;IAAAQ,GAAA;IAAAC,KAAA,EAoBD,SAAAe,gBAAgBb,KAAK,EAAEhB,CAAC,EAAE;MAAA,IAAA8B,MAAA;MACxB,IAAIC,MAAM,GAAG/B,CAAC,GAAG,CAAC;MAClB,IAAI,IAAI,CAACE,MAAM,CAAC8B,GAAG,CAAChB,KAAK,CAACX,IAAI,CAAC,EAAE;QAC/B,IAAMA,IAAI,GAAG,IAAI,CAACH,MAAM,CAACC,GAAG,CAACa,KAAK,CAACX,IAAI,CAAC;QACxC0B,MAAM,GAAG1B,IAAI,CAAC0B,MAAM;MACtB,CAAC,MAAM;QACL,IAAI,CAAC7B,MAAM,CAAC+B,GAAG,CAACjB,KAAK,CAACX,IAAI,EAAA6B,aAAA;UAAIH,MAAM,EAANA;QAAM,GAAKf,KAAK,EAAG;MACnD;MACA,IAAME,MAAM,GAAGF,KAAK,CAACX,IAAI,KAAK,IAAI,CAACc,OAAO,CAACd,IAAI;MAC/C,IAAMN,WAAW,GACf,IAAI,CAACoC,KAAK,CAACpC,WAAW,KAAKiB,KAAK,CAACX,IAAI,IAAK,IAAI,CAAC8B,KAAK,CAACpC,WAAW,KAAK,IAAI,IAAIC,CAAC,KAAK,CAAE;MACvF,OAAO;QACLkB,MAAM,EAANA,MAAM;QACNkB,QAAQ,EAAErC,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;QAC9BgC,MAAM,EAANA,MAAM;QACNJ,WAAW,EAAE,IAAI,CAACR,OAAO,CAACQ,WAAW;QACrCN,GAAG,EAAE,IAAI,CAACF,OAAO,CAACE,GAAG;QACrBG,GAAG,EAAE,SAAAA,IAACa,IAAI,EAAK;UACbP,MAAI,CAACtB,WAAW,CAACR,CAAC,CAAC,GAAGqC,IAAI;QAC5B,CAAC;QACDC,SAAS,EAAE,IAAI,CAACC,gBAAgB,CAACvC,CAAC,CAAC;QACnCwC,SAAS,EAAE,IAAI,CAACC,gBAAgB,CAACzC,CAAC;MACpC,CAAC;IACH;EAAC;IAAAa,GAAA;IAAAC,KAAA,EAED,SAAA4B,mBAAmBC,SAAS,EAAE;MAAA,IAAAC,MAAA;MAC5B,IAAID,SAAS,CAACtC,IAAI,KAAK,IAAI,CAACc,OAAO,CAACd,IAAI,EAAE;MAC1C,IAAI,CAACD,QAAQ,CAAC;QAAEL,WAAW,EAAE,IAAI,CAACoB,OAAO,CAACd,IAAI,IAAI;MAAK,CAAC,CAAC;MACzDC,UAAU,CAAC,YAAM;QACf,IAAIqC,SAAS,CAACtC,IAAI,KAAKuC,MAAI,CAACzB,OAAO,CAACd,IAAI,EAAE;QAC1ClC,QAAQ,CAACyE,MAAI,CAACnB,UAAU,CAACoB,OAAO,CAAC;MACnC,CAAC,EAAE,CAAC,CAAC;IACP;EAAC;IAAAhC,GAAA;IAAAC,KAAA,EAED,SAAAgC,OAAA,EAAS;MAAA,IAAAC,KAAA;MACP,IAAMC,OAAO,GAAG,IAAI,CAACtF,IAAI;MACzB,IAAAuF,aAAA,GAAkC,IAAI,CAAC9B,OAAO;QAAtC+B,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAE9B,GAAG,GAAA4B,aAAA,CAAH5B,GAAG;MAE7B,IAAI,CAACnB,MAAM,CAACkD,KAAK,EAAE;MAEnB,OAAAL,KAAA,GAAOpF,OAAO,CAACwF,MAAM,CAAC,eACpB5F,KAAA,CAAA8F,aAAA,CAACL,OAAO,EAAAD,KAAA,CAAAO,EAAA;QAAA,UACEzF,KAAK;QAAA,cACD0F,SAAS;QAAA,OAChB,IAAI,CAACC,QAAQ;QAAA,sBAAA9D,MAAA,CACE2B,GAAG;MAAA,iBAEvB9D,KAAA,CAAA8F,aAAA,CAACH,QAAQ,EAAAH,KAAA,CAAAO,EAAA,iBAAG,CACJ;IAEd;EAAC;EAAA,OAAA3E,UAAA;AAAA,EApHsBlB,SAAS;AAAAkC,eAAA,CAA5BhB,UAAU,iBACO,QAAQ;AAAAgB,eAAA,CADzBhB,UAAU,WAECH,KAAK;AAAAmB,eAAA,CAFhBhB,UAAU,aAGG,CAACX,WAAW,CAACC,iBAAiB,CAAC,EAAEG,mBAAmB,EAAE,CAAC;AAAAuB,eAAA,CAHpEhB,UAAU,kBAIQ;EACpB0B,IAAI,EAAE,IAAI;EACVoD,IAAI,EAAExF,iBAAiB;EACvByF,MAAM,EAAE;AACV,CAAC;AA+GH,SAASC,OAAOA,CAAC3C,KAAK,EAAE;EAAA,IAAA4C,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACtB,IAAQZ,QAAQ,GAAyBlC,KAAK,CAAtCkC,QAAQ;IAAEC,MAAM,GAAiBnC,KAAK,CAA5BmC,MAAM;IAAEY,KAAK,GAAU/C,KAAK,CAApB+C,KAAK;IAAE1C,GAAG,GAAKL,KAAK,CAAbK,GAAG;EACpC,IAAM2C,QAAQ,GAOMpG,GAAG;EANvB,IAAMqG,cAAc,GAAG,IAAI;EAC3B,IAAMC,YAAY,GAAG,KAAK;EAE1B,IAAMC,aAAa,GAAG5G,KAAK,CAAC6G,WAAW,CAAC,UAACC,CAAC,EAAK,CAAC,CAAC,EAAE,EAAE,CAAC;EAEtD,OAAAP,KAAA,GAAOnG,OAAO,CAACwF,MAAM,CAAC,eACpB5F,KAAA,CAAA8F,aAAA,CAACW,QAAQ,EAAAF,KAAA,CAAAR,EAAA,aAAApB,aAAA,KAAAoC,YAAA;IAAA,kBAA8B,CAAC,OAAO;EAAC,GAAAV,IAAA,KAC7CG,KAAK,iBAAIxG,KAAA,CAAA8F,aAAA,CAACY,cAAc,EAAAH,KAAA,CAAAR,EAAA;IAAA,SAAA5D,MAAA,CAAQ2B,GAAG;EAAA,IAAW0C,KAAK,CAAkB,eACtExG,KAAA,CAAA8F,aAAA,CAACa,YAAY,EAAAJ,KAAA,CAAAR,EAAA;IAAA,QAAM,SAAS;IAAA,oBAAkB;EAAU,iBACtD/F,KAAA,CAAA8F,aAAA,CAACH,QAAQ,EAAAY,KAAA,CAAAR,EAAA,iBAAG,CACC,CACN;AAEf;AAEA,SAASiB,IAAIA,CAACvD,KAAK,EAAE;EAAA,IAAAwD,KAAA,GAAAX,YAAA;EACnB,IAAMY,KAAK,GAIQ7G,GAAG;EAHtB,IAAQsF,QAAQ,GAAqBlC,KAAK,CAAlCkC,QAAQ;IAAEC,MAAM,GAAanC,KAAK,CAAxBmC,MAAM;IAAEjC,MAAM,GAAKF,KAAK,CAAhBE,MAAM;EAChC,IAAIA,MAAM,EAAE;IAAA,IAAAwD,KAAA;IACV,OAAAA,KAAA,GAAO/G,OAAO,CAACwF,MAAM,CAAC,eACpB5F,KAAA,CAAA8F,aAAA,CAACoB,KAAK,EAAAC,KAAA,CAAApB,EAAA,UAAApB,aAAA,KAAAyC,aAAA,KAAAH,KAAA,kBACJjH,KAAA,CAAA8F,aAAA,CAACH,QAAQ,EAAAwB,KAAA,CAAApB,EAAA,iBAAG,CACN;EAEZ;EACA,OAAO,IAAI;AACb;AAEA,SAASsB,OAAOA,CAAC5D,KAAK,EAAE;EAAA,IAAA6D,KAAA,GAAAhB,YAAA;IAAAiB,MAAA;EACtB,IACE5B,QAAQ,GAYNlC,KAAK,CAZPkC,QAAQ;IACRC,MAAM,GAWJnC,KAAK,CAXPmC,MAAM;IACN9C,IAAI,GAUFW,KAAK,CAVPX,IAAI;IACJa,MAAM,GASJF,KAAK,CATPE,MAAM;IACN6D,QAAQ,GAQN/D,KAAK,CARP+D,QAAQ;IACRC,SAAS,GAOPhE,KAAK,CAPPgE,SAAS;IACTC,QAAQ,GAMNjE,KAAK,CANPiE,QAAQ;IACRlD,MAAM,GAKJf,KAAK,CALPe,MAAM;IACNJ,WAAW,GAITX,KAAK,CAJPW,WAAW;IACXN,GAAG,GAGDL,KAAK,CAHPK,GAAG;IACHiB,SAAS,GAEPtB,KAAK,CAFPsB,SAAS;IACTE,SAAS,GACPxB,KAAK,CADPwB,SAAS;EAEX,IAAM0C,QAAQ,GAgCFtH,GAAG;EA/Bf,IAAMuH,WAAW,GAAG,MAAM;EAC1B,IAAMC,gBAAgB,GAAG,MAAM;EAC/B,IAAMC,UAAU,GAAGvH,MAAM;EAEzB,IAAMwH,YAAY,GAAG/H,KAAK,CAAC6G,WAAW,CACpC,UAACC,CAAC,EAAK;IACL,IAAIU,QAAQ,EAAEA,QAAQ,CAAC1E,IAAI,EAAEgE,CAAC,CAAC;EACjC,CAAC,EACD,CAAChE,IAAI,EAAE0E,QAAQ,CAAC,CACjB;EAED,IAAMQ,cAAc,GAAGhI,KAAK,CAAC6G,WAAW,CACtC,UAACC,CAAC,EAAK;IACL,IAAIU,QAAQ,KAAKV,CAAC,CAACxD,GAAG,KAAK,OAAO,IAAIwD,CAAC,CAACxD,GAAG,KAAK,GAAG,CAAC,EAAE;MACpDwD,CAAC,CAACmB,cAAc,EAAE;MAClBT,QAAQ,CAAC1E,IAAI,EAAEgE,CAAC,CAAC;IACnB;IACA,IAAIA,CAAC,CAACxD,GAAG,KAAK,SAAS,EAAE;MACvB2B,SAAS,EAAE;MACX6B,CAAC,CAACoB,eAAe,EAAE;IACrB;IACA,IAAIpB,CAAC,CAACxD,GAAG,KAAK,WAAW,EAAE;MACzByB,SAAS,EAAE;MACX+B,CAAC,CAACoB,eAAe,EAAE;IACrB;EACF,CAAC,EACD,CAACpF,IAAI,EAAE0E,QAAQ,EAAEvC,SAAS,EAAEF,SAAS,CAAC,CACvC;EAED,OAAAwC,MAAA,GAAOnH,OAAO,CAACwF,MAAM,CAAC,eACpB5F,KAAA,CAAA8F,aAAA,CAAC6B,QAAQ,EAAAJ,MAAA,CAAAxB,EAAA,aAAApB,aAAA,KAAAwD,aAAA;IAAA,QAEF,KAAK;IAAA,SAAAhG,MAAA,CACH2B,GAAG,eAAA3B,MAAA,CAAYW,IAAI;IAAA,iBACXa,MAAM,MAAAxB,MAAA,CAAM2B,GAAG,eAAA3B,MAAA,CAAYW,IAAI,IAAKkD,SAAS;IAAA,iBAC7C0B,QAAQ;IAAA,iBACR/D,MAAM;IAAA,WACZoE,YAAY;IAAA,aACVC;EAAc,GAAAV,KAAA,KAExBG,SAAS,iBAAIzH,KAAA,CAAA8F,aAAA,CAACnF,gBAAgB,EAAA4G,MAAA,CAAAxB,EAAA,0BAAE3B,WAAW,CAAC,eAAe,CAAC,CAAoB,eACjFpE,KAAA,CAAA8F,aAAA,CAAC8B,WAAW,EAAAL,MAAA,CAAAxB,EAAA;IAAA,eAAa;EAAM,IAAE0B,SAAS,gBAAGzH,KAAA,CAAA8F,aAAA,CAACgC,UAAU,EAAAP,MAAA,CAAAxB,EAAA,mBAAG,GAAGvB,MAAM,CAAe,eACnFxE,KAAA,CAAA8F,aAAA,CAAC+B,gBAAgB,EAAAN,MAAA,CAAAxB,EAAA,uCACf/F,KAAA,CAAA8F,aAAA,CAACH,QAAQ,EAAA4B,MAAA,CAAAxB,EAAA,iBAAG,CACK,CACV;AAEf;AAEAsB,OAAO,CAACe,OAAO,GAAG,CAAC5H,oBAAoB,EAAE,CAAC;AAE1C,SAAS6H,OAAOA,CAAC5E,KAAK,EAAE;EAAA,IAAA6E,KAAA,GAAAhC,YAAA;IAAAiC,MAAA;EACtB,IAAQ5C,QAAQ,GAA+ClC,KAAK,CAA5DkC,QAAQ;IAAY6C,WAAW,GAAwB/E,KAAK,CAAlDgF,QAAQ;IAAe7C,MAAM,GAAgBnC,KAAK,CAA3BmC,MAAM;IAAE9B,GAAG,GAAWL,KAAK,CAAnBK,GAAG;IAAEhB,IAAI,GAAKW,KAAK,CAAdX,IAAI;EAC1D,IAAM4F,QAAQ,GAGFrI,GAAG;EAFf,OAAAkI,MAAA,GAAOnI,OAAO,CAACwF,MAAM,CAAC,eACpB5F,KAAA,CAAA8F,aAAA,CAAC4C,QAAQ,EAAAH,MAAA,CAAAxC,EAAA,aAAApB,aAAA,KAAAgE,aAAA;IAAA,QAEF,UAAU;IAAA,sBAAAxG,MAAA,CACK2B,GAAG,eAAA3B,MAAA,CAAYW,IAAI;IAAA,SAAAX,MAAA,CAChC2B,GAAG,eAAA3B,MAAA,CAAYW,IAAI;EAAA,GAAAwF,KAAA,KAEzBE,WAAW,gBAAGxI,KAAA,CAAA8F,aAAA,CAACH,QAAQ,EAAA4C,MAAA,CAAAxC,EAAA,iBAAG,GAAG6C,QAAQ,CAC7B;AAEf;AAEA,SAASC,QAAQA,CAACpF,KAAK,EAAE;EAAA,IAAAqF,KAAA,GAAAxC,YAAA;IAAAyC,MAAA;EACvB,IAAMC,SAAS,GAOHlI,MAAM;EANlB,IAAQ6E,QAAQ,GAA2DlC,KAAK,CAAxEkC,QAAQ;IAAY6C,WAAW,GAAoC/E,KAAK,CAA9DgF,QAAQ;IAAe7C,MAAM,GAA4BnC,KAAK,CAAvCmC,MAAM;IAAExB,WAAW,GAAeX,KAAK,CAA/BW,WAAW;IAAEwE,QAAQ,GAAKnF,KAAK,CAAlBmF,QAAQ;EACtE,IAAMK,WAAW,GAAGjJ,KAAK,CAAC6G,WAAW,CAAC,YAAM;IAAA,IAAAqC,eAAA;IAC1C,CAAAA,eAAA,GAAAzF,KAAK,CAAC+D,QAAQ,cAAA0B,eAAA,uBAAdA,eAAA,CAAAjH,IAAA,CAAAwB,KAAK,EAAYA,KAAK,CAACX,IAAI,GAAG,CAAC,CAAC;EAClC,CAAC,EAAE,CAACW,KAAK,CAACX,IAAI,CAAC,CAAC;EAChB,OAAAiG,MAAA,GAAO3I,OAAO,CAACwF,MAAM,CAAC,eACpB5F,KAAA,CAAA8F,aAAA,CAACkD,SAAS,EAAAD,MAAA,CAAAhD,EAAA,cAAApB,aAAA,KAAAwE,aAAA;IAAA,OAEJ,UAAU;IAAA,QACT,GAAG;IAAA,WACCF,WAAW;IAAA,cACR7E,WAAW,CAAC,YAAY,EAAE;MAAEgF,UAAU,EAAER;IAAS,CAAC;EAAC,GAAAE,KAAA,kBAE/D9I,KAAA,CAAA8F,aAAA,CAAChF,MAAM,CAACuI,KAAK,qBACXrJ,KAAA,CAAA8F,aAAA,CAAC9E,SAAS,EAAA+H,MAAA,CAAAhD,EAAA,kBAAG,CACA,eACf/F,KAAA,CAAA8F,aAAA,CAAChF,MAAM,CAACwI,IAAI,QAAEd,WAAW,gBAAGxI,KAAA,CAAA8F,aAAA,CAACH,QAAQ,EAAAoD,MAAA,CAAAhD,EAAA,iBAAG,GAAG6C,QAAQ,CAAe,CACxD;AAEhB;AACA,SAASW,QAAQA,CAAC9F,KAAK,EAAE;EAAA,IAAA+F,KAAA,GAAAlD,YAAA;IAAAmD,MAAA;EACvB,IAAMC,SAAS,GAOH5I,MAAM;EANlB,IAAQ6E,QAAQ,GAA2DlC,KAAK,CAAxEkC,QAAQ;IAAY6C,WAAW,GAAoC/E,KAAK,CAA9DgF,QAAQ;IAAe7C,MAAM,GAA4BnC,KAAK,CAAvCmC,MAAM;IAAExB,WAAW,GAAeX,KAAK,CAA/BW,WAAW;IAAEwE,QAAQ,GAAKnF,KAAK,CAAlBmF,QAAQ;EACtE,IAAMK,WAAW,GAAGjJ,KAAK,CAAC6G,WAAW,CAAC,YAAM;IAAA,IAAA8C,gBAAA;IAC1C,CAAAA,gBAAA,GAAAlG,KAAK,CAAC+D,QAAQ,cAAAmC,gBAAA,uBAAdA,gBAAA,CAAA1H,IAAA,CAAAwB,KAAK,EAAYA,KAAK,CAACX,IAAI,GAAG,CAAC,CAAC;EAClC,CAAC,EAAE,CAACW,KAAK,CAACX,IAAI,CAAC,CAAC;EAChB,OAAA2G,MAAA,GAAOrJ,OAAO,CAACwF,MAAM,CAAC,eACpB5F,KAAA,CAAA8F,aAAA,CAAC4D,SAAS,EAAAD,MAAA,CAAA1D,EAAA,cAAApB,aAAA,KAAAiF,aAAA;IAAA,OAEJ,UAAU;IAAA,QACT,GAAG;IAAA,WACCX,WAAW;IAAA,cACR7E,WAAW,CAAC,YAAY,EAAE;MAAEgF,UAAU,EAAER;IAAS,CAAC;EAAC,GAAAY,KAAA,kBAE/DxJ,KAAA,CAAA8F,aAAA,CAAChF,MAAM,CAACwI,IAAI,QAAEd,WAAW,gBAAGxI,KAAA,CAAA8F,aAAA,CAACH,QAAQ,EAAA8D,MAAA,CAAA1D,EAAA,iBAAG,GAAG6C,QAAQ,CAAe,eAClE5I,KAAA,CAAA8F,aAAA,CAAChF,MAAM,CAACuI,KAAK,qBACXrJ,KAAA,CAAA8F,aAAA,CAAC/E,UAAU,EAAA0I,MAAA,CAAA1D,EAAA,mBAAG,CACD,CACL;AAEhB;AAEA,IAAM8D,MAAM,GAAG5J,eAAe,CAACmB,UAAU,EAAE;EACzCgF,OAAO,EAAPA,OAAO;EACPiC,OAAO,EAAPA,OAAO;EACPrB,IAAI,EAAJA,IAAI;EACJK,OAAO,EAAPA,OAAO;EACPwB,QAAQ,EAARA,QAAQ;EACRU,QAAQ,EAARA;AACF,CAAC,CAAC;AAEF,OAAO,IAAMO,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,OAAO;EAAA,OAAKA,OAAO;AAAA;AAErD,eAAeF,MAAM"}

package/wizard/lib/es6/index.d.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.js.map

package/wizard/lib/es6/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { ButtonProps } from '@semcore/button';\nimport { ModalProps } from '@semcore/modal';\n\nexport type WizardStep = string | number | boolean;\n\n/** @deprecated */\nexport interface IWizardProps extends WizardProps, UnknownProperties {}\nexport type WizardProps = ModalProps & {\n  /**\n   * Active step value\n   */\n  step: WizardStep;\n  locale?: string;\n};\n\n/** @deprecated */\nexport interface IWizardSidebarProps extends WizardSidebarProps, UnknownProperties {}\nexport type WizardSidebarProps = BoxProps & {\n  /**\n   * Sidebar title\n   */\n  title?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IWizardStepProps extends WizardStepProps, UnknownProperties {}\nexport type WizardStepProps = BoxProps & {\n  /**\n   * Step value\n   */\n  step: WizardStep;\n  /**\n   * Disabled step\n   */\n  disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IWizardStepperProps extends WizardStepperProps, UnknownProperties {}\nexport type WizardStepperProps<T extends WizardStep = WizardStep> = BoxProps & {\n  /**\n   * Step value\n   */\n  step: T;\n  /**\n   * Is invoked when active the step\n   */\n  onActive?:\n    | ((step: T, e: React.SyntheticEvent<HTMLElement>) => void)\n    | React.Dispatch<React.SetStateAction<T>>;\n  /**\n   * Stepper number\n   * @default incremental value\n   */\n  number?: React.ReactNode;\n  /**\n   *  Is the step completed\n   */\n  completed?: boolean;\n\n  disabled?: boolean;\n};\n\nexport type WizardStepBackProps<T extends WizardStep = WizardStep> = ButtonProps & {\n  onActive?:\n    | ((step: T, e: React.SyntheticEvent<HTMLElement>) => void)\n    | React.Dispatch<React.SetStateAction<T>>;\n  stepName?: string;\n};\nexport type WizardStepNextProps<T extends WizardStep = WizardStep> = ButtonProps & {\n  onActive?:\n    | ((step: T, e: React.SyntheticEvent<HTMLElement>) => void)\n    | React.Dispatch<React.SetStateAction<T>>;\n  stepName?: string;\n};\n\ntype IntergalacticWizardStepperComponent<PropsExtending = {}> = (<\n  Value extends WizardStep,\n  Tag extends Intergalactic.Tag = 'div',\n>(\n  props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', WizardStepperProps<Value>> &\n    PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n  Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', WizardStepperProps>;\n\ndeclare const Wizard: Intergalactic.Component<'div', WizardProps> & {\n  Sidebar: Intergalactic.Component<'div', WizardSidebarProps>;\n  Step: Intergalactic.Component<'div', WizardStepProps>;\n  Stepper: IntergalacticWizardStepperComponent;\n  Content: typeof Box;\n  StepBack: Intergalactic.Component<'button', WizardStepBackProps>;\n  StepNext: Intergalactic.Component<'button', WizardStepNextProps>;\n};\n\ndeclare const wrapWizardStepper: <PropsExtending extends {}>(\n  wrapper: (\n    props: Intergalactic.InternalTypings.UntypeRefAndTag<\n      Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticWizardStepperComponent>\n    > &\n      PropsExtending,\n  ) => React.ReactNode,\n) => IntergalacticWizardStepperComponent<PropsExtending>;\nexport { wrapWizardStepper };\n\nexport default Wizard;\n"],"mappings":""}

package/wizard/lib/es6/index.js

@@ -0,0 +1,3 @@
+export { default } from './Wizard';
+export * from './Wizard';
+//# sourceMappingURL=index.js.map

package/wizard/lib/es6/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Wizard';\nexport * from './Wizard';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU;AAClC,cAAc,UAAU"}