primevue 3.48.0 → 3.49.0

package/stepper/style/stepperstyle.cjs.js

@@ -6,44 +6,50 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-// .p-stepper {
-//     overflow-x: auto;
-// }
-var css = "\n@layer primevue {\n    .p-stepper {\n        position: relative;\n\n    }\n\n    .p-stepper.p-stepper-vertical {\n        display: flex;\n    }\n\n    .p-stepper-nav-content {\n        position: relative;\n    }\n\n    .p-stepper.p-stepper-vertical  .p-stepper-nav-content {\n        display: flex;\n    }\n\n    .p-stepper .p-stepper-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-stepper-vertical .p-stepper-list {\n        flex-direction: column;\n    }\n\n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        overflow: hidden;\n    }\n\n    .p-stepper-horizontal .p-stepper-header {\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-stepper-vertical .p-stepper-header {\n        flex-direction: column;\n        align-self: flex-start;\n    }\n\n    .p-stepper-header .p-stepper-action {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n        cursor: pointer;\n    }\n\n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n\n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n\n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n\n    .p-stepper-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
     return ['p-stepper p-component', {
       'p-stepper-horizontal': props.orientation === 'horizontal',
-      'p-stepper-vertical': props.orientation === 'vertical'
+      'p-stepper-vertical': props.orientation === 'vertical',
+      'p-readonly': props.linear
     }];
   },
-  navcontent: 'p-stepper-nav-content',
-  nav: 'p-stepper-list',
-  step: {
+  nav: 'p-stepper-nav',
+  stepper: {
     header: function header(_ref2) {
-      var instance = _ref2.instance,
-        step = _ref2.step,
-        index = _ref2.index;
-      return ['p-stepper-header', instance.getStepProp(step, 'headerClass'), {
+      var instance = _ref2.instance;
+        _ref2.step;
+        var index = _ref2.index;
+      return ['p-stepper-header', {
         'p-highlight': instance.isStepActive(index),
-        'p-disabled': instance.getStepProp(step, 'disabled')
+        'p-disabled': instance.isItemDisabled(index)
       }];
     },
     action: 'p-stepper-action',
-    step: 'p-stepper-number',
+    number: 'p-stepper-number',
     title: 'p-stepper-title',
+    separator: 'p-stepper-separator',
+    toggleableContent: 'p-stepper-toggleable-content',
     content: function content(_ref3) {
-      var instance = _ref3.instance,
-        step = _ref3.step;
-      return ['p-stepper-step', instance.getStepProp(step, 'contentClass')];
+      var props = _ref3.props;
+      return ['p-stepper-content', {
+        'p-toggleable-content': props.orientation === 'vertical'
+      }];
     }
   },
-  stepContainer: 'p-stepper-steps'
+  panelContainer: 'p-stepper-panels',
+  panel: function panel(_ref4) {
+    var instance = _ref4.instance,
+      props = _ref4.props,
+      index = _ref4.index;
+    return ['p-stepper-panel', {
+      'p-stepper-panel-active': props.orientation === 'vertical' && instance.isStepActive(index)
+    }];
+  }
 };
 var StepperStyle = BaseStyle__default["default"].extend({
   name: 'stepper',
-  css: css,
   classes: classes
 });
 

package/stepper/style/stepperstyle.cjs.min.js

@@ -1 +1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=e(require("primevue/base/style")).default.extend({name:"stepper",css:"\n@layer primevue {\n    .p-stepper {\n        position: relative;\n\n    }\n\n    .p-stepper.p-stepper-vertical {\n        display: flex;\n    }\n\n    .p-stepper-nav-content {\n        position: relative;\n    }\n\n    .p-stepper.p-stepper-vertical  .p-stepper-nav-content {\n        display: flex;\n    }\n\n    .p-stepper .p-stepper-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-stepper-vertical .p-stepper-list {\n        flex-direction: column;\n    }\n\n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        overflow: hidden;\n    }\n\n    .p-stepper-horizontal .p-stepper-header {\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-stepper-vertical .p-stepper-header {\n        flex-direction: column;\n        align-self: flex-start;\n    }\n\n    .p-stepper-header .p-stepper-action {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n        cursor: pointer;\n    }\n\n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n\n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n\n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n\n    .p-stepper-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n",classes:{root:function(e){var n=e.props;return["p-stepper p-component",{"p-stepper-horizontal":"horizontal"===n.orientation,"p-stepper-vertical":"vertical"===n.orientation}]},navcontent:"p-stepper-nav-content",nav:"p-stepper-list",step:{header:function(e){var n=e.instance,t=e.step,p=e.index;return["p-stepper-header",n.getStepProp(t,"headerClass"),{"p-highlight":n.isStepActive(p),"p-disabled":n.getStepProp(t,"disabled")}]},action:"p-stepper-action",step:"p-stepper-number",title:"p-stepper-title",content:function(e){return["p-stepper-step",e.instance.getStepProp(e.step,"contentClass")]}},stepContainer:"p-stepper-steps"}});module.exports=n;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=e(require("primevue/base/style")).default.extend({name:"stepper",classes:{root:function(e){var t=e.props;return["p-stepper p-component",{"p-stepper-horizontal":"horizontal"===t.orientation,"p-stepper-vertical":"vertical"===t.orientation,"p-readonly":t.linear}]},nav:"p-stepper-nav",stepper:{header:function(e){var t=e.instance,p=e.index;return["p-stepper-header",{"p-highlight":t.isStepActive(p),"p-disabled":t.isItemDisabled(p)}]},action:"p-stepper-action",number:"p-stepper-number",title:"p-stepper-title",separator:"p-stepper-separator",toggleableContent:"p-stepper-toggleable-content",content:function(e){return["p-stepper-content",{"p-toggleable-content":"vertical"===e.props.orientation}]}},panelContainer:"p-stepper-panels",panel:function(e){return["p-stepper-panel",{"p-stepper-panel-active":"vertical"===e.props.orientation&&e.instance.isStepActive(e.index)}]}}});module.exports=t;

package/stepper/style/stepperstyle.esm.js

@@ -1,43 +1,49 @@
 import BaseStyle from 'primevue/base/style';
 
-// .p-stepper {
-//     overflow-x: auto;
-// }
-var css = "\n@layer primevue {\n    .p-stepper {\n        position: relative;\n\n    }\n\n    .p-stepper.p-stepper-vertical {\n        display: flex;\n    }\n\n    .p-stepper-nav-content {\n        position: relative;\n    }\n\n    .p-stepper.p-stepper-vertical  .p-stepper-nav-content {\n        display: flex;\n    }\n\n    .p-stepper .p-stepper-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-stepper-vertical .p-stepper-list {\n        flex-direction: column;\n    }\n\n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        overflow: hidden;\n    }\n\n    .p-stepper-horizontal .p-stepper-header {\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-stepper-vertical .p-stepper-header {\n        flex-direction: column;\n        align-self: flex-start;\n    }\n\n    .p-stepper-header .p-stepper-action {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n        cursor: pointer;\n    }\n\n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n\n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n\n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n\n    .p-stepper-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n";
 var classes = {
   root: function root(_ref) {
     var props = _ref.props;
     return ['p-stepper p-component', {
       'p-stepper-horizontal': props.orientation === 'horizontal',
-      'p-stepper-vertical': props.orientation === 'vertical'
+      'p-stepper-vertical': props.orientation === 'vertical',
+      'p-readonly': props.linear
     }];
   },
-  navcontent: 'p-stepper-nav-content',
-  nav: 'p-stepper-list',
-  step: {
+  nav: 'p-stepper-nav',
+  stepper: {
     header: function header(_ref2) {
-      var instance = _ref2.instance,
-        step = _ref2.step,
-        index = _ref2.index;
-      return ['p-stepper-header', instance.getStepProp(step, 'headerClass'), {
+      var instance = _ref2.instance;
+        _ref2.step;
+        var index = _ref2.index;
+      return ['p-stepper-header', {
         'p-highlight': instance.isStepActive(index),
-        'p-disabled': instance.getStepProp(step, 'disabled')
+        'p-disabled': instance.isItemDisabled(index)
       }];
     },
     action: 'p-stepper-action',
-    step: 'p-stepper-number',
+    number: 'p-stepper-number',
     title: 'p-stepper-title',
+    separator: 'p-stepper-separator',
+    toggleableContent: 'p-stepper-toggleable-content',
     content: function content(_ref3) {
-      var instance = _ref3.instance,
-        step = _ref3.step;
-      return ['p-stepper-step', instance.getStepProp(step, 'contentClass')];
+      var props = _ref3.props;
+      return ['p-stepper-content', {
+        'p-toggleable-content': props.orientation === 'vertical'
+      }];
     }
   },
-  stepContainer: 'p-stepper-steps'
+  panelContainer: 'p-stepper-panels',
+  panel: function panel(_ref4) {
+    var instance = _ref4.instance,
+      props = _ref4.props,
+      index = _ref4.index;
+    return ['p-stepper-panel', {
+      'p-stepper-panel-active': props.orientation === 'vertical' && instance.isStepActive(index)
+    }];
+  }
 };
 var StepperStyle = BaseStyle.extend({
   name: 'stepper',
-  css: css,
   classes: classes
 });
 

package/stepper/style/stepperstyle.esm.min.js

@@ -1 +1 @@
-import e from"primevue/base/style";var n=e.extend({name:"stepper",css:"\n@layer primevue {\n    .p-stepper {\n        position: relative;\n\n    }\n\n    .p-stepper.p-stepper-vertical {\n        display: flex;\n    }\n\n    .p-stepper-nav-content {\n        position: relative;\n    }\n\n    .p-stepper.p-stepper-vertical  .p-stepper-nav-content {\n        display: flex;\n    }\n\n    .p-stepper .p-stepper-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-stepper-vertical .p-stepper-list {\n        flex-direction: column;\n    }\n\n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        overflow: hidden;\n    }\n\n    .p-stepper-horizontal .p-stepper-header {\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-stepper-vertical .p-stepper-header {\n        flex-direction: column;\n        align-self: flex-start;\n    }\n\n    .p-stepper-header .p-stepper-action {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n        cursor: pointer;\n    }\n\n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n\n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n\n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n\n    .p-stepper-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n",classes:{root:function(e){var n=e.props;return["p-stepper p-component",{"p-stepper-horizontal":"horizontal"===n.orientation,"p-stepper-vertical":"vertical"===n.orientation}]},navcontent:"p-stepper-nav-content",nav:"p-stepper-list",step:{header:function(e){var n=e.instance,p=e.step,t=e.index;return["p-stepper-header",n.getStepProp(p,"headerClass"),{"p-highlight":n.isStepActive(t),"p-disabled":n.getStepProp(p,"disabled")}]},action:"p-stepper-action",step:"p-stepper-number",title:"p-stepper-title",content:function(e){return["p-stepper-step",e.instance.getStepProp(e.step,"contentClass")]}},stepContainer:"p-stepper-steps"}});export{n as default};
+import e from"primevue/base/style";var t=e.extend({name:"stepper",classes:{root:function(e){var t=e.props;return["p-stepper p-component",{"p-stepper-horizontal":"horizontal"===t.orientation,"p-stepper-vertical":"vertical"===t.orientation,"p-readonly":t.linear}]},nav:"p-stepper-nav",stepper:{header:function(e){var t=e.instance,p=e.index;return["p-stepper-header",{"p-highlight":t.isStepActive(p),"p-disabled":t.isItemDisabled(p)}]},action:"p-stepper-action",number:"p-stepper-number",title:"p-stepper-title",separator:"p-stepper-separator",toggleableContent:"p-stepper-toggleable-content",content:function(e){return["p-stepper-content",{"p-toggleable-content":"vertical"===e.props.orientation}]}},panelContainer:"p-stepper-panels",panel:function(e){return["p-stepper-panel",{"p-stepper-panel-active":"vertical"===e.props.orientation&&e.instance.isStepActive(e.index)}]}}});export{t as default};

package/stepper/style/stepperstyle.js

@@ -7,44 +7,50 @@ this.primevue.stepper.style = (function (BaseStyle) {
 
     var BaseStyle__default = /*#__PURE__*/_interopDefaultLegacy(BaseStyle);
 
-    // .p-stepper {
-    //     overflow-x: auto;
-    // }
-    var css = "\n@layer primevue {\n    .p-stepper {\n        position: relative;\n\n    }\n\n    .p-stepper.p-stepper-vertical {\n        display: flex;\n    }\n\n    .p-stepper-nav-content {\n        position: relative;\n    }\n\n    .p-stepper.p-stepper-vertical  .p-stepper-nav-content {\n        display: flex;\n    }\n\n    .p-stepper .p-stepper-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-stepper-vertical .p-stepper-list {\n        flex-direction: column;\n    }\n\n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        overflow: hidden;\n    }\n\n    .p-stepper-horizontal .p-stepper-header {\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-stepper-vertical .p-stepper-header {\n        flex-direction: column;\n        align-self: flex-start;\n    }\n\n    .p-stepper-header .p-stepper-action {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n        cursor: pointer;\n    }\n\n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n\n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n\n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n\n    .p-stepper-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n";
     var classes = {
       root: function root(_ref) {
         var props = _ref.props;
         return ['p-stepper p-component', {
           'p-stepper-horizontal': props.orientation === 'horizontal',
-          'p-stepper-vertical': props.orientation === 'vertical'
+          'p-stepper-vertical': props.orientation === 'vertical',
+          'p-readonly': props.linear
         }];
       },
-      navcontent: 'p-stepper-nav-content',
-      nav: 'p-stepper-list',
-      step: {
+      nav: 'p-stepper-nav',
+      stepper: {
         header: function header(_ref2) {
-          var instance = _ref2.instance,
-            step = _ref2.step,
-            index = _ref2.index;
-          return ['p-stepper-header', instance.getStepProp(step, 'headerClass'), {
+          var instance = _ref2.instance;
+            _ref2.step;
+            var index = _ref2.index;
+          return ['p-stepper-header', {
             'p-highlight': instance.isStepActive(index),
-            'p-disabled': instance.getStepProp(step, 'disabled')
+            'p-disabled': instance.isItemDisabled(index)
           }];
         },
         action: 'p-stepper-action',
-        step: 'p-stepper-number',
+        number: 'p-stepper-number',
         title: 'p-stepper-title',
+        separator: 'p-stepper-separator',
+        toggleableContent: 'p-stepper-toggleable-content',
         content: function content(_ref3) {
-          var instance = _ref3.instance,
-            step = _ref3.step;
-          return ['p-stepper-step', instance.getStepProp(step, 'contentClass')];
+          var props = _ref3.props;
+          return ['p-stepper-content', {
+            'p-toggleable-content': props.orientation === 'vertical'
+          }];
         }
       },
-      stepContainer: 'p-stepper-steps'
+      panelContainer: 'p-stepper-panels',
+      panel: function panel(_ref4) {
+        var instance = _ref4.instance,
+          props = _ref4.props,
+          index = _ref4.index;
+        return ['p-stepper-panel', {
+          'p-stepper-panel-active': props.orientation === 'vertical' && instance.isStepActive(index)
+        }];
+      }
     };
     var StepperStyle = BaseStyle__default["default"].extend({
       name: 'stepper',
-      css: css,
       classes: classes
     });
 

package/stepper/style/stepperstyle.min.js

@@ -1 +1 @@
-this.primevue=this.primevue||{},this.primevue.stepper=this.primevue.stepper||{},this.primevue.stepper.style=function(e){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return n(primevue.base.style).default.extend({name:"stepper",css:"\n@layer primevue {\n    .p-stepper {\n        position: relative;\n\n    }\n\n    .p-stepper.p-stepper-vertical {\n        display: flex;\n    }\n\n    .p-stepper-nav-content {\n        position: relative;\n    }\n\n    .p-stepper.p-stepper-vertical  .p-stepper-nav-content {\n        display: flex;\n    }\n\n    .p-stepper .p-stepper-list {\n        display: flex;\n        margin: 0;\n        padding: 0;\n        list-style-type: none;\n    }\n\n    .p-stepper-vertical .p-stepper-list {\n        flex-direction: column;\n    }\n\n    .p-stepper-header {\n        position: relative;\n        display: flex;\n        flex: 1 1 auto;\n        overflow: hidden;\n    }\n\n    .p-stepper-horizontal .p-stepper-header {\n        align-items: center;\n        justify-content: center;\n    }\n\n    .p-stepper-vertical .p-stepper-header {\n        flex-direction: column;\n        align-self: flex-start;\n    }\n\n    .p-stepper-header .p-stepper-action {\n        display: inline-flex;\n        flex-direction: column;\n        align-items: center;\n        overflow: hidden;\n        text-decoration: none;\n        cursor: pointer;\n    }\n\n    .p-stepper.p-stepper-readonly .p-stepper-header {\n        cursor: auto;\n    }\n\n    .p-stepper-header.p-highlight .p-stepper-action {\n        cursor: default;\n    }\n\n    .p-stepper-title {\n        display: block;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        max-width: 100%;\n    }\n\n    .p-stepper-number {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n}\n",classes:{root:function(e){var n=e.props;return["p-stepper p-component",{"p-stepper-horizontal":"horizontal"===n.orientation,"p-stepper-vertical":"vertical"===n.orientation}]},navcontent:"p-stepper-nav-content",nav:"p-stepper-list",step:{header:function(e){var n=e.instance,t=e.step,p=e.index;return["p-stepper-header",n.getStepProp(t,"headerClass"),{"p-highlight":n.isStepActive(p),"p-disabled":n.getStepProp(t,"disabled")}]},action:"p-stepper-action",step:"p-stepper-number",title:"p-stepper-title",content:function(e){return["p-stepper-step",e.instance.getStepProp(e.step,"contentClass")]}},stepContainer:"p-stepper-steps"}})}();
+this.primevue=this.primevue||{},this.primevue.stepper=this.primevue.stepper||{},this.primevue.stepper.style=function(e){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return t(primevue.base.style).default.extend({name:"stepper",classes:{root:function(e){var t=e.props;return["p-stepper p-component",{"p-stepper-horizontal":"horizontal"===t.orientation,"p-stepper-vertical":"vertical"===t.orientation,"p-readonly":t.linear}]},nav:"p-stepper-nav",stepper:{header:function(e){var t=e.instance,p=e.index;return["p-stepper-header",{"p-highlight":t.isStepActive(p),"p-disabled":t.isItemDisabled(p)}]},action:"p-stepper-action",number:"p-stepper-number",title:"p-stepper-title",separator:"p-stepper-separator",toggleableContent:"p-stepper-toggleable-content",content:function(e){return["p-stepper-content",{"p-toggleable-content":"vertical"===e.props.orientation}]}},panelContainer:"p-stepper-panels",panel:function(e){return["p-stepper-panel",{"p-stepper-panel-active":"vertical"===e.props.orientation&&e.instance.isStepActive(e.index)}]}}})}();

package/stepperpanel/BaseStepperPanel.vue

@@ -0,0 +1,18 @@
+<script>
+import BaseComponent from 'primevue/basecomponent';
+import StepperPanelStyle from 'primevue/stepperpanel/style';
+
+export default {
+    name: 'BaseStepperPanel',
+    extends: BaseComponent,
+    props: {
+        header: null
+    },
+    style: StepperPanelStyle,
+    provide() {
+        return {
+            $parentInstance: this
+        };
+    }
+};
+</script>

package/stepperpanel/StepperPanel.d.ts

@@ -0,0 +1,286 @@
+/**
+ *
+ * StepperPanel is a helper component for StepperPanel component.
+ *
+ * [Live Demo](https://www.primevue.org/stepper/)
+ *
+ * @module stepperpanel
+ *
+ */
+import { TransitionProps, VNode } from 'vue';
+import { ComponentHooks } from '../basecomponent';
+import { PassThroughOptions } from '../passthrough';
+import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
+
+export declare type StepperPanelPassThroughOptionType = StepperPanelPassThroughAttributes | ((options: StepperPanelPassThroughMethodOptions) => StepperPanelPassThroughAttributes | string) | string | null | undefined;
+
+export declare type StepperPanelPassThroughTransitionType = TransitionProps | ((options: StepperPanelPassThroughMethodOptions) => TransitionProps) | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface StepperPanelPassThroughMethodOptions {
+    /**
+     * Defines instance.
+     */
+    instance: any;
+    /**
+     * Defines valid properties.
+     */
+    props: StepperPanelProps;
+    /**
+     * Defines current options.
+     */
+    context: StepperPanelContext;
+    /**
+     * Defines valid attributes.
+     */
+    attrs: any;
+    /**
+     * Defines parent options.
+     */
+    parent: any;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link StepperPanelProps.pt}
+ */
+export interface StepperPanelPassThroughOptions {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the header's DOM element.
+     */
+    header?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the action's DOM element.
+     */
+    action?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the number's DOM element.
+     */
+    number?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the title's DOM element.
+     */
+    title?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the separator's DOM element.
+     */
+    separator?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the content's DOM element.
+     */
+    content?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the panel's DOM element.
+     */
+    panel?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to pass attributes to the toggleable content's DOM element.
+     */
+    toggleableContent?: StepperPanelPassThroughOptionType;
+    /**
+     * Used to control Vue Transition API.
+     */
+    transition?: StepperPanelPassThroughTransitionType;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+}
+
+export interface StepperPanelPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines valid properties in StepperPanel component.
+ */
+export interface StepperPanelProps {
+    /**
+     * Orientation of tab headers.
+     */
+    header?: string | undefined;
+    /**
+     * Used to pass attributes to DOM elements inside the component.
+     * @type {StepperPanelPassThroughOptions}
+     */
+    pt?: PassThrough<StepperPanelPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+}
+
+/**
+ * Defines current options in StepperPanel component.
+ */
+export interface StepperPanelContext {
+    /**
+     * Current index of the stepperpanel.
+     */
+    index: number;
+    /**
+     * Count of stepperpanels
+     */
+    count: number;
+    /**
+     * Whether the stepperpanel is first.
+     */
+    first: boolean;
+    /**
+     * Whether the stepperpanel is last.
+     */
+    last: boolean;
+    /**
+     * Whether the stepperpanel is active.
+     */
+    active: boolean;
+    /**
+     * Whether the stepperpanel is highlighted.
+     */
+    highlighted: boolean;
+    /**
+     * Whether the stepperpanel is disabled.
+     */
+    disabled: boolean;
+}
+
+/**
+ * Defines valid slots in StepperPanel slots.
+ */
+export interface StepperPanelSlots {
+    /**
+     * Custom content template.
+     */
+    default(): VNode[];
+    /**
+     * Custom header template.
+     */
+    header(scope: {
+        /**
+         * Index of the stepperpanel
+         */
+        index: number;
+        /**
+         * Current active state of the stepperpanel
+         */
+        active: boolean;
+        /**
+         * Current highlighted state of the stepperpanel
+         */
+        highlighted: boolean;
+        /**
+         * Style class of the stepperpanel
+         */
+        class: string;
+        /**
+         * Style class of the stepperpanel
+         */
+        headerClass: string;
+        /**
+         * Style class of the number content container
+         */
+        numberClass: string;
+        /**
+         * Style class of the title content container
+         */
+        titleClass: string;
+        /**
+         * Header click function.
+         * @param {Event} event - Browser event
+         */
+        clickCallback: (event: Event) => void;
+    }): VNode[];
+    /**
+     * Custom content template.
+     */
+    content(scope: {
+        /**
+         * Index of the stepperpanel
+         */
+        index: number;
+        /**
+         * Current active state of the stepperpanel
+         */
+        active: boolean;
+        /**
+         * Current highlighted state of the stepperpanel
+         */
+        highlighted: boolean;
+        /**
+         * Style class of the stepperpanel
+         */
+        class: string;
+        /**
+         * Content click function.
+         * @param {Event} event - Browser event
+         */
+        clickCallback: (event: Event) => void;
+        /**
+         * Content previous panel click function.
+         * @param {Event} event - Browser event
+         */
+        prevCallback: (event: Event) => void;
+        /**
+         * Content next panel click function.
+         * @param {Event} event - Browser event
+         */
+        nextCallback: (event: Event) => void;
+    }): VNode[];
+    /**
+     * Custom separator template.
+     */
+    separator(scope: {
+        /**
+         * Index of the stepperpanel
+         */
+        index: number;
+        /**
+         * Current active state of the stepperpanel
+         */
+        active: boolean;
+        /**
+         * Current highlighted state of the stepperpanel
+         */
+        highlighted: boolean;
+        /**
+         * Style class of the stepperpanel
+         */
+        class: string;
+    }): VNode[];
+}
+
+export interface StepperPanelEmits {}
+
+/**
+ * **PrimeVue - StepperPanel**
+ *
+ * _StepperPanel is a helper component for Stepper component._
+ *
+ * [Live Demo](https://www.primevue.org/stepper/)
+ * --- ---
+ * ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
+declare class StepperPanel extends ClassComponent<StepperPanelProps, StepperPanelSlots, StepperPanelEmits> {}
+
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        StepperPanel: GlobalComponentConstructor<StepperPanel>;
+    }
+}
+
+export default StepperPanel;

package/stepperpanel/StepperPanel.vue

@@ -0,0 +1,12 @@
+<template>
+    <slot />
+</template>
+
+<script>
+import BaseStepperPanel from './BaseStepperPanel.vue';
+
+export default {
+    name: 'StepperPanel',
+    extends: BaseStepperPanel
+};
+</script>

package/stepperpanel/package.json

@@ -0,0 +1,9 @@
+{
+    "main": "./stepperpanel.cjs.js",
+    "module": "./stepperpanel.esm.js",
+    "unpkg": "./stepperpanel.min.js",
+    "types": "./StepperPanel.d.ts",
+    "browser": {
+        "./sfc": "./StepperPanel.vue"
+    }
+}

package/{step/step.cjs.js → stepperpanel/stepperpanel.cjs.js}

@@ -1,30 +1,30 @@
 'use strict';
 
 var BaseComponent = require('primevue/basecomponent');
-var StepStyle = require('primevue/step/style');
+var StepperPanelStyle = require('primevue/stepperpanel/style');
 var vue = require('vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var BaseComponent__default = /*#__PURE__*/_interopDefaultLegacy(BaseComponent);
-var StepStyle__default = /*#__PURE__*/_interopDefaultLegacy(StepStyle);
+var StepperPanelStyle__default = /*#__PURE__*/_interopDefaultLegacy(StepperPanelStyle);
 
 var script$1 = {
-  name: 'BaseStep',
+  name: 'BaseStepperPanel',
   "extends": BaseComponent__default["default"],
   props: {
-    header: null,
-    headerStyle: null,
-    headerClass: null,
-    contentStyle: null,
-    contentClass: null,
-    disabled: Boolean
+    header: null
   },
-  style: StepStyle__default["default"]
+  style: StepperPanelStyle__default["default"],
+  provide: function provide() {
+    return {
+      $parentInstance: this
+    };
+  }
 };
 
 var script = {
-  name: 'Step',
+  name: 'StepperPanel',
   "extends": script$1
 };
 

package/stepperpanel/stepperpanel.cjs.min.js

@@ -0,0 +1 @@
+"use strict";var e=require("primevue/basecomponent"),r=require("primevue/stepperpanel/style"),t=require("vue");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u={name:"StepperPanel",extends:{name:"BaseStepperPanel",extends:n(e).default,props:{header:null},style:n(r).default,provide:function(){return{$parentInstance:this}}}};u.render=function(e,r,n,u,a,p){return t.renderSlot(e.$slots,"default")},module.exports=u;

package/{step/step.esm.js → stepperpanel/stepperpanel.esm.js}

@@ -1,23 +1,23 @@
 import BaseComponent from 'primevue/basecomponent';
-import StepStyle from 'primevue/step/style';
+import StepperPanelStyle from 'primevue/stepperpanel/style';
 import { renderSlot } from 'vue';
 
 var script$1 = {
-  name: 'BaseStep',
+  name: 'BaseStepperPanel',
   "extends": BaseComponent,
   props: {
-    header: null,
-    headerStyle: null,
-    headerClass: null,
-    contentStyle: null,
-    contentClass: null,
-    disabled: Boolean
+    header: null
   },
-  style: StepStyle
+  style: StepperPanelStyle,
+  provide: function provide() {
+    return {
+      $parentInstance: this
+    };
+  }
 };
 
 var script = {
-  name: 'Step',
+  name: 'StepperPanel',
   "extends": script$1
 };
 

package/stepperpanel/stepperpanel.esm.min.js

@@ -0,0 +1 @@
+import e from"primevue/basecomponent";import r from"primevue/stepperpanel/style";import{renderSlot as t}from"vue";var n={name:"StepperPanel",extends:{name:"BaseStepperPanel",extends:e,props:{header:null},style:r,provide:function(){return{$parentInstance:this}}}};n.render=function(e,r,n,p,a,o){return t(e.$slots,"default")};export{n as default};