primereact/stepper/index.mjs

A rich set of premium UI Components for React.

'use client';

var _=Object.defineProperty;var k=(e,r)=>{for(var p in r)_(e,p,{get:r[p],enumerable:!0})};import{createOptionalContext as $}from"@primereact/core/utils";var[q,s]=$();var X={};k(X,{Content:()=>I,Header:()=>N,Item:()=>g,List:()=>H,Number:()=>w,Panel:()=>L,Panels:()=>T,Root:()=>V,Separator:()=>A,Step:()=>D,Title:()=>O});import{Component as ee,withComponent as te}from"@primereact/core/component";import{mergeProps as re}from"@primeuix/utils";import*as z from"react";var l={as:"div"};var I=te({name:"Stepper.Content",defaultProps:l,setup(){return{stepper:s()}},render(e){let{props:r,ptmi:p,stepper:t}=e,o=re({className:t?.cx("content")},t?.ptm("content"),p("root"));return z.createElement(ee,{instance:e,attrs:o,children:r.children})}});import{Component as se,withComponent as me}from"@primereact/core/component";import{mergeProps as ae}from"@primeuix/utils";import*as u from"react";import{createOptionalContext as pe}from"@primereact/core/utils";var[B,i]=pe();import{createOptionalContext as oe}from"@primereact/core/utils";var[E,F]=oe();var c={as:"button"};var N=me({name:"Stepper.Header",defaultProps:c,setup(){let e=s(),r=i(),p=F(),t=u.useMemo(()=>r?.props?.value??p?.props?.value,[r?.props?.value,e?.props?.value]),o=u.useMemo(()=>!e?.isStepActive(t)&&(e?.isStepDisabled()||r?.props.disabled||p?.props.disabled),[e?.isStepDisabled,r?.props.disabled]);return{stepper:e,stepperitem:r,stepperstep:p,activeValue:t,disabled:o}},render(e){let{props:r,ptmi:p,stepper:t,activeValue:o,disabled:m}=e,a=ae(t?.getHeaderProps({activeValue:o,disabled:m}),{className:t?.cx("header")},t?.ptm("header"),p("root"));return u.createElement(se,{instance:e,attrs:a,children:r.children})}});import{Component as ne,withComponent as ie}from"@primereact/core/component";import{mergeProps as le}from"@primeuix/utils";import*as d from"react";var f={as:"div",value:void 0};var g=ie({name:"Stepper.Item",defaultProps:f,setup({props:e}){let r=s(),p=d.useMemo(()=>e.value===r?.state.value,[e.value,r?.state.value]);return{stepper:r,active:p}},render(e){let{props:r,ptmi:p,stepper:t,active:o}=e,m=le(t?.getItemProps({active:o}),{className:t?.cx("item",{active:o})},t?.ptm("item"),p("root"));return d.createElement(B,{value:e},d.createElement(ne,{instance:e,attrs:m,children:r.children}))}});import{Component as ce,withComponent as ue}from"@primereact/core/component";import{mergeProps as fe}from"@primeuix/utils";import*as G from"react";var P={as:"div"};var H=ue({name:"Stepper.List",defaultProps:P,setup(){return{stepper:s()}},render(e){let{props:r,ptmi:p,stepper:t}=e,o=fe({className:t?.cx("list")},t?.ptm("list"),p("root"));return G.createElement(ce,{instance:e,attrs:o,children:r.children})}});import{Component as de,withComponent as Pe}from"@primereact/core/component";import{mergeProps as Se}from"@primeuix/utils";import*as J from"react";var S={as:"span"};var w=Pe({name:"Stepper.Number",defaultProps:S,setup(){return{stepper:s()}},render(e){let{props:r,ptmi:p,stepper:t}=e,o=Se({className:t?.cx("number")},t?.ptm("number"),p("root"));return J.createElement(de,{instance:e,attrs:o,children:r.children})}});import{Component as xe,withComponent as ve}from"@primereact/core/component";import{useMotion as Ce}from"@primereact/core/motion";import{mergeProps as he}from"@primeuix/utils";import*as v from"react";var x={as:"div",value:void 0};var L=ve({name:"Stepper.Panel",defaultProps:x,setup(e){let{props:r}=e,p=s(),t=i(),o=v.useMemo(()=>t?t?.props?.value:r.value,[r.value,p?.state.value,t?.active]),m=v.useMemo(()=>p?.isStepActive(o),[o,p?.state.value]),a=Ce({cssVarPrefix:"px-stepper-panel",...p?.props.motionProps,elementRef:e.elementRef,visible:m});return{stepper:p,stepperitem:t,activeValue:o,active:m,motion:a}},render(e){let{props:r,ptmi:p,stepper:t,stepperitem:o,active:m,activeValue:a,motion:j}=e,Z=he(t?.getPanelProps({active:m,activeValue:a}),{className:t?.cx("panel",{isVertical:!!o,active:m})},t?.ptm("panel"),p("root"),j?.rootProps);return v.createElement(xe,{pIf:o?j.state.rendered:m,instance:e,attrs:Z,children:r.children})}});import{Component as Re,withComponent as be}from"@primereact/core/component";import{mergeProps as ye}from"@primeuix/utils";import*as K from"react";var C={as:"div"};var T=be({name:"Stepper.Panels",defaultProps:C,setup(){return{stepper:s()}},render(e){let{props:r,ptmi:p,stepper:t}=e,o=ye({className:t?.cx("panels")},t?.ptm("panels"),p("root"));return K.createElement(Re,{instance:e,attrs:o,children:r.children})}});import{Component as Ie,withComponent as Ne}from"@primereact/core/component";import{useStepper as ge}from"@primereact/headless/stepper";import{mergeProps as He}from"@primeuix/utils";import*as M from"react";import*as Q from"@primereact/headless/stepper";var h={...Q.defaultProps,as:"div",motionProps:void 0};var V=Ne({name:"Stepper.Root",defaultProps:h,setup(e){return ge(e.inProps)},render(e){let{id:r,props:p,ptmi:t,cx:o,rootProps:m}=e,a=He(m,{id:r,className:o("root")},t("root"));return M.createElement(q,{value:e},M.createElement(Ie,{instance:e,attrs:a,children:p.children}))}});import{Component as we,withComponent as Le}from"@primereact/core/component";import{mergeProps as Te}from"@primeuix/utils";import*as U from"react";var R={as:"span"};var A=Le({name:"Stepper.Separator",defaultProps:R,setup(){return{stepper:s()}},render(e){let{props:r,ptmi:p,stepper:t}=e,o=Te({className:t?.cx("separator")},t?.ptm("separator"),p("root"));return U.createElement(we,{instance:e,attrs:o,children:r.children})}});import{Component as Me,withComponent as Ve}from"@primereact/core/component";import{mergeProps as Ae}from"@primeuix/utils";import*as n from"react";var b={as:"div",value:void 0,disabled:!1};var D=Ve({name:"Stepper.Step",defaultProps:b,setup({props:e}){let r=s(),p=i(),t=n.useMemo(()=>p?p?.props?.value:e.value,[e.value,r?.state.value,p?.active]),o=n.useMemo(()=>r?.isStepActive(t),[t,r?.state.value]),m=n.useMemo(()=>!o&&(r?.isStepDisabled()||e.disabled),[o,r?.state.value,r?.props.linear,e.disabled]);return{stepper:r,stepperitem:p,activeValue:t,active:o,disabled:m}},render(e){let{props:r,ptmi:p,stepper:t,active:o,disabled:m}=e,a=Ae(t?.getStepProps({active:o,disabled:m}),{className:t?.cx("step",{active:o,disabled:m})},t?.ptm("step"),p("root"));return n.createElement(E,{value:e},n.createElement(Me,{instance:e,attrs:a,children:r.children}))}});import{Component as De,withComponent as Oe}from"@primereact/core/component";import{mergeProps as je}from"@primeuix/utils";import*as W from"react";var y={as:"span"};var O=Oe({name:"Stepper.Title",defaultProps:y,setup(){return{stepper:s()}},render(e){let{props:r,ptmi:p,stepper:t}=e,o=je({className:t?.cx("title")},t?.ptm("title"),p("root"));return W.createElement(De,{instance:e,attrs:o,children:r.children})}});var Y={};k(Y,{defaultContentProps:()=>l,defaultHeaderProps:()=>c,defaultItemProps:()=>f,defaultListProps:()=>P,defaultNumberProps:()=>S,defaultPanelProps:()=>x,defaultPanelsProps:()=>C,defaultRootProps:()=>h,defaultSeparatorProps:()=>R,defaultStepProps:()=>b,defaultTitleProps:()=>y});export{X as Stepper,I as StepperContent,N as StepperHeader,g as StepperItem,H as StepperList,w as StepperNumber,L as StepperPanel,T as StepperPanels,Y as StepperProps,q as StepperProvider,V as StepperRoot,A as StepperSeparator,D as StepperStep,O as StepperTitle,l as defaultContentProps,c as defaultHeaderProps,f as defaultItemProps,P as defaultListProps,S as defaultNumberProps,x as defaultPanelProps,C as defaultPanelsProps,h as defaultRootProps,R as defaultSeparatorProps,b as defaultStepProps,y as defaultTitleProps,s as useStepperContext};