intergalactic 15.107.0-prerelease.0 → 15.108.0-prerelease.1

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

@@ -14,11 +14,11 @@ 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_11f6v_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_11f6v_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_11f6v_gg_,.___STitle_11f6v_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_11f6v_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_11f6v_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_11f6v_gg_+.___SDescription_11f6v_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_11f6v_gg_+.___SDescription_11f6v_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "11f6v_gg_") /*__reshadow_css_end__*/, {
-  "__SWidgetEmpty": "___SWidgetEmpty_11f6v_gg_",
-  "__SImage": "___SImage_11f6v_gg_",
-  "__STitle": "___STitle_11f6v_gg_",
-  "__SDescription": "___SDescription_11f6v_gg_"
+var style = ( /*__reshadow_css_start__*/_sstyled.insert( /*__inner_css_start__*/".___SWidgetEmpty_1nf5t_gg_{flex-direction:column;justify-content:center;align-items:center;margin-bottom:var(--intergalactic-spacing-4x, 16px)}.___SImage_1nf5t_gg_{display:flex;align-items:flex-end;justify-content:center;margin-bottom:var(--intergalactic-spacing-3x, 12px);width:80px;height:80px}.___SDescription_1nf5t_gg_,.___STitle_1nf5t_gg_{color:var(--intergalactic-text-secondary, #6c6e79)}.___STitle_1nf5t_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%);font-weight:var(--intergalactic-bold, 700)}.___SDescription_1nf5t_gg_{text-align:center;font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%);max-width:400px}.___STitle_1nf5t_gg_+.___SDescription_1nf5t_gg_{margin-top:var(--intergalactic-spacing-1x, 4px)}.___SDescription_1nf5t_gg_+.___SDescription_1nf5t_gg_{margin-top:var(--intergalactic-spacing-2x, 8px)}" /*__inner_css_end__*/, "1nf5t_gg_") /*__reshadow_css_end__*/, {
+  "__SWidgetEmpty": "___SWidgetEmpty_1nf5t_gg_",
+  "__SImage": "___SImage_1nf5t_gg_",
+  "__STitle": "___STitle_1nf5t_gg_",
+  "__SDescription": "___SDescription_1nf5t_gg_"
 });
 export var getIconPath = function getIconPath(name) {
   return getIllustrationPath(name);

package/widget-empty/package.json

@@ -1 +1 @@
-{"name":"intergalactic/widget-empty","description":"Semrush WidgetEmpty Component","version":"4.34.0-prerelease.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.32.0-prerelease.0","@semcore/illustration":"2.33.0-prerelease.0","@semcore/utils":"4.35.0-prerelease.0"},"peerDependencies":{"@semcore/core":"^2.30.0-prerelease.0","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.35.0-prerelease.1","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.33.0-prerelease.1","@semcore/illustration":"2.34.0-prerelease.1","@semcore/utils":"4.36.0-prerelease.1"},"peerDependencies":{"@semcore/core":"^2.31.0-prerelease.1","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.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { UnknownProperties, Intergalactic } from 'intergalactic/core';
 import { Box, BoxProps } from 'intergalactic/flex-box';
+import { ButtonProps } from 'intergalactic/button';
 import { ModalProps } from 'intergalactic/modal';
 
 export type WizardStep = string | number | boolean;
@@ -12,6 +13,7 @@ export type WizardProps = ModalProps & {
    * Active step value
    */
   step: WizardStep;
+  locale?: string;
 };
 
 /** @deprecated */
@@ -62,6 +64,19 @@ export type WizardStepperProps<T extends WizardStep = WizardStep> = BoxProps & {
   disabled?: boolean;
 };
 
+export type WizardStepBackProps<T extends WizardStep = WizardStep> = ButtonProps & {
+  onActive?:
+    | ((step: T, e: React.SyntheticEvent<HTMLElement>) => void)
+    | React.Dispatch<React.SetStateAction<T>>;
+  stepName?: string;
+};
+export type WizardStepNextProps<T extends WizardStep = WizardStep> = ButtonProps & {
+  onActive?:
+    | ((step: T, e: React.SyntheticEvent<HTMLElement>) => void)
+    | React.Dispatch<React.SetStateAction<T>>;
+  stepName?: string;
+};
+
 type IntergalacticWizardStepperComponent<PropsExtending = {}> = (<
   Value extends WizardStep,
   Tag extends Intergalactic.Tag = 'div',
@@ -76,6 +91,8 @@ declare const Wizard: Intergalactic.Component<'div', WizardProps> & {
   Step: Intergalactic.Component<'div', WizardStepProps>;
   Stepper: IntergalacticWizardStepperComponent;
   Content: typeof Box;
+  StepBack: Intergalactic.Component<'button', WizardStepBackProps>;
+  StepNext: Intergalactic.Component<'button', WizardStepNextProps>;
 };
 
 declare const wrapWizardStepper: <PropsExtending extends {}>(

package/wizard/lib/cjs/Wizard.js

@@ -24,18 +24,23 @@ var _i18nEnhance = _interopRequireDefault(require("intergalactic/utils/lib/enhan
 var _intergalacticDynamicLocales = require("./translations/__intergalactic-dynamic-locales");
 var _ScreenReaderOnly = require("intergalactic/utils/lib/ScreenReaderOnly");
 var _useFocusLock = require("intergalactic/utils/lib/use/useFocusLock");
+var _uniqueID = _interopRequireDefault(require("intergalactic/utils/lib/uniqueID"));
+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_1t53j_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_1t53j_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_1t53j_gg_{width:44px}}.___SSidebarHeader_1t53j_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_1t53j_gg_{display:none}}.___SStepper_1t53j_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_1t53j_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_1t53j_gg_.__active_1t53j_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_1t53j_gg_.__disabled_1t53j_gg_,.___SStepper_1t53j_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_1t53j_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_1t53j_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_1t53j_gg_:hover .___SStepDescription_1t53j_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_1t53j_gg_.__active_1t53j_gg_:hover .___SStepDescription_1t53j_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_1t53j_gg_{display:inline-block;min-width:20px}.___SCompleted_1t53j_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_1t53j_gg_{display:none}}.___SContent_1t53j_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)}" /*__inner_css_end__*/, "1t53j_gg_") /*__reshadow_css_end__*/, {
-  "__SWizard": "___SWizard_1t53j_gg_",
-  "__SStepNumber": "___SStepNumber_1t53j_gg_",
-  "__SCompleted": "___SCompleted_1t53j_gg_",
-  "__SContent": "___SContent_1t53j_gg_",
-  "__SSidebar": "___SSidebar_1t53j_gg_",
-  "__SSidebarHeader": "___SSidebarHeader_1t53j_gg_",
-  "__SStepper": "___SStepper_1t53j_gg_",
-  "_active": "__active_1t53j_gg_",
-  "_disabled": "__disabled_1t53j_gg_",
-  "__SStepDescription": "___SStepDescription_1t53j_gg_"
+var style = ( /*__reshadow_css_start__*/_index.sstyled.insert( /*__inner_css_start__*/".___SWizard_1ofui_gg_{max-width:980px;max-height:700px;display:flex;padding:0;background:0 0}.___SSidebar_1ofui_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_1ofui_gg_{width:44px}}.___SSidebarHeader_1ofui_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_1ofui_gg_{display:none}}.___SStepper_1ofui_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_1ofui_gg_:hover{background:var(--intergalactic-control-primary-advertising-hover, #421983);z-index:1}}.___SStepper_1ofui_gg_.__active_1ofui_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}.___SStepper_1ofui_gg_.__disabled_1ofui_gg_,.___SStepper_1ofui_gg_:disabled{opacity:var(--intergalactic-disabled-opacity, 0.3);cursor:default;pointer-events:none}@media (max-width:1060px){.___SStepper_1ofui_gg_{padding:var(--intergalactic-spacing-2x, 8px) var(--intergalactic-spacing-1x, 4px)}@media (hover:hover){.___SStepper_1ofui_gg_:hover{width:-moz-fit-content;width:fit-content;max-width:220px}.___SStepper_1ofui_gg_:hover .___SStepDescription_1ofui_gg_{display:block;border-radius:var(--intergalactic-control-rounded, 6px);white-space:nowrap;overflow:auto}.___SStepper_1ofui_gg_.__active_1ofui_gg_:hover .___SStepDescription_1ofui_gg_{background:var(--intergalactic-control-primary-advertising-active, #8649e1)}}}.___SStepNumber_1ofui_gg_{display:inline-block;min-width:20px}.___SCompleted_1ofui_gg_{margin-top:1px}@media (max-width:1060px){.___SStepDescription_1ofui_gg_{display:none}}.___SContent_1ofui_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_1ofui_gg_{display:contents}" /*__inner_css_end__*/, "1ofui_gg_") /*__reshadow_css_end__*/, {
+  "__SWizard": "___SWizard_1ofui_gg_",
+  "__SStepNumber": "___SStepNumber_1ofui_gg_",
+  "__SCompleted": "___SCompleted_1ofui_gg_",
+  "__SContent": "___SContent_1ofui_gg_",
+  "__SSidebarMenu": "___SSidebarMenu_1ofui_gg_",
+  "__SSidebar": "___SSidebar_1ofui_gg_",
+  "__SSidebarHeader": "___SSidebarHeader_1ofui_gg_",
+  "__SStepper": "___SStepper_1ofui_gg_",
+  "_active": "__active_1ofui_gg_",
+  "_disabled": "__disabled_1ofui_gg_",
+  "__SStepDescription": "___SStepDescription_1ofui_gg_"
 });
 var WizardRoot = /*#__PURE__*/function (_Component) {
   (0, _inherits2["default"])(WizardRoot, _Component);
@@ -49,6 +54,37 @@ var WizardRoot = /*#__PURE__*/function (_Component) {
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_steps", new Map());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "modalRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "contentRef", /*#__PURE__*/_react["default"].createRef());
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
+      highlighted: null
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "stepperRefs", []);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "stepperFocusPrev", function (i) {
+      return function () {
+        var prevStep = _this._steps.get(_this.asProps.step);
+        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);
+      };
+    });
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "stepperFocusNext", function (i) {
+      return function () {
+        var nextStep = _this._steps.get(_this.asProps.step + 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;
   }
   (0, _createClass2["default"])(WizardRoot, [{
@@ -56,12 +92,46 @@ var WizardRoot = /*#__PURE__*/function (_Component) {
     value: function getStepProps(props) {
       return {
         steps: this._steps,
-        active: props.step === this.asProps.step
+        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);
@@ -71,45 +141,57 @@ var WizardRoot = /*#__PURE__*/function (_Component) {
           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: props.step === this.asProps.step,
+        active: active,
+        tabIndex: highlighted ? 0 : -1,
         number: number,
-        getI18nText: this.asProps.getI18nText
+        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 _this2 = this;
+      var _this3 = this;
       if (prevProps.step === this.asProps.step) return;
+      this.setState({
+        highlighted: this.asProps.step || null
+      });
       setTimeout(function () {
-        if (prevProps.step === _this2.asProps.step) return;
-        if (document.activeElement !== document.body) return;
-        if (!_this2.asProps.visible) return;
-        if (!_this2.modalRef.current) return;
-        (0, _useFocusLock.setFocus)(_this2.modalRef.current, document.body);
+        if (prevProps.step === _this3.asProps.step) return;
+        (0, _useFocusLock.setFocus)(_this3.contentRef.current);
       }, 1);
     }
   }, {
     key: "render",
     value: function render() {
-      var _ref5;
+      var _ref7;
       var SWizard = this.Root;
       var _this$asProps = this.asProps,
         Children = _this$asProps.Children,
-        styles = _this$asProps.styles;
+        styles = _this$asProps.styles,
+        uid = _this$asProps.uid;
       this._steps.clear();
-      return _ref5 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWizard, _ref5.cn("SWizard", {
+      return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SWizard, _ref7.cn("SWizard", {
         "render": _modal["default"],
-        "ref": this.modalRef
-      }), /*#__PURE__*/_react["default"].createElement(Children, _ref5.cn("Children", {})));
+        "aria-label": undefined,
+        "ref": this.modalRef,
+        "aria-labelledby": "".concat(uid, "-title")
+      }), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {})));
     }
   }]);
   return WizardRoot;
 }(_core.Component);
 (0, _defineProperty2["default"])(WizardRoot, "displayName", 'Wizard');
 (0, _defineProperty2["default"])(WizardRoot, "style", style);
-(0, _defineProperty2["default"])(WizardRoot, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
+(0, _defineProperty2["default"])(WizardRoot, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages), (0, _uniqueID["default"])()]);
 (0, _defineProperty2["default"])(WizardRoot, "defaultProps", {
   step: null,
   i18n: _intergalacticDynamicLocales.localizedMessages,
@@ -117,15 +199,23 @@ var WizardRoot = /*#__PURE__*/function (_Component) {
 });
 function Sidebar(props) {
   var _ref = arguments[0],
-    _ref6;
+    _ref8;
   var Children = props.Children,
     styles = props.styles,
-    title = props.title;
+    title = props.title,
+    uid = props.uid;
   var SSidebar = _flexBox.Box;
   var SSidebarHeader = 'h2';
-  return _ref6 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSidebar, _ref6.cn("SSidebar", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "role": 'menu'
-  }, _ref))), title && /*#__PURE__*/_react["default"].createElement(SSidebarHeader, _ref6.cn("SSidebarHeader", {}), title), /*#__PURE__*/_react["default"].createElement(Children, _ref6.cn("Children", {})));
+  var SSidebarMenu = 'div';
+  var handleKeyDown = _react["default"].useCallback(function (e) {}, []);
+  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SSidebar, _ref8.cn("SSidebar", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "__excludeProps": ['title']
+  }, _ref))), title && /*#__PURE__*/_react["default"].createElement(SSidebarHeader, _ref8.cn("SSidebarHeader", {
+    "id": "".concat(uid, "-title")
+  }), title), /*#__PURE__*/_react["default"].createElement(SSidebarMenu, _ref8.cn("SSidebarMenu", {
+    "role": 'tablist',
+    "aria-orientation": 'vertical'
+  }), /*#__PURE__*/_react["default"].createElement(Children, _ref8.cn("Children", {}))));
 }
 function Step(props) {
   var _ref2 = arguments[0];
@@ -134,16 +224,14 @@ function Step(props) {
     styles = props.styles,
     active = props.active;
   if (active) {
-    var _ref7;
-    return _ref7 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SStep, _ref7.cn("SStep", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-      "tag": _flexBox.Box
-    }, _ref2))), /*#__PURE__*/_react["default"].createElement(Children, _ref7.cn("Children", {})));
+    var _ref9;
+    return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SStep, _ref9.cn("SStep", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref2))), /*#__PURE__*/_react["default"].createElement(Children, _ref9.cn("Children", {})));
   }
   return null;
 }
 function Stepper(props) {
   var _ref3 = arguments[0],
-    _ref8;
+    _ref10;
   var Children = props.Children,
     styles = props.styles,
     step = props.step,
@@ -152,7 +240,10 @@ function Stepper(props) {
     completed = props.completed,
     disabled = props.disabled,
     number = props.number,
-    getI18nText = props.getI18nText;
+    getI18nText = props.getI18nText,
+    uid = props.uid,
+    focusNext = props.focusNext,
+    focusPrev = props.focusPrev;
   var SStepper = _flexBox.Box;
   var SStepNumber = 'span';
   var SStepDescription = 'span';
@@ -165,31 +256,94 @@ function Stepper(props) {
       e.preventDefault();
       onActive(step, e);
     }
-  }, [step, onActive]);
-  return _ref8 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SStepper, _ref8.cn("SStepper", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
-    "role": 'menuitem',
+    if (e.key === 'ArrowUp') {
+      focusPrev();
+      e.stopPropagation();
+    }
+    if (e.key === 'ArrowDown') {
+      focusNext();
+      e.stopPropagation();
+    }
+  }, [step, onActive, focusPrev, focusNext]);
+  return _ref10 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SStepper, _ref10.cn("SStepper", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "role": 'tab',
+    "id": "".concat(uid, "-stepper-").concat(step),
+    "aria-controls": active ? "".concat(uid, "-content-").concat(step) : undefined,
     "aria-disabled": disabled,
-    "aria-current": active,
+    "aria-selected": active,
     "onClick": handlerClick,
     "onKeyDown": handlerKeyDown
-  }, _ref3))), completed && /*#__PURE__*/_react["default"].createElement(_ScreenReaderOnly.ScreenReaderOnly, _ref8.cn("ScreenReaderOnly", {}), getI18nText('completedStep')), /*#__PURE__*/_react["default"].createElement(SStepNumber, _ref8.cn("SStepNumber", {
+  }, _ref3))), completed && /*#__PURE__*/_react["default"].createElement(_ScreenReaderOnly.ScreenReaderOnly, _ref10.cn("ScreenReaderOnly", {}), getI18nText('completedStep')), /*#__PURE__*/_react["default"].createElement(SStepNumber, _ref10.cn("SStepNumber", {
     "aria-hidden": 'true'
-  }), completed ? /*#__PURE__*/_react["default"].createElement(SCompleted, _ref8.cn("SCompleted", {})) : number), /*#__PURE__*/_react["default"].createElement(SStepDescription, _ref8.cn("SStepDescription", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref8.cn("Children", {}))));
+  }), completed ? /*#__PURE__*/_react["default"].createElement(SCompleted, _ref10.cn("SCompleted", {})) : number), /*#__PURE__*/_react["default"].createElement(SStepDescription, _ref10.cn("SStepDescription", {}), /*#__PURE__*/_react["default"].createElement(Children, _ref10.cn("Children", {}))));
 }
 Stepper.enhance = [(0, _keyboardFocusEnhance["default"])()];
 function Content(props) {
   var _ref4 = arguments[0],
-    _ref9;
+    _ref11;
   var Children = props.Children,
-    styles = props.styles;
+    hasChildren = props.children,
+    styles = props.styles,
+    uid = props.uid,
+    step = props.step;
   var SContent = _flexBox.Box;
-  return _ref9 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContent, _ref9.cn("SContent", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({}, _ref4))), /*#__PURE__*/_react["default"].createElement(Children, _ref9.cn("Children", {})));
+  return _ref11 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SContent, _ref11.cn("SContent", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "role": 'tabpanel',
+    "aria-labelledby": "".concat(uid, "-stepper-").concat(step),
+    "id": "".concat(uid, "-content-").concat(step)
+  }, _ref4))), hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref11.cn("Children", {})) : stepName);
+}
+function StepBack(props) {
+  var _ref5 = arguments[0],
+    _ref12;
+  var SStepBack = _button["default"];
+  var Children = props.Children,
+    hasChildren = props.children,
+    styles = props.styles,
+    getI18nText = props.getI18nText,
+    stepName = props.stepName;
+  var handleClick = _react["default"].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 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SStepBack, _ref12.cn("SStepBack", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "use": 'tertiary',
+    "size": 'l',
+    "onClick": handleClick,
+    "aria-label": getI18nText('backButton', {
+      buttonName: stepName
+    })
+  }, _ref5))), /*#__PURE__*/_react["default"].createElement(_button["default"].Addon, null, /*#__PURE__*/_react["default"].createElement(_m3["default"], _ref12.cn("ArrowLeft", {}))), /*#__PURE__*/_react["default"].createElement(_button["default"].Text, null, hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref12.cn("Children", {})) : stepName));
+}
+function StepNext(props) {
+  var _ref6 = arguments[0],
+    _ref13;
+  var SStepNext = _button["default"];
+  var Children = props.Children,
+    hasChildren = props.children,
+    styles = props.styles,
+    getI18nText = props.getI18nText,
+    stepName = props.stepName;
+  var handleClick = _react["default"].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 = (0, _core.sstyled)(styles), /*#__PURE__*/_react["default"].createElement(SStepNext, _ref13.cn("SStepNext", (0, _objectSpread2["default"])({}, (0, _core.assignProps)({
+    "use": 'tertiary',
+    "size": 'l',
+    "onClick": handleClick,
+    "aria-label": getI18nText('nextButton', {
+      buttonName: stepName
+    })
+  }, _ref6))), /*#__PURE__*/_react["default"].createElement(_button["default"].Text, null, hasChildren ? /*#__PURE__*/_react["default"].createElement(Children, _ref13.cn("Children", {})) : stepName), /*#__PURE__*/_react["default"].createElement(_button["default"].Addon, null, /*#__PURE__*/_react["default"].createElement(_m2["default"], _ref13.cn("ArrowRight", {}))));
 }
 var Wizard = (0, _core["default"])(WizardRoot, {
   Sidebar: Sidebar,
   Content: Content,
   Step: Step,
-  Stepper: Stepper
+  Stepper: Stepper,
+  StepBack: StepBack,
+  StepNext: StepNext
 });
 var wrapWizardStepper = function wrapWizardStepper(wrapper) {
   return wrapper;

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

@@ -1 +1 @@
-{"version":3,"file":"Wizard.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_modal","_m","_keyboardFocusEnhance","_i18nEnhance","_intergalacticDynamicLocales","_ScreenReaderOnly","_useFocusLock","style","_index","sstyled","insert","WizardRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","Map","React","createRef","_createClass2","key","value","getStepProps","props","steps","_steps","active","step","asProps","getStepperProps","i","number","has","get","set","_objectSpread2","getI18nText","componentDidUpdate","prevProps","_this2","setTimeout","document","activeElement","body","visible","modalRef","current","setFocus","render","_ref5","SWizard","Root","_this$asProps","Children","styles","clear","createElement","cn","Modal","Component","i18nEnhance","localizedMessages","i18n","locale","Sidebar","_ref","arguments[0]","_ref6","title","SSidebar","Box","SSidebarHeader","assignProps","Step","_ref2","SStep","_ref7","Stepper","_ref3","_ref8","onActive","completed","disabled","SStepper","SStepNumber","SStepDescription","SCompleted","CheckM","handlerClick","useCallback","e","handlerKeyDown","preventDefault","ScreenReaderOnly","enhance","keyboardFocusEnhance","Content","_ref4","_ref9","SContent","Wizard","createComponent","wrapWizardStepper","wrapper","exports","_default"],"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/utils/lib/ScreenReaderOnly';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\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)];\n  static defaultProps = {\n    step: null,\n    i18n: localizedMessages,\n    locale: 'en',\n  };\n\n  _steps = new Map();\n  modalRef = React.createRef();\n\n  getStepProps(props) {\n    return {\n      steps: this._steps,\n      active: props.step === this.asProps.step,\n    };\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    return {\n      active: props.step === this.asProps.step,\n      number,\n      getI18nText: this.asProps.getI18nText,\n    };\n  }\n\n  componentDidUpdate(prevProps) {\n    if (prevProps.step === this.asProps.step) return;\n    setTimeout(() => {\n      if (prevProps.step === this.asProps.step) return;\n      if (document.activeElement !== document.body) return;\n      if (!this.asProps.visible) return;\n      if (!this.modalRef.current) return;\n      setFocus(this.modalRef.current, document.body);\n    }, 1);\n  }\n\n  render() {\n    const SWizard = this.Root;\n    const { Children, styles } = this.asProps;\n\n    this._steps.clear();\n\n    return sstyled(styles)(\n      <SWizard render={Modal} ref={this.modalRef}>\n        <Children />\n      </SWizard>,\n    );\n  }\n}\n\nfunction Sidebar(props) {\n  const { Children, styles, title } = props;\n  const SSidebar = Root;\n  const SSidebarHeader = 'h2';\n  return sstyled(styles)(\n    <SSidebar render={Box} role='menu'>\n      {title && <SSidebarHeader>{title}</SSidebarHeader>}\n      <Children />\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} tag={Box}>\n        <Children />\n      </SStep>,\n    );\n  }\n  return null;\n}\n\nfunction Stepper(props) {\n  const { Children, styles, step, active, onActive, completed, disabled, number, getI18nText } =\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    },\n    [step, onActive],\n  );\n\n  return sstyled(styles)(\n    <SStepper\n      render={Box}\n      role='menuitem'\n      aria-disabled={disabled}\n      aria-current={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, styles } = props;\n  const SContent = Root;\n  return sstyled(styles)(\n    <SContent render={Box}>\n      <Children />\n    </SContent>,\n  );\n}\n\nconst Wizard = createComponent(WizardRoot, {\n  Sidebar,\n  Content,\n  Step,\n  Stepper,\n});\n\nexport const wrapWizardStepper = (wrapper) => wrapper;\n\nexport default Wizard;\n"],"mappings":"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"}
+{"version":3,"file":"Wizard.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_modal","_m","_keyboardFocusEnhance","_i18nEnhance","_intergalacticDynamicLocales","_ScreenReaderOnly","_useFocusLock","_uniqueID","_button","_m2","_m3","style","_index","sstyled","insert","WizardRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","Map","React","createRef","highlighted","i","prevStep","_steps","get","asProps","step","setState","setTimeout","_this$stepperRefs","stepperRefs","focus","nextStep","_this$stepperRefs2","_createClass2","key","value","getStepProps","props","steps","active","id","uid","getSidebarProps","getContentProps","ref","contentRef","getStepBackProps","getI18nText","getStepNextProps","getStepperProps","_this2","number","has","set","_objectSpread2","state","tabIndex","node","focusNext","stepperFocusNext","focusPrev","stepperFocusPrev","componentDidUpdate","prevProps","_this3","setFocus","current","render","_ref7","SWizard","Root","_this$asProps","Children","styles","clear","createElement","cn","Modal","undefined","modalRef","Component","i18nEnhance","localizedMessages","uniqueIDEnhancement","i18n","locale","Sidebar","_ref","arguments[0]","_ref8","title","SSidebar","Box","SSidebarHeader","SSidebarMenu","handleKeyDown","useCallback","e","assignProps","Step","_ref2","SStep","_ref9","Stepper","_ref3","_ref10","onActive","completed","disabled","SStepper","SStepNumber","SStepDescription","SCompleted","CheckM","handlerClick","handlerKeyDown","preventDefault","stopPropagation","ScreenReaderOnly","enhance","keyboardFocusEnhance","Content","_ref4","_ref11","hasChildren","children","SContent","stepName","StepBack","_ref5","_ref12","SStepBack","Button","handleClick","_props$onActive","buttonName","Addon","Text","StepNext","_ref6","_ref13","SStepNext","_props$onActive2","Wizard","createComponent","wrapWizardStepper","wrapper","exports","_default"],"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/utils/lib/ScreenReaderOnly';\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(this.asProps.step);\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(this.asProps.step + 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":";;;;;;;;;;;;;;;;AACA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AADA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,EAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,qBAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,YAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,4BAAA,GAAAR,OAAA;AACA,IAAAS,iBAAA,GAAAT,OAAA;AACA,IAAAU,aAAA,GAAAV,OAAA;AACA,IAAAW,SAAA,GAAAT,sBAAA,CAAAF,OAAA;AACA,IAAAY,OAAA,GAAAV,sBAAA,CAAAF,OAAA;AACA,IAAAa,GAAA,GAAAX,sBAAA,CAAAF,OAAA;AACA,IAAAc,GAAA,GAAAZ,sBAAA,CAAAF,OAAA;AAAkD;AAAA,IAAAe,KAAA,+BAAAC,MAAA,CAAAC,OAAA,CAAAC,MAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAA;AAAA,IAI5CC,UAAU,0BAAAC,UAAA;EAAA,IAAAC,UAAA,aAAAF,UAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,OAAAC,aAAA,aAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAA,IAAAK,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,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;IAAA,IAAAM,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,aAUL,IAAIa,GAAG,EAAE;IAAA,IAAAF,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,4BACPc,iBAAK,CAACC,SAAS,EAAE;IAAA,IAAAJ,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,8BACfc,iBAAK,CAACC,SAAS,EAAE;IAAA,IAAAJ,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,YACtB;MAAEgB,WAAW,EAAE;IAAK,CAAC;IAAA,IAAAL,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,kBAmCf,EAAE;IAAA,IAAAW,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,uBACG,UAACiB,CAAC;MAAA,OAAK,YAAM;QAC9B,IAAMC,QAAQ,GAAGlB,KAAA,CAAKmB,MAAM,CAACC,GAAG,CAACpB,KAAA,CAAKqB,OAAO,CAACC,IAAI,CAAC;QACnD,IAAI,CAACJ,QAAQ,EAAE;QACflB,KAAA,CAAKuB,QAAQ,CAAC;UAAEP,WAAW,EAAEE,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEI;QAAK,CAAC,CAAC;QAC9CE,UAAU,CAAC,YAAM;UAAA,IAAAC,iBAAA;UACf,CAAAA,iBAAA,GAAAzB,KAAA,CAAK0B,WAAW,CAACT,CAAC,GAAG,CAAC,CAAC,cAAAQ,iBAAA,uBAAvBA,iBAAA,CAAyBE,KAAK,EAAE;QAClC,CAAC,EAAE,CAAC,CAAC;MACP,CAAC;IAAA;IAAA,IAAAhB,gBAAA,iBAAAC,uBAAA,aAAAZ,KAAA,uBACkB,UAACiB,CAAC;MAAA,OAAK,YAAM;QAC9B,IAAMW,QAAQ,GAAG5B,KAAA,CAAKmB,MAAM,CAACC,GAAG,CAACpB,KAAA,CAAKqB,OAAO,CAACC,IAAI,GAAG,CAAC,CAAC;QACvD,IAAI,CAACM,QAAQ,EAAE;QACf5B,KAAA,CAAKuB,QAAQ,CAAC;UAAEP,WAAW,EAAEY,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEN;QAAK,CAAC,CAAC;QAC9CE,UAAU,CAAC,YAAM;UAAA,IAAAK,kBAAA;UACf,CAAAA,kBAAA,GAAA7B,KAAA,CAAK0B,WAAW,CAACT,CAAC,GAAG,CAAC,CAAC,cAAAY,kBAAA,uBAAvBA,kBAAA,CAAyBF,KAAK,EAAE;QAClC,CAAC,EAAE,CAAC,CAAC;MACP,CAAC;IAAA;IAAA,OAAA3B,KAAA;EAAA;EAAA,IAAA8B,aAAA,aAAAnC,UAAA;IAAAoC,GAAA;IAAAC,KAAA,EAjDD,SAAAC,aAAaC,KAAK,EAAE;MAClB,OAAO;QACLC,KAAK,EAAE,IAAI,CAAChB,MAAM;QAClBiB,MAAM,EAAEF,KAAK,CAACZ,IAAI,KAAK,IAAI,CAACD,OAAO,CAACC,IAAI;QACxCe,EAAE,KAAA3B,MAAA,CAAK,IAAI,CAACW,OAAO,CAACiB,GAAG,YAAA5B,MAAA,CAASwB,KAAK,CAACZ,IAAI;MAC5C,CAAC;IACH;EAAC;IAAAS,GAAA;IAAAC,KAAA,EAED,SAAAO,gBAAA,EAAkB;MAChB,OAAO;QACLD,GAAG,EAAE,IAAI,CAACjB,OAAO,CAACiB;MACpB,CAAC;IACH;EAAC;IAAAP,GAAA;IAAAC,KAAA,EACD,SAAAQ,gBAAA,EAAkB;MAChB,OAAO;QACLF,GAAG,EAAE,IAAI,CAACjB,OAAO,CAACiB,GAAG;QACrBhB,IAAI,EAAE,IAAI,CAACD,OAAO,CAACC,IAAI;QACvBmB,GAAG,EAAE,IAAI,CAACC;MACZ,CAAC;IACH;EAAC;IAAAX,GAAA;IAAAC,KAAA,EACD,SAAAW,iBAAA,EAAmB;MACjB,OAAO;QACLC,WAAW,EAAE,IAAI,CAACvB,OAAO,CAACuB,WAAW;QACrCtB,IAAI,EAAE,IAAI,CAACD,OAAO,CAACC;MACrB,CAAC;IACH;EAAC;IAAAS,GAAA;IAAAC,KAAA,EACD,SAAAa,iBAAA,EAAmB;MACjB,OAAO;QACLD,WAAW,EAAE,IAAI,CAACvB,OAAO,CAACuB,WAAW;QACrCtB,IAAI,EAAE,IAAI,CAACD,OAAO,CAACC;MACrB,CAAC;IACH;EAAC;IAAAS,GAAA;IAAAC,KAAA,EAoBD,SAAAc,gBAAgBZ,KAAK,EAAEjB,CAAC,EAAE;MAAA,IAAA8B,MAAA;MACxB,IAAIC,MAAM,GAAG/B,CAAC,GAAG,CAAC;MAClB,IAAI,IAAI,CAACE,MAAM,CAAC8B,GAAG,CAACf,KAAK,CAACZ,IAAI,CAAC,EAAE;QAC/B,IAAMA,IAAI,GAAG,IAAI,CAACH,MAAM,CAACC,GAAG,CAACc,KAAK,CAACZ,IAAI,CAAC;QACxC0B,MAAM,GAAG1B,IAAI,CAAC0B,MAAM;MACtB,CAAC,MAAM;QACL,IAAI,CAAC7B,MAAM,CAAC+B,GAAG,CAAChB,KAAK,CAACZ,IAAI,MAAA6B,cAAA;UAAIH,MAAM,EAANA;QAAM,GAAKd,KAAK,EAAG;MACnD;MACA,IAAME,MAAM,GAAGF,KAAK,CAACZ,IAAI,KAAK,IAAI,CAACD,OAAO,CAACC,IAAI;MAC/C,IAAMN,WAAW,GACf,IAAI,CAACoC,KAAK,CAACpC,WAAW,KAAKkB,KAAK,CAACZ,IAAI,IAAK,IAAI,CAAC8B,KAAK,CAACpC,WAAW,KAAK,IAAI,IAAIC,CAAC,KAAK,CAAE;MACvF,OAAO;QACLmB,MAAM,EAANA,MAAM;QACNiB,QAAQ,EAAErC,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;QAC9BgC,MAAM,EAANA,MAAM;QACNJ,WAAW,EAAE,IAAI,CAACvB,OAAO,CAACuB,WAAW;QACrCN,GAAG,EAAE,IAAI,CAACjB,OAAO,CAACiB,GAAG;QACrBG,GAAG,EAAE,SAAAA,IAACa,IAAI,EAAK;UACbP,MAAI,CAACrB,WAAW,CAACT,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;IAAAc,GAAA;IAAAC,KAAA,EAED,SAAA2B,mBAAmBC,SAAS,EAAE;MAAA,IAAAC,MAAA;MAC5B,IAAID,SAAS,CAACtC,IAAI,KAAK,IAAI,CAACD,OAAO,CAACC,IAAI,EAAE;MAC1C,IAAI,CAACC,QAAQ,CAAC;QAAEP,WAAW,EAAE,IAAI,CAACK,OAAO,CAACC,IAAI,IAAI;MAAK,CAAC,CAAC;MACzDE,UAAU,CAAC,YAAM;QACf,IAAIoC,SAAS,CAACtC,IAAI,KAAKuC,MAAI,CAACxC,OAAO,CAACC,IAAI,EAAE;QAC1C,IAAAwC,sBAAQ,EAACD,MAAI,CAACnB,UAAU,CAACqB,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,CAACC,IAAI;MACzB,IAAAC,aAAA,GAAkC,IAAI,CAAC/C,OAAO;QAAtCgD,QAAQ,GAAAD,aAAA,CAARC,QAAQ;QAAEC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAEhC,GAAG,GAAA8B,aAAA,CAAH9B,GAAG;MAE7B,IAAI,CAACnB,MAAM,CAACoD,KAAK,EAAE;MAEnB,OAAAN,KAAA,GAAO,IAAAxE,aAAO,EAAC6E,MAAM,CAAC,eACpB7F,MAAA,YAAA+F,aAAA,CAACN,OAAO,EAAAD,KAAA,CAAAQ,EAAA;QAAA,UACEC,iBAAK;QAAA,cACDC,SAAS;QAAA,OAChB,IAAI,CAACC,QAAQ;QAAA,sBAAAlE,MAAA,CACE4B,GAAG;MAAA,iBAEvB7D,MAAA,YAAA+F,aAAA,CAACH,QAAQ,EAAAJ,KAAA,CAAAQ,EAAA,iBAAG,CACJ;IAEd;EAAC;EAAA,OAAA9E,UAAA;AAAA,EApHsBkF,eAAS;AAAA,IAAAlE,gBAAA,aAA5BhB,UAAU,iBACO,QAAQ;AAAA,IAAAgB,gBAAA,aADzBhB,UAAU,WAECJ,KAAK;AAAA,IAAAoB,gBAAA,aAFhBhB,UAAU,aAGG,CAAC,IAAAmF,uBAAW,EAACC,8CAAiB,CAAC,EAAE,IAAAC,oBAAmB,GAAE,CAAC;AAAA,IAAArE,gBAAA,aAHpEhB,UAAU,kBAIQ;EACpB2B,IAAI,EAAE,IAAI;EACV2D,IAAI,EAAEF,8CAAiB;EACvBG,MAAM,EAAE;AACV,CAAC;AA+GH,SAASC,OAAOA,CAACjD,KAAK,EAAE;EAAA,IAAAkD,IAAA,GAAAC,YAAA;IAAAC,KAAA;EACtB,IAAQjB,QAAQ,GAAyBnC,KAAK,CAAtCmC,QAAQ;IAAEC,MAAM,GAAiBpC,KAAK,CAA5BoC,MAAM;IAAEiB,KAAK,GAAUrD,KAAK,CAApBqD,KAAK;IAAEjD,GAAG,GAAKJ,KAAK,CAAbI,GAAG;EACpC,IAAMkD,QAAQ,GAOMC,YAAG;EANvB,IAAMC,cAAc,GAAG,IAAI;EAC3B,IAAMC,YAAY,GAAG,KAAK;EAE1B,IAAMC,aAAa,GAAG9E,iBAAK,CAAC+E,WAAW,CAAC,UAACC,CAAC,EAAK,CAAC,CAAC,EAAE,EAAE,CAAC;EAEtD,OAAAR,KAAA,GAAO,IAAA7F,aAAO,EAAC6E,MAAM,CAAC,eACpB7F,MAAA,YAAA+F,aAAA,CAACgB,QAAQ,EAAAF,KAAA,CAAAb,EAAA,iBAAAtB,cAAA,qBAAA7E,KAAA,CAAAyH,WAAA;IAAA,kBAA8B,CAAC,OAAO;EAAC,GAAAX,IAAA,KAC7CG,KAAK,iBAAI9G,MAAA,YAAA+F,aAAA,CAACkB,cAAc,EAAAJ,KAAA,CAAAb,EAAA;IAAA,SAAA/D,MAAA,CAAQ4B,GAAG;EAAA,IAAWiD,KAAK,CAAkB,eACtE9G,MAAA,YAAA+F,aAAA,CAACmB,YAAY,EAAAL,KAAA,CAAAb,EAAA;IAAA,QAAM,SAAS;IAAA,oBAAkB;EAAU,iBACtDhG,MAAA,YAAA+F,aAAA,CAACH,QAAQ,EAAAiB,KAAA,CAAAb,EAAA,iBAAG,CACC,CACN;AAEf;AAEA,SAASuB,IAAIA,CAAC9D,KAAK,EAAE;EAAA,IAAA+D,KAAA,GAAAZ,YAAA;EACnB,IAAMa,KAAK,GAIQT,YAAG;EAHtB,IAAQpB,QAAQ,GAAqBnC,KAAK,CAAlCmC,QAAQ;IAAEC,MAAM,GAAapC,KAAK,CAAxBoC,MAAM;IAAElC,MAAM,GAAKF,KAAK,CAAhBE,MAAM;EAChC,IAAIA,MAAM,EAAE;IAAA,IAAA+D,KAAA;IACV,OAAAA,KAAA,GAAO,IAAA1G,aAAO,EAAC6E,MAAM,CAAC,eACpB7F,MAAA,YAAA+F,aAAA,CAAC0B,KAAK,EAAAC,KAAA,CAAA1B,EAAA,cAAAtB,cAAA,qBAAA7E,KAAA,CAAAyH,WAAA,MAAAE,KAAA,kBACJxH,MAAA,YAAA+F,aAAA,CAACH,QAAQ,EAAA8B,KAAA,CAAA1B,EAAA,iBAAG,CACN;EAEZ;EACA,OAAO,IAAI;AACb;AAEA,SAAS2B,OAAOA,CAAClE,KAAK,EAAE;EAAA,IAAAmE,KAAA,GAAAhB,YAAA;IAAAiB,MAAA;EACtB,IACEjC,QAAQ,GAYNnC,KAAK,CAZPmC,QAAQ;IACRC,MAAM,GAWJpC,KAAK,CAXPoC,MAAM;IACNhD,IAAI,GAUFY,KAAK,CAVPZ,IAAI;IACJc,MAAM,GASJF,KAAK,CATPE,MAAM;IACNmE,QAAQ,GAQNrE,KAAK,CARPqE,QAAQ;IACRC,SAAS,GAOPtE,KAAK,CAPPsE,SAAS;IACTC,QAAQ,GAMNvE,KAAK,CANPuE,QAAQ;IACRzD,MAAM,GAKJd,KAAK,CALPc,MAAM;IACNJ,WAAW,GAITV,KAAK,CAJPU,WAAW;IACXN,GAAG,GAGDJ,KAAK,CAHPI,GAAG;IACHiB,SAAS,GAEPrB,KAAK,CAFPqB,SAAS;IACTE,SAAS,GACPvB,KAAK,CADPuB,SAAS;EAEX,IAAMiD,QAAQ,GAgCFjB,YAAG;EA/Bf,IAAMkB,WAAW,GAAG,MAAM;EAC1B,IAAMC,gBAAgB,GAAG,MAAM;EAC/B,IAAMC,UAAU,GAAGC,aAAM;EAEzB,IAAMC,YAAY,GAAGjG,iBAAK,CAAC+E,WAAW,CACpC,UAACC,CAAC,EAAK;IACL,IAAIS,QAAQ,EAAEA,QAAQ,CAACjF,IAAI,EAAEwE,CAAC,CAAC;EACjC,CAAC,EACD,CAACxE,IAAI,EAAEiF,QAAQ,CAAC,CACjB;EAED,IAAMS,cAAc,GAAGlG,iBAAK,CAAC+E,WAAW,CACtC,UAACC,CAAC,EAAK;IACL,IAAIS,QAAQ,KAAKT,CAAC,CAAC/D,GAAG,KAAK,OAAO,IAAI+D,CAAC,CAAC/D,GAAG,KAAK,GAAG,CAAC,EAAE;MACpD+D,CAAC,CAACmB,cAAc,EAAE;MAClBV,QAAQ,CAACjF,IAAI,EAAEwE,CAAC,CAAC;IACnB;IACA,IAAIA,CAAC,CAAC/D,GAAG,KAAK,SAAS,EAAE;MACvB0B,SAAS,EAAE;MACXqC,CAAC,CAACoB,eAAe,EAAE;IACrB;IACA,IAAIpB,CAAC,CAAC/D,GAAG,KAAK,WAAW,EAAE;MACzBwB,SAAS,EAAE;MACXuC,CAAC,CAACoB,eAAe,EAAE;IACrB;EACF,CAAC,EACD,CAAC5F,IAAI,EAAEiF,QAAQ,EAAE9C,SAAS,EAAEF,SAAS,CAAC,CACvC;EAED,OAAA+C,MAAA,GAAO,IAAA7G,aAAO,EAAC6E,MAAM,CAAC,eACpB7F,MAAA,YAAA+F,aAAA,CAACkC,QAAQ,EAAAJ,MAAA,CAAA7B,EAAA,iBAAAtB,cAAA,qBAAA7E,KAAA,CAAAyH,WAAA;IAAA,QAEF,KAAK;IAAA,SAAArF,MAAA,CACH4B,GAAG,eAAA5B,MAAA,CAAYY,IAAI;IAAA,iBACXc,MAAM,MAAA1B,MAAA,CAAM4B,GAAG,eAAA5B,MAAA,CAAYY,IAAI,IAAKqD,SAAS;IAAA,iBAC7C8B,QAAQ;IAAA,iBACRrE,MAAM;IAAA,WACZ2E,YAAY;IAAA,aACVC;EAAc,GAAAX,KAAA,KAExBG,SAAS,iBAAI/H,MAAA,YAAA+F,aAAA,CAACvF,iBAAA,CAAAkI,gBAAgB,EAAAb,MAAA,CAAA7B,EAAA,0BAAE7B,WAAW,CAAC,eAAe,CAAC,CAAoB,eACjFnE,MAAA,YAAA+F,aAAA,CAACmC,WAAW,EAAAL,MAAA,CAAA7B,EAAA;IAAA,eAAa;EAAM,IAAE+B,SAAS,gBAAG/H,MAAA,YAAA+F,aAAA,CAACqC,UAAU,EAAAP,MAAA,CAAA7B,EAAA,mBAAG,GAAGzB,MAAM,CAAe,eACnFvE,MAAA,YAAA+F,aAAA,CAACoC,gBAAgB,EAAAN,MAAA,CAAA7B,EAAA,uCACfhG,MAAA,YAAA+F,aAAA,CAACH,QAAQ,EAAAiC,MAAA,CAAA7B,EAAA,iBAAG,CACK,CACV;AAEf;AAEA2B,OAAO,CAACgB,OAAO,GAAG,CAAC,IAAAC,gCAAoB,GAAE,CAAC;AAE1C,SAASC,OAAOA,CAACpF,KAAK,EAAE;EAAA,IAAAqF,KAAA,GAAAlC,YAAA;IAAAmC,MAAA;EACtB,IAAQnD,QAAQ,GAA+CnC,KAAK,CAA5DmC,QAAQ;IAAYoD,WAAW,GAAwBvF,KAAK,CAAlDwF,QAAQ;IAAepD,MAAM,GAAgBpC,KAAK,CAA3BoC,MAAM;IAAEhC,GAAG,GAAWJ,KAAK,CAAnBI,GAAG;IAAEhB,IAAI,GAAKY,KAAK,CAAdZ,IAAI;EAC1D,IAAMqG,QAAQ,GAGFlC,YAAG;EAFf,OAAA+B,MAAA,GAAO,IAAA/H,aAAO,EAAC6E,MAAM,CAAC,eACpB7F,MAAA,YAAA+F,aAAA,CAACmD,QAAQ,EAAAH,MAAA,CAAA/C,EAAA,iBAAAtB,cAAA,qBAAA7E,KAAA,CAAAyH,WAAA;IAAA,QAEF,UAAU;IAAA,sBAAArF,MAAA,CACK4B,GAAG,eAAA5B,MAAA,CAAYY,IAAI;IAAA,SAAAZ,MAAA,CAChC4B,GAAG,eAAA5B,MAAA,CAAYY,IAAI;EAAA,GAAAiG,KAAA,KAEzBE,WAAW,gBAAGhJ,MAAA,YAAA+F,aAAA,CAACH,QAAQ,EAAAmD,MAAA,CAAA/C,EAAA,iBAAG,GAAGmD,QAAQ,CAC7B;AAEf;AAEA,SAASC,QAAQA,CAAC3F,KAAK,EAAE;EAAA,IAAA4F,KAAA,GAAAzC,YAAA;IAAA0C,MAAA;EACvB,IAAMC,SAAS,GAOHC,kBAAM;EANlB,IAAQ5D,QAAQ,GAA2DnC,KAAK,CAAxEmC,QAAQ;IAAYoD,WAAW,GAAoCvF,KAAK,CAA9DwF,QAAQ;IAAepD,MAAM,GAA4BpC,KAAK,CAAvCoC,MAAM;IAAE1B,WAAW,GAAeV,KAAK,CAA/BU,WAAW;IAAEgF,QAAQ,GAAK1F,KAAK,CAAlB0F,QAAQ;EACtE,IAAMM,WAAW,GAAGpH,iBAAK,CAAC+E,WAAW,CAAC,YAAM;IAAA,IAAAsC,eAAA;IAC1C,CAAAA,eAAA,GAAAjG,KAAK,CAACqE,QAAQ,cAAA4B,eAAA,uBAAdA,eAAA,CAAA3H,IAAA,CAAA0B,KAAK,EAAYA,KAAK,CAACZ,IAAI,GAAG,CAAC,CAAC;EAClC,CAAC,EAAE,CAACY,KAAK,CAACZ,IAAI,CAAC,CAAC;EAChB,OAAAyG,MAAA,GAAO,IAAAtI,aAAO,EAAC6E,MAAM,CAAC,eACpB7F,MAAA,YAAA+F,aAAA,CAACwD,SAAS,EAAAD,MAAA,CAAAtD,EAAA,kBAAAtB,cAAA,qBAAA7E,KAAA,CAAAyH,WAAA;IAAA,OAEJ,UAAU;IAAA,QACT,GAAG;IAAA,WACCmC,WAAW;IAAA,cACRtF,WAAW,CAAC,YAAY,EAAE;MAAEwF,UAAU,EAAER;IAAS,CAAC;EAAC,GAAAE,KAAA,kBAE/DrJ,MAAA,YAAA+F,aAAA,CAACpF,OAAA,WAAM,CAACiJ,KAAK,qBACX5J,MAAA,YAAA+F,aAAA,CAAClF,GAAA,WAAS,EAAAyI,MAAA,CAAAtD,EAAA,kBAAG,CACA,eACfhG,MAAA,YAAA+F,aAAA,CAACpF,OAAA,WAAM,CAACkJ,IAAI,QAAEb,WAAW,gBAAGhJ,MAAA,YAAA+F,aAAA,CAACH,QAAQ,EAAA0D,MAAA,CAAAtD,EAAA,iBAAG,GAAGmD,QAAQ,CAAe,CACxD;AAEhB;AACA,SAASW,QAAQA,CAACrG,KAAK,EAAE;EAAA,IAAAsG,KAAA,GAAAnD,YAAA;IAAAoD,MAAA;EACvB,IAAMC,SAAS,GAOHT,kBAAM;EANlB,IAAQ5D,QAAQ,GAA2DnC,KAAK,CAAxEmC,QAAQ;IAAYoD,WAAW,GAAoCvF,KAAK,CAA9DwF,QAAQ;IAAepD,MAAM,GAA4BpC,KAAK,CAAvCoC,MAAM;IAAE1B,WAAW,GAAeV,KAAK,CAA/BU,WAAW;IAAEgF,QAAQ,GAAK1F,KAAK,CAAlB0F,QAAQ;EACtE,IAAMM,WAAW,GAAGpH,iBAAK,CAAC+E,WAAW,CAAC,YAAM;IAAA,IAAA8C,gBAAA;IAC1C,CAAAA,gBAAA,GAAAzG,KAAK,CAACqE,QAAQ,cAAAoC,gBAAA,uBAAdA,gBAAA,CAAAnI,IAAA,CAAA0B,KAAK,EAAYA,KAAK,CAACZ,IAAI,GAAG,CAAC,CAAC;EAClC,CAAC,EAAE,CAACY,KAAK,CAACZ,IAAI,CAAC,CAAC;EAChB,OAAAmH,MAAA,GAAO,IAAAhJ,aAAO,EAAC6E,MAAM,CAAC,eACpB7F,MAAA,YAAA+F,aAAA,CAACkE,SAAS,EAAAD,MAAA,CAAAhE,EAAA,kBAAAtB,cAAA,qBAAA7E,KAAA,CAAAyH,WAAA;IAAA,OAEJ,UAAU;IAAA,QACT,GAAG;IAAA,WACCmC,WAAW;IAAA,cACRtF,WAAW,CAAC,YAAY,EAAE;MAAEwF,UAAU,EAAER;IAAS,CAAC;EAAC,GAAAY,KAAA,kBAE/D/J,MAAA,YAAA+F,aAAA,CAACpF,OAAA,WAAM,CAACkJ,IAAI,QAAEb,WAAW,gBAAGhJ,MAAA,YAAA+F,aAAA,CAACH,QAAQ,EAAAoE,MAAA,CAAAhE,EAAA,iBAAG,GAAGmD,QAAQ,CAAe,eAClEnJ,MAAA,YAAA+F,aAAA,CAACpF,OAAA,WAAM,CAACiJ,KAAK,qBACX5J,MAAA,YAAA+F,aAAA,CAACnF,GAAA,WAAU,EAAAoJ,MAAA,CAAAhE,EAAA,mBAAG,CACD,CACL;AAEhB;AAEA,IAAMmE,MAAM,GAAG,IAAAC,gBAAe,EAAClJ,UAAU,EAAE;EACzCwF,OAAO,EAAPA,OAAO;EACPmC,OAAO,EAAPA,OAAO;EACPtB,IAAI,EAAJA,IAAI;EACJI,OAAO,EAAPA,OAAO;EACPyB,QAAQ,EAARA,QAAQ;EACRU,QAAQ,EAARA;AACF,CAAC,CAAC;AAEK,IAAMO,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,OAAO;EAAA,OAAKA,OAAO;AAAA;AAACC,OAAA,CAAAF,iBAAA,GAAAA,iBAAA;AAAA,IAAAG,QAAA,GAEvCL,MAAM;AAAAI,OAAA,cAAAC,QAAA"}

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

@@ -1 +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 { 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};\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\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};\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":""}
+{"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/cjs/style/wizard.shadow.css

@@ -97,3 +97,7 @@ SContent {
     0;
   background: var(--intergalactic-bg-primary-neutral, #ffffff);
 }
+
+SSidebarMenu {
+  display: contents;
+}

package/wizard/lib/cjs/translations/de.json

@@ -1,3 +1,5 @@
 {
-  "completedStep": "Abgeschlossener Schritt"
+  "completedStep": "Abgeschlossener Schritt",
+  "backButton": "Zurück zu {buttonName}",
+  "nextButton": "Weiter zu {buttonName}"
 }

package/wizard/lib/cjs/translations/en.json

@@ -1,3 +1,5 @@
 {
-  "completedStep": "Completed step"
+  "completedStep": "Completed step",
+  "backButton": "Back to {buttonName}",
+  "nextButton": "Go to {buttonName}"
 }

package/wizard/lib/cjs/translations/es.json

@@ -1,3 +1,5 @@
 {
-  "completedStep": "Paso completado"
+  "completedStep": "Paso completado",
+  "backButton": "Volver a {buttonName}",
+  "nextButton": "Continuar a {buttonName}"
 }

package/wizard/lib/cjs/translations/fr.json

@@ -1,3 +1,5 @@
 {
-  "completedStep": "Étape terminée"
+  "completedStep": "Étape terminée",
+  "backButton": "Retour à {buttonName}",
+  "nextButton": "Continuer vers {buttonName}"
 }

package/wizard/lib/cjs/translations/it.json

@@ -1,3 +1,5 @@
 {
-  "completedStep": "Fase completata"
+  "completedStep": "Fase completata",
+  "backButton": "Torna a {buttonName}",
+  "nextButton": "Continua a {buttonName}"
 }

package/wizard/lib/cjs/translations/ja.json

@@ -1,3 +1,5 @@
 {
-  "completedStep": "完成したステップ"
+  "completedStep": "完成したステップ",
+  "backButton": "{buttonName}に戻る",
+  "nextButton": "{buttonName} に移動"
 }

package/wizard/lib/cjs/translations/ko.json

@@ -1,3 +1,5 @@
 {
-  "completedStep": "단계 완료됨"
+  "completedStep": "단계 완료됨",
+  "backButton": "{buttonName} 단계로 돌아가기",
+  "nextButton": "{buttonName}로 계속"
 }