@soyfri/shared-library 2.0.0-beta.1 → 2.0.0-beta.10

package/storybook-static/assets/Settings-BLKc1CnO.js

@@ -0,0 +1 @@
+import{j as c}from"./jsx-runtime-D_zvdyIk.js";import{c as l}from"./createSvgIcon-D_Gca4vA.js";const o=l(c.jsx("path",{d:"M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6"}));export{o as S};

package/storybook-static/assets/Snackbar-BtVeKTw6.js

@@ -0,0 +1 @@
+import{r as c}from"./iframe-BAJnc_4n.js";import{u as T,c as de}from"./useTimeout-DNjRaOWc.js";import{e as F,u as P}from"./useSlot-b6pXgp5_.js";import{u as pe}from"./useTheme-BmOJK7ra.js";import{j as E}from"./jsx-runtime-D_zvdyIk.js";import{g as I,a as W,u as $,s as R,c as fe,d as G,m as X,o as N,b as L}from"./DefaultPropsProvider-BGoQxtDa.js";import{u as me}from"./useForkRef-0ANIrxcF.js";import{g as ge}from"./getReactElementRef-BQ3ANZdy.js";import{o as M}from"./ownerDocument-DW-IO8s5.js";import{P as ke}from"./Paper-SwQBhqI7.js";import{G as he}from"./Grow-8y4FglGK.js";function U(e){return e.substring(2).toLowerCase()}function Ce(e,t){return t.documentElement.clientWidth<e.clientX||t.documentElement.clientHeight<e.clientY}function be(e){const{children:t,disableReactTree:a=!1,mouseEvent:o="onClick",onClickAway:l,touchEvent:u="onTouchEnd"}=e,m=c.useRef(!1),d=c.useRef(null),g=c.useRef(!1),k=c.useRef(!1);c.useEffect(()=>(setTimeout(()=>{g.current=!0},0),()=>{g.current=!1}),[]);const f=me(ge(t),d),p=T(s=>{const i=k.current;k.current=!1;const C=M(d.current);if(!g.current||!d.current||"clientX"in s&&Ce(s,C))return;if(m.current){m.current=!1;return}let n;s.composedPath?n=s.composedPath().includes(d.current):n=!C.documentElement.contains(s.target)||d.current.contains(s.target),!n&&(a||!i)&&l(s)}),y=s=>i=>{k.current=!0;const C=t.props[s];C&&C(i)},w={ref:f};return u!==!1&&(w[u]=y(u)),c.useEffect(()=>{if(u!==!1){const s=U(u),i=M(d.current),C=()=>{m.current=!0};return i.addEventListener(s,p),i.addEventListener("touchmove",C),()=>{i.removeEventListener(s,p),i.removeEventListener("touchmove",C)}}},[p,u]),o!==!1&&(w[o]=y(o)),c.useEffect(()=>{if(o!==!1){const s=U(o),i=M(d.current);return i.addEventListener(s,p),()=>{i.removeEventListener(s,p)}}},[p,o]),c.cloneElement(t,w)}function ve(e={}){const{autoHideDuration:t=null,disableWindowBlurListener:a=!1,onClose:o,open:l,resumeHideDuration:u}=e,m=de();c.useEffect(()=>{if(!l)return;function n(r){r.defaultPrevented||r.key==="Escape"&&o?.(r,"escapeKeyDown")}return document.addEventListener("keydown",n),()=>{document.removeEventListener("keydown",n)}},[l,o]);const d=T((n,r)=>{o?.(n,r)}),g=T(n=>{!o||n==null||m.start(n,()=>{d(null,"timeout")})});c.useEffect(()=>(l&&g(t),m.clear),[l,t,g,m]);const k=n=>{o?.(n,"clickaway")},f=m.clear,p=c.useCallback(()=>{t!=null&&g(u??t*.5)},[t,u,g]),y=n=>r=>{const b=n.onBlur;b?.(r),p()},w=n=>r=>{const b=n.onFocus;b?.(r),f()},s=n=>r=>{const b=n.onMouseEnter;b?.(r),f()},i=n=>r=>{const b=n.onMouseLeave;b?.(r),p()};return c.useEffect(()=>{if(!a&&l)return window.addEventListener("focus",p),window.addEventListener("blur",f),()=>{window.removeEventListener("focus",p),window.removeEventListener("blur",f)}},[a,l,p,f]),{getRootProps:(n={})=>{const r={...F(e),...F(n)};return{role:"presentation",...n,...r,onBlur:y(r),onFocus:w(r),onMouseEnter:s(r),onMouseLeave:i(r)}},onClickAway:k}}function we(e){return I("MuiSnackbarContent",e)}W("MuiSnackbarContent",["root","message","action"]);const Ee=e=>{const{classes:t}=e;return G({root:["root"],action:["action"],message:["message"]},we,t)},ye=R(ke,{name:"MuiSnackbarContent",slot:"Root"})(X(({theme:e})=>{const t=e.palette.mode==="light"?.8:.98;return{...e.typography.body2,color:e.vars?e.vars.palette.SnackbarContent.color:e.palette.getContrastText(N(e.palette.background.default,t)),backgroundColor:e.vars?e.vars.palette.SnackbarContent.bg:N(e.palette.background.default,t),display:"flex",alignItems:"center",flexWrap:"wrap",padding:"6px 16px",flexGrow:1,[e.breakpoints.up("sm")]:{flexGrow:"initial",minWidth:288}}})),Se=R("div",{name:"MuiSnackbarContent",slot:"Message"})({padding:"8px 0"}),xe=R("div",{name:"MuiSnackbarContent",slot:"Action"})({display:"flex",alignItems:"center",marginLeft:"auto",paddingLeft:16,marginRight:-8}),Pe=c.forwardRef(function(t,a){const o=$({props:t,name:"MuiSnackbarContent"}),{action:l,className:u,message:m,role:d="alert",...g}=o,k=o,f=Ee(k);return E.jsxs(ye,{role:d,elevation:6,className:fe(f.root,u),ownerState:k,ref:a,...g,children:[E.jsx(Se,{className:f.message,ownerState:k,children:m}),l?E.jsx(xe,{className:f.action,ownerState:k,children:l}):null]})});function Le(e){return I("MuiSnackbar",e)}W("MuiSnackbar",["root","anchorOriginTopCenter","anchorOriginBottomCenter","anchorOriginTopRight","anchorOriginBottomRight","anchorOriginTopLeft","anchorOriginBottomLeft"]);const Re=e=>{const{classes:t,anchorOrigin:a}=e,o={root:["root",`anchorOrigin${L(a.vertical)}${L(a.horizontal)}`]};return G(o,Le,t)},Me=R("div",{name:"MuiSnackbar",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:a}=e;return[t.root,t[`anchorOrigin${L(a.anchorOrigin.vertical)}${L(a.anchorOrigin.horizontal)}`]]}})(X(({theme:e})=>({zIndex:(e.vars||e).zIndex.snackbar,position:"fixed",display:"flex",left:8,right:8,justifyContent:"center",alignItems:"center",variants:[{props:({ownerState:t})=>t.anchorOrigin.vertical==="top",style:{top:8,[e.breakpoints.up("sm")]:{top:24}}},{props:({ownerState:t})=>t.anchorOrigin.vertical!=="top",style:{bottom:8,[e.breakpoints.up("sm")]:{bottom:24}}},{props:({ownerState:t})=>t.anchorOrigin.horizontal==="left",style:{justifyContent:"flex-start",[e.breakpoints.up("sm")]:{left:24,right:"auto"}}},{props:({ownerState:t})=>t.anchorOrigin.horizontal==="right",style:{justifyContent:"flex-end",[e.breakpoints.up("sm")]:{right:24,left:"auto"}}},{props:({ownerState:t})=>t.anchorOrigin.horizontal==="center",style:{[e.breakpoints.up("sm")]:{left:"50%",right:"auto",transform:"translateX(-50%)"}}}]}))),$e=c.forwardRef(function(t,a){const o=$({props:t,name:"MuiSnackbar"}),l=pe(),u={enter:l.transitions.duration.enteringScreen,exit:l.transitions.duration.leavingScreen},{action:m,anchorOrigin:{vertical:d,horizontal:g}={vertical:"bottom",horizontal:"left"},autoHideDuration:k=null,children:f,className:p,ClickAwayListenerProps:y,ContentProps:w,disableWindowBlurListener:s=!1,message:i,onBlur:C,onClose:n,onFocus:r,onMouseEnter:b,onMouseLeave:Te,open:A,resumeHideDuration:Ae,slots:O={},slotProps:K={},TransitionComponent:j,transitionDuration:H=u,TransitionProps:{onEnter:z,onExited:B,...Y}={},...q}=o,S={...o,anchorOrigin:{vertical:d,horizontal:g},autoHideDuration:k,disableWindowBlurListener:s,TransitionComponent:j,transitionDuration:H},J=Re(S),{getRootProps:Q,onClickAway:V}=ve({...S}),[Z,D]=c.useState(!0),_=v=>{D(!0),B&&B(v)},ee=(v,h)=>{D(!1),z&&z(v,h)},x={slots:{transition:j,...O},slotProps:{content:w,clickAwayListener:y,transition:Y,...K}},[te,ne]=P("root",{ref:a,className:[J.root,p],elementType:Me,getSlotProps:Q,externalForwardedProps:{...x,...q},ownerState:S}),[oe,{ownerState:re,...se}]=P("clickAwayListener",{elementType:be,externalForwardedProps:x,getSlotProps:v=>({onClickAway:(...h)=>{const ue=h[0];v.onClickAway?.(...h),!ue?.defaultMuiPrevented&&V(...h)}}),ownerState:S}),[ae,ie]=P("content",{elementType:Pe,shouldForwardComponentProp:!0,externalForwardedProps:x,additionalProps:{message:i,action:m},ownerState:S}),[ce,le]=P("transition",{elementType:he,externalForwardedProps:x,getSlotProps:v=>({onEnter:(...h)=>{v.onEnter?.(...h),ee(...h)},onExited:(...h)=>{v.onExited?.(...h),_(...h)}}),additionalProps:{appear:!0,in:A,timeout:H,direction:d==="top"?"down":"up"},ownerState:S});return!A&&Z?null:E.jsx(oe,{...se,...O.clickAwayListener&&{ownerState:re},children:E.jsx(te,{...ne,children:E.jsx(ce,{...le,children:f||E.jsx(ae,{...ie})})})})});export{$e as S};

package/storybook-static/assets/Stack-D01OUIXi.js

@@ -0,0 +1 @@
+import{p as T,c as b,q as k,t as u,v as D,n as R,w as B,d as F,g as M,x as E,y as h,s as G,u as N}from"./DefaultPropsProvider-BGoQxtDa.js";import{r as p}from"./iframe-BAJnc_4n.js";import{j as O}from"./jsx-runtime-D_zvdyIk.js";import{e as U}from"./extendSxProp-CEpa30hT.js";import{u as $}from"./useThemeProps-DYtxXiUU.js";const A=T(),q=E(),I=A("div",{name:"MuiStack",slot:"Root"});function L(e){return $({props:e,name:"MuiStack",defaultTheme:q})}function z(e,r){const n=p.Children.toArray(e).filter(Boolean);return n.reduce((c,a,t)=>(c.push(a),t<n.length-1&&c.push(p.cloneElement(r,{key:`separator-${t}`})),c),[])}const H=e=>({row:"Left","row-reverse":"Right",column:"Top","column-reverse":"Bottom"})[e],J=({ownerState:e,theme:r})=>{let n={display:"flex",flexDirection:"column",...k({theme:r},u({values:e.direction,breakpoints:r.breakpoints.values}),c=>({flexDirection:c}))};if(e.spacing){const c=D(r),a=Object.keys(r.breakpoints.values).reduce((s,o)=>((typeof e.spacing=="object"&&e.spacing[o]!=null||typeof e.direction=="object"&&e.direction[o]!=null)&&(s[o]=!0),s),{}),t=u({values:e.direction,base:a}),m=u({values:e.spacing,base:a});typeof t=="object"&&Object.keys(t).forEach((s,o,i)=>{if(!t[s]){const l=o>0?t[i[o-1]]:"column";t[s]=l}}),n=R(n,k({theme:r},m,(s,o)=>e.useFlexGap?{gap:h(c,s)}:{"& > :not(style):not(style)":{margin:0},"& > :not(style) ~ :not(style)":{[`margin${H(o?t[o]:e.direction)}`]:h(c,s)}}))}return n=B(r.breakpoints,n),n};function K(e={}){const{createStyledComponent:r=I,useThemeProps:n=L,componentName:c="MuiStack"}=e,a=()=>F({root:["root"]},s=>M(c,s),{}),t=r(J);return p.forwardRef(function(s,o){const i=n(s),f=U(i),{component:l="div",direction:v="column",spacing:x=0,divider:y,children:g,className:S,useFlexGap:j=!1,...C}=f,P={direction:v,spacing:x,useFlexGap:j},V=a();return O.jsx(t,{as:l,ownerState:P,ref:o,className:b(V.root,S),...C,children:y?z(g,y):g})})}const _=K({createStyledComponent:G("div",{name:"MuiStack",slot:"Root"}),useThemeProps:e=>N({props:e,name:"MuiStack"})});export{_ as S};

package/storybook-static/assets/Stat.stories-Bn9-iuPT.js

@@ -0,0 +1,60 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as D}from"./iframe-BAJnc_4n.js";import{B as h}from"./Box-BnhEcfFm.js";import{T as t}from"./Typography-BgntX2Ep.js";import{S as n}from"./Stack-D01OUIXi.js";import{C as b}from"./Chip-C3vKPpzR.js";import"./preload-helper-PPVm8Dsz.js";import"./DefaultPropsProvider-BGoQxtDa.js";import"./extendSxProp-CEpa30hT.js";import"./emotion-react.browser.esm--g-C9cX9.js";import"./createSimplePaletteValueFilter-bm0fmN_7.js";import"./useThemeProps-DYtxXiUU.js";import"./createSvgIcon-D_Gca4vA.js";import"./useSlot-b6pXgp5_.js";import"./useForkRef-0ANIrxcF.js";import"./ButtonBase-qyaMEhe4.js";import"./useTimeout-DNjRaOWc.js";import"./isFocusVisible-B8k4qzLc.js";const S=({stat:a,stat2:r,label:s,color:v="#1469B8",chipColor:j="#1469B8",chips:B=[],simple:g=!1,chip:f=!1,chipList:y=!1,children:w,statDisplay:C})=>{const o=D.useMemo(()=>g?"simple":f?"chip":y?"chipList":"default",[g,f,y]),u=()=>C?C(a):e.jsx(t,{variant:"h6",children:a});return e.jsxs(e.Fragment,{children:[o==="default"&&e.jsxs(h,{className:"stat",children:[e.jsx(t,{variant:"h4","data-testid":"selection-template-option-outlet",children:u()}),e.jsxs(h,{className:"stat__label",display:"flex",alignItems:"center",gap:1,children:[e.jsx(t,{variant:"body1",children:s}),e.jsx(h,{width:40,height:4,bgcolor:v,"data-testid":"stat-border",borderRadius:2})]})]}),o==="simple"&&e.jsxs(n,{direction:"row",spacing:2,alignItems:"center",children:[e.jsx(t,{variant:"body1",children:s}),e.jsx(t,{"data-testid":"selection-template-option-outlet",children:u()}),r&&e.jsx(t,{children:r})]}),o==="chip"&&e.jsxs(n,{direction:"row",spacing:2,alignItems:"center",children:[e.jsx(t,{variant:"body1",children:s}),e.jsx(b,{"data-testid":"chip-template-option-outlet",label:u(),sx:{backgroundColor:j,color:"#fff",fontWeight:"bold"}})]}),o==="chipList"&&e.jsxs(n,{direction:"row",spacing:2,alignItems:"center",children:[e.jsx(t,{variant:"body1",children:s}),e.jsx(n,{direction:"row",spacing:1,children:B.map((x,R)=>e.jsx(b,{label:x.stat,sx:{backgroundColor:x.chipColor,color:"#fff",fontWeight:"bold"}},R))})]}),w]})};S.__docgenInfo={description:"",methods:[],displayName:"Stat",props:{stat:{required:!0,tsType:{name:"any"},description:""},stat2:{required:!1,tsType:{name:"any"},description:""},label:{required:!0,tsType:{name:"string"},description:""},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#1469B8'",computed:!1}},chipColor:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'#1469B8'",computed:!1}},chips:{required:!1,tsType:{name:"Array",elements:[{name:"StatChip"}],raw:"StatChip[]"},description:"",defaultValue:{value:"[]",computed:!1}},simple:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},chip:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},chipList:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},children:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},statDisplay:{required:!1,tsType:{name:"signature",type:"function",raw:"(stat: any) => React.ReactNode",signature:{arguments:[{type:{name:"any"},name:"stat"}],return:{name:"ReactReactNode",raw:"React.ReactNode"}}},description:""}}};const{expect:T,within:N}=__STORYBOOK_MODULE_TEST__,G={title:"Components/Stat",component:S,parameters:{layout:"centered"},tags:["autodocs"]},i={args:{stat:100,label:"Total Sales"}},c={args:{stat:75,stat2:"Last Week",label:"Completed Orders",simple:!0}},l={args:{stat:42,label:"New Users",chip:!0,chipColor:"#673AB7"}},p={args:{label:"Status",chipList:!0,chips:[{stat:"Active",chipColor:"#4CAF50"},{stat:"Pending",chipColor:"#FFC107"},{stat:"Blocked",chipColor:"#F44336"}]}},d={args:{stat:350,label:"Revenue",chip:!0,chipColor:"#2E7D32",statDisplay:a=>e.jsxs(t,{variant:"h6",fontWeight:"bold",children:["$",a.toLocaleString()]})}},m={args:{stat:42,label:"New Users",chip:!0,chipColor:"#673AB7"},play:async({canvasElement:a})=>{const r=N(a),s=r.getByTestId("chip-template-option-outlet");T(s).toBeInTheDocument(),T(r.getByText("42")).toBeInTheDocument()}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
+  args: {
+    stat: 100,
+    label: 'Total Sales'
+  }
+}`,...i.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  args: {
+    stat: 75,
+    stat2: 'Last Week',
+    label: 'Completed Orders',
+    simple: true
+  }
+}`,...c.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  args: {
+    stat: 42,
+    label: 'New Users',
+    chip: true,
+    chipColor: '#673AB7'
+  }
+}`,...l.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  args: {
+    label: 'Status',
+    chipList: true,
+    chips: [{
+      stat: 'Active',
+      chipColor: '#4CAF50'
+    }, {
+      stat: 'Pending',
+      chipColor: '#FFC107'
+    }, {
+      stat: 'Blocked',
+      chipColor: '#F44336'
+    }] as StatChip[]
+  }
+}`,...p.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  args: {
+    stat: 350,
+    label: 'Revenue',
+    chip: true,
+    chipColor: '#2E7D32',
+    statDisplay: (stat: any) => <Typography variant="h6" fontWeight="bold">
+                \${stat.toLocaleString()}
+            </Typography>
+  }
+}`,...d.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  args: {
+    stat: 42,
+    label: 'New Users',
+    chip: true,
+    chipColor: '#673AB7'
+  },
+  play: async ({
+    canvasElement
+  }) => {
+    const canvas = within(canvasElement);
+    const stat = canvas.getByTestId('chip-template-option-outlet');
+    expect(stat).toBeInTheDocument();
+    expect(canvas.getByText('42')).toBeInTheDocument();
+  }
+}`,...m.parameters?.docs?.source}}};const H=["Default","Simple","Chip","ChipList","WithCustomDisplay","aStat"];export{l as Chip,p as ChipList,i as Default,c as Simple,d as WithCustomDisplay,H as __namedExportsOrder,m as aStat,G as default};

package/storybook-static/assets/StatusMessage.stories-hnfX8FeU.js

@@ -0,0 +1,73 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as y}from"./iframe-BAJnc_4n.js";import{D as j,a as S,b as v}from"./DialogContent-BeCDKgax.js";import{B as C}from"./Box-BnhEcfFm.js";import{T as c}from"./Typography-BgntX2Ep.js";import{B as n}from"./Button-DBpqmVB_.js";import{A as M}from"./Alert-3zvTPc0p.js";import{W as E,E as w}from"./ErrorOutline-D9gM7ART.js";import{C as A}from"./CheckCircleOutline-CEj5mDsl.js";import"./preload-helper-PPVm8Dsz.js";import"./DefaultPropsProvider-BGoQxtDa.js";import"./useTheme-BmOJK7ra.js";import"./extendSxProp-CEpa30hT.js";import"./useSlot-b6pXgp5_.js";import"./useForkRef-0ANIrxcF.js";import"./Paper-SwQBhqI7.js";import"./Fade-Ll96CvH8.js";import"./getReactElementRef-BQ3ANZdy.js";import"./useTimeout-DNjRaOWc.js";import"./index-CY7j4a7o.js";import"./index-BF3FAXTk.js";import"./useId-b4fZxjOL.js";import"./Modal-3okp9H2i.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-Cj8XF9Lf.js";import"./emotion-react.browser.esm--g-C9cX9.js";import"./createSimplePaletteValueFilter-bm0fmN_7.js";import"./ButtonBase-qyaMEhe4.js";import"./isFocusVisible-B8k4qzLc.js";import"./CircularProgress-DC7ZNWwl.js";import"./createSvgIcon-D_Gca4vA.js";import"./Close-Cy8nELYU.js";import"./IconButton-9OYSTH58.js";const i=({title:s,description:a,messageType:r="success",displayType:t="alert",close:o,open:f=!0})=>{const h=()=>{switch(r){case"success":return"success";case"danger":return"error";case"warning":return"warning";default:return"info"}},T=()=>{switch(r){case"success":return e.jsx(A,{sx:{fontSize:"64px",color:"success.main"}});case"danger":return e.jsx(w,{sx:{fontSize:"64px",color:"error.main"}});case"warning":return e.jsx(E,{sx:{fontSize:"64px",color:"warning.main"}});default:return null}},x=h();return a?e.jsx(e.Fragment,{children:t==="modal"?e.jsxs(j,{open:f,onClose:o,"aria-labelledby":"message-dialog-title",maxWidth:"md",PaperProps:{sx:{borderRadius:"16px",p:2}},children:[e.jsxs(S,{sx:{display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",p:4,gap:2},children:[e.jsx(C,{sx:{mb:2},children:T()}),e.jsx(c,{variant:"h4",component:"h2",sx:{fontWeight:"bold"},children:s||""}),e.jsx(c,{variant:"body1",color:"text.secondary",children:a})]}),o&&e.jsx(v,{sx:{justifyContent:"center",p:2},children:e.jsx(n,{onClick:o,variant:"contained",color:x,children:"Aceptar"})})]}):e.jsxs(M,{severity:x,sx:{mb:2,mt:2},onClose:o,action:o&&e.jsx(n,{onClick:o,size:"small",color:"inherit",children:"Cerrar"}),children:[e.jsx(c,{variant:"h6",sx:{fontWeight:"bold"},children:s}),e.jsx(c,{variant:"body2",sx:{mt:1},children:a})]})}):null};i.__docgenInfo={description:"",methods:[],displayName:"StatusMessage",props:{title:{required:!0,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""},description:{required:!1,tsType:{name:"string"},description:""},messageType:{required:!1,tsType:{name:"union",raw:"'success' | 'danger' | 'warning'",elements:[{name:"literal",value:"'success'"},{name:"literal",value:"'danger'"},{name:"literal",value:"'warning'"}]},description:"",defaultValue:{value:"'success'",computed:!1}},displayType:{required:!1,tsType:{name:"union",raw:"'alert' | 'modal'",elements:[{name:"literal",value:"'alert'"},{name:"literal",value:"'modal'"}]},description:"",defaultValue:{value:"'alert'",computed:!1}},close:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},open:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}}}};const ce={title:"Components/StatusMessage",component:i,tags:["autodocs"],argTypes:{title:{control:"text"},description:{control:"text"},messageType:{control:"select",options:["success","danger","warning"]},displayType:{control:"select",options:["alert","modal"]},open:{control:"boolean",if:{arg:"displayType",eq:"modal"}},close:{action:"closed"}},args:{title:"Título del Mensaje",description:"Esta es una descripción detallada del mensaje de estado."}},l={args:{messageType:"success",displayType:"alert",title:"Operación Exitosa",description:"La operación se ha completado correctamente."}},d={args:{messageType:"warning",displayType:"alert",title:"Advertencia",description:"Esta acción podría tener consecuencias no deseadas."}},p={args:{messageType:"danger",displayType:"alert",title:"Error de Procesamiento",description:"Se ha producido un error inesperado al procesar la solicitud."}},m={render:s=>{const[a,r]=y.useState(!0),t=()=>r(!1);return e.jsxs(e.Fragment,{children:[e.jsx(n,{onClick:()=>r(!0),variant:"contained",color:"success",children:"Mostrar Modal de Éxito"}),e.jsx(i,{...s,open:a,close:t})]})},args:{messageType:"success",displayType:"modal",title:"Operación Exitosa",description:"La operación se ha completado correctamente."}},u={render:s=>{const[a,r]=y.useState(!1),t=()=>r(!1);return e.jsxs(e.Fragment,{children:[e.jsx(n,{onClick:()=>r(!0),variant:"contained",color:"warning",children:"Mostrar Modal de Advertencia"}),e.jsx(i,{...s,open:a,close:t})]})},args:{messageType:"warning",displayType:"modal",title:"Advertencia",description:"Esta acción podría tener consecuencias no deseadas."}},g={render:s=>{const[a,r]=y.useState(!1),t=()=>r(!1);return e.jsxs(e.Fragment,{children:[e.jsx(n,{onClick:()=>r(!0),variant:"contained",color:"error",children:"Mostrar Modal de Error"}),e.jsx(i,{...s,open:a,close:t})]})},args:{messageType:"danger",displayType:"modal",title:"Error de Procesamiento",description:"Se ha producido un error inesperado al procesar la solicitud."}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  args: {
+    messageType: 'success',
+    displayType: 'alert',
+    title: 'Operación Exitosa',
+    description: 'La operación se ha completado correctamente.'
+  }
+}`,...l.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  args: {
+    messageType: 'warning',
+    displayType: 'alert',
+    title: 'Advertencia',
+    description: 'Esta acción podría tener consecuencias no deseadas.'
+  }
+}`,...d.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  args: {
+    messageType: 'danger',
+    displayType: 'alert',
+    title: 'Error de Procesamiento',
+    description: 'Se ha producido un error inesperado al procesar la solicitud.'
+  }
+}`,...p.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [open, setOpen] = useState(true);
+    const handleClose = () => setOpen(false);
+    return <>
+        <Button onClick={() => setOpen(true)} variant="contained" color="success">
+          Mostrar Modal de Éxito
+        </Button>
+        <StatusMessage {...args} open={open} close={handleClose} />
+      </>;
+  },
+  args: {
+    messageType: 'success',
+    displayType: 'modal',
+    title: 'Operación Exitosa',
+    description: 'La operación se ha completado correctamente.'
+  }
+}`,...m.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [open, setOpen] = useState(false);
+    const handleClose = () => setOpen(false);
+    return <>
+        <Button onClick={() => setOpen(true)} variant="contained" color="warning">
+          Mostrar Modal de Advertencia
+        </Button>
+        <StatusMessage {...args} open={open} close={handleClose} />
+      </>;
+  },
+  args: {
+    messageType: 'warning',
+    displayType: 'modal',
+    title: 'Advertencia',
+    description: 'Esta acción podría tener consecuencias no deseadas.'
+  }
+}`,...u.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [open, setOpen] = useState(false);
+    const handleClose = () => setOpen(false);
+    return <>
+        <Button onClick={() => setOpen(true)} variant="contained" color="error">
+          Mostrar Modal de Error
+        </Button>
+        <StatusMessage {...args} open={open} close={handleClose} />
+      </>;
+  },
+  args: {
+    messageType: 'danger',
+    displayType: 'modal',
+    title: 'Error de Procesamiento',
+    description: 'Se ha producido un error inesperado al procesar la solicitud.'
+  }
+}`,...g.parameters?.docs?.source}}};const le=["AlertSuccess","AlertWarning","AlertDanger","ModalSuccess","ModalWarning","ModalDanger"];export{p as AlertDanger,l as AlertSuccess,d as AlertWarning,g as ModalDanger,m as ModalSuccess,u as ModalWarning,le as __namedExportsOrder,ce as default};

package/storybook-static/assets/Stepper-BtKB5ykn.js

@@ -0,0 +1,2 @@
+import{j as l}from"./jsx-runtime-D_zvdyIk.js";import{r as s}from"./iframe-BAJnc_4n.js";import{B as U}from"./Box-BnhEcfFm.js";import{g as N,a as T,u as $,s as y,c as P,d as W,m as k,b as H}from"./DefaultPropsProvider-BGoQxtDa.js";import{u as E}from"./useSlot-b6pXgp5_.js";import{c as O,S as Z}from"./createSvgIcon-D_Gca4vA.js";const q=s.createContext({}),D=s.createContext({});function ee(e){return N("MuiStep",e)}T("MuiStep",["root","horizontal","vertical","alternativeLabel","completed"]);const te=e=>{const{classes:t,orientation:o,alternativeLabel:r,completed:a}=e;return W({root:["root",o,r&&"alternativeLabel",a&&"completed"]},ee,t)},oe=y("div",{name:"MuiStep",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,t[o.orientation],o.alternativeLabel&&t.alternativeLabel,o.completed&&t.completed]}})({variants:[{props:{orientation:"horizontal"},style:{paddingLeft:8,paddingRight:8}},{props:{alternativeLabel:!0},style:{flex:1,position:"relative"}}]}),ne=s.forwardRef(function(t,o){const r=$({props:t,name:"MuiStep"}),{active:a,children:n,className:u,component:i="div",completed:p,disabled:d,expanded:m=!1,index:c,last:v,...C}=r,{activeStep:x,connector:S,alternativeLabel:b,orientation:f,nonLinear:M}=s.useContext(q);let[L=!1,I=!1,h=!1]=[a,p,d];x===c?L=a!==void 0?a:!0:!M&&x>c?I=p!==void 0?p:!0:!M&&x<c&&(h=d!==void 0?d:!0);const w=s.useMemo(()=>({index:c,last:v,expanded:m,icon:c+1,active:L,completed:I,disabled:h}),[c,v,m,L,I,h]),g={...r,active:L,orientation:f,alternativeLabel:b,completed:I,disabled:h,expanded:m,component:i},j=te(g),R=l.jsxs(oe,{as:i,className:P(j.root,u),ref:o,ownerState:g,...C,children:[S&&b&&c!==0?S:null,n]});return l.jsx(D.Provider,{value:w,children:S&&!b&&c!==0?l.jsxs(s.Fragment,{children:[S,R]}):R})}),re=O(l.jsx("path",{d:"M12 0a12 12 0 1 0 0 24 12 12 0 0 0 0-24zm-2 17l-5-5 1.4-1.4 3.6 3.6 7.6-7.6L19 8l-9 9z"})),ae=O(l.jsx("path",{d:"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"}));function se(e){return N("MuiStepIcon",e)}const F=T("MuiStepIcon",["root","active","completed","error","text"]);var B;const le=e=>{const{classes:t,active:o,completed:r,error:a}=e;return W({root:["root",o&&"active",r&&"completed",a&&"error"],text:["text"]},se,t)},A=y(Z,{name:"MuiStepIcon",slot:"Root"})(k(({theme:e})=>({display:"block",transition:e.transitions.create("color",{duration:e.transitions.duration.shortest}),color:(e.vars||e).palette.text.disabled,[`&.${F.completed}`]:{color:(e.vars||e).palette.primary.main},[`&.${F.active}`]:{color:(e.vars||e).palette.primary.main},[`&.${F.error}`]:{color:(e.vars||e).palette.error.main}}))),ie=y("text",{name:"MuiStepIcon",slot:"Text"})(k(({theme:e})=>({fill:(e.vars||e).palette.primary.contrastText,fontSize:e.typography.caption.fontSize,fontFamily:e.typography.fontFamily}))),ce=s.forwardRef(function(t,o){const r=$({props:t,name:"MuiStepIcon"}),{active:a=!1,className:n,completed:u=!1,error:i=!1,icon:p,...d}=r,m={...r,active:a,completed:u,error:i},c=le(m);if(typeof p=="number"||typeof p=="string"){const v=P(n,c.root);return i?l.jsx(A,{as:ae,className:v,ref:o,ownerState:m,...d}):u?l.jsx(A,{as:re,className:v,ref:o,ownerState:m,...d}):l.jsxs(A,{className:v,ref:o,ownerState:m,...d,children:[B||(B=l.jsx("circle",{cx:"12",cy:"12",r:"12"})),l.jsx(ie,{className:c.text,x:"12",y:"12",textAnchor:"middle",dominantBaseline:"central",ownerState:m,children:p})]})}return p});function pe(e){return N("MuiStepLabel",e)}const z=T("MuiStepLabel",["root","horizontal","vertical","label","active","completed","error","disabled","iconContainer","alternativeLabel","labelContainer"]),de=e=>{const{classes:t,orientation:o,active:r,completed:a,error:n,disabled:u,alternativeLabel:i}=e;return W({root:["root",o,n&&"error",u&&"disabled",i&&"alternativeLabel"],label:["label",r&&"active",a&&"completed",n&&"error",u&&"disabled",i&&"alternativeLabel"],iconContainer:["iconContainer",r&&"active",a&&"completed",n&&"error",u&&"disabled",i&&"alternativeLabel"],labelContainer:["labelContainer",i&&"alternativeLabel"]},pe,t)},ue=y("span",{name:"MuiStepLabel",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,t[o.orientation]]}})({display:"flex",alignItems:"center",[`&.${z.alternativeLabel}`]:{flexDirection:"column"},[`&.${z.disabled}`]:{cursor:"default"},variants:[{props:{orientation:"vertical"},style:{textAlign:"left",padding:"8px 0"}}]}),me=y("span",{name:"MuiStepLabel",slot:"Label"})(k(({theme:e})=>({...e.typography.body2,display:"block",transition:e.transitions.create("color",{duration:e.transitions.duration.shortest}),[`&.${z.active}`]:{color:(e.vars||e).palette.text.primary,fontWeight:500},[`&.${z.completed}`]:{color:(e.vars||e).palette.text.primary,fontWeight:500},[`&.${z.alternativeLabel}`]:{marginTop:16},[`&.${z.error}`]:{color:(e.vars||e).palette.error.main}}))),ve=y("span",{name:"MuiStepLabel",slot:"IconContainer"})({flexShrink:0,display:"flex",paddingRight:8,[`&.${z.alternativeLabel}`]:{paddingRight:0}}),be=y("span",{name:"MuiStepLabel",slot:"LabelContainer"})(k(({theme:e})=>({width:"100%",color:(e.vars||e).palette.text.secondary,[`&.${z.alternativeLabel}`]:{textAlign:"center"}}))),G=s.forwardRef(function(t,o){const r=$({props:t,name:"MuiStepLabel"}),{children:a,className:n,componentsProps:u={},error:i=!1,icon:p,optional:d,slots:m={},slotProps:c={},StepIconComponent:v,StepIconProps:C,...x}=r,{alternativeLabel:S,orientation:b}=s.useContext(q),{active:f,disabled:M,completed:L,icon:I}=s.useContext(D),h=p||I;let w=v;h&&!w&&(w=ce);const g={...r,active:f,alternativeLabel:S,completed:L,disabled:M,error:i,orientation:b},j=de(g),R={slots:m,slotProps:{stepIcon:C,...u,...c}},[K,Q]=E("root",{elementType:ue,externalForwardedProps:{...R,...x},ownerState:g,ref:o,className:P(j.root,n)}),[X,V]=E("label",{elementType:me,externalForwardedProps:R,ownerState:g}),[_,Y]=E("stepIcon",{elementType:w,externalForwardedProps:R,ownerState:g});return l.jsxs(K,{...Q,children:[h||_?l.jsx(ve,{className:j.iconContainer,ownerState:g,children:l.jsx(_,{completed:L,active:f,error:i,icon:h,...Y})}):null,l.jsxs(be,{className:j.labelContainer,ownerState:g,children:[a?l.jsx(X,{...V,className:P(j.label,V?.className),children:a}):null,d]})]})});G.muiName="StepLabel";function Se(e){return N("MuiStepConnector",e)}T("MuiStepConnector",["root","horizontal","vertical","alternativeLabel","active","completed","disabled","line","lineHorizontal","lineVertical"]);const fe=e=>{const{classes:t,orientation:o,alternativeLabel:r,active:a,completed:n,disabled:u}=e,i={root:["root",o,r&&"alternativeLabel",a&&"active",n&&"completed",u&&"disabled"],line:["line",`line${H(o)}`]};return W(i,Se,t)},xe=y("div",{name:"MuiStepConnector",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,t[o.orientation],o.alternativeLabel&&t.alternativeLabel,o.completed&&t.completed]}})({flex:"1 1 auto",variants:[{props:{orientation:"vertical"},style:{marginLeft:12}},{props:{alternativeLabel:!0},style:{position:"absolute",top:12,left:"calc(-50% + 20px)",right:"calc(50% + 20px)"}}]}),Ce=y("span",{name:"MuiStepConnector",slot:"Line",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.line,t[`line${H(o.orientation)}`]]}})(k(({theme:e})=>{const t=e.palette.mode==="light"?e.palette.grey[400]:e.palette.grey[600];return{display:"block",borderColor:e.vars?e.vars.palette.StepConnector.border:t,variants:[{props:{orientation:"horizontal"},style:{borderTopStyle:"solid",borderTopWidth:1}},{props:{orientation:"vertical"},style:{borderLeftStyle:"solid",borderLeftWidth:1,minHeight:24}}]}})),Le=s.forwardRef(function(t,o){const r=$({props:t,name:"MuiStepConnector"}),{className:a,...n}=r,{alternativeLabel:u,orientation:i="horizontal"}=s.useContext(q),{active:p,disabled:d,completed:m}=s.useContext(D),c={...r,alternativeLabel:u,orientation:i,active:p,completed:m,disabled:d},v=fe(c);return l.jsx(xe,{className:P(v.root,a),ref:o,ownerState:c,...n,children:l.jsx(Ce,{className:v.line,ownerState:c})})});function ye(e){return N("MuiStepper",e)}T("MuiStepper",["root","horizontal","vertical","nonLinear","alternativeLabel"]);const ge=e=>{const{orientation:t,nonLinear:o,alternativeLabel:r,classes:a}=e;return W({root:["root",t,o&&"nonLinear",r&&"alternativeLabel"]},ye,a)},he=y("div",{name:"MuiStepper",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,t[o.orientation],o.alternativeLabel&&t.alternativeLabel,o.nonLinear&&t.nonLinear]}})({display:"flex",variants:[{props:{orientation:"horizontal"},style:{flexDirection:"row",alignItems:"center"}},{props:{orientation:"vertical"},style:{flexDirection:"column"}},{props:{alternativeLabel:!0},style:{alignItems:"flex-start"}}]}),ze=l.jsx(Le,{}),Me=s.forwardRef(function(t,o){const r=$({props:t,name:"MuiStepper"}),{activeStep:a=0,alternativeLabel:n=!1,children:u,className:i,component:p="div",connector:d=ze,nonLinear:m=!1,orientation:c="horizontal",...v}=r,C={...r,nonLinear:m,alternativeLabel:n,orientation:c,component:p},x=ge(C),S=s.Children.toArray(u).filter(Boolean),b=S.map((M,L)=>s.cloneElement(M,{index:L,last:L+1===S.length,...M.props})),f=s.useMemo(()=>({activeStep:a,alternativeLabel:n,connector:d,nonLinear:m,orientation:c}),[a,n,d,m,c]);return l.jsx(q.Provider,{value:f,children:l.jsx(he,{as:p,ownerState:C,className:P(x.root,i),ref:o,...v,children:b})})}),Ie=e=>null;Ie.displayName="Step";const je={currentStep:0,totalSteps:0,isFirst:!0,isLast:!0,completed:!1,nextStep:()=>{},prevStep:()=>{},goToStep:()=>{},submitStep:()=>{},reset:()=>{}},J=s.createContext(je),Re=({totalSteps:e,initialStep:t=0,onSubmit:o,onStepChange:r,children:a})=>{const[n,u]=s.useState(t),[i,p]=s.useState(!1),d=s.useCallback(b=>{u(f=>b===f||b<0||b>=e?f:(r?.(b,f),b))},[e,r]),m=s.useCallback(()=>{d(n+1)},[d,n]),c=s.useCallback(()=>{d(n-1)},[d,n]),v=s.useCallback(b=>{d(b)},[d]),C=s.useCallback(()=>{p(!0),o?.(n)},[n,o]),x=s.useCallback(()=>{u(t),p(!1)},[t]),S=s.useMemo(()=>({currentStep:n,totalSteps:e,isFirst:n===0,isLast:n===e-1,completed:i,nextStep:m,prevStep:c,goToStep:v,submitStep:C,reset:x}),[n,e,i,m,c,v,C,x]);return l.jsx(J.Provider,{value:S,children:a})};Re.__docgenInfo={description:"Provider del wizard. Administra el `currentStep` internamente. El consumer\nno necesita gestionar estado — sólo consumirlo con `useWizard()` desde\ncualquier descendiente.\n\n```tsx\n<WizardProvider totalSteps={3} onSubmit={handleFinalSubmit}>\n  <Stepper ... />\n  <StepContent />\n  <WizardControls />\n</WizardProvider>\n```",methods:[],displayName:"WizardProvider",props:{totalSteps:{required:!0,tsType:{name:"number"},description:"Número total de pasos del wizard. Requerido."},initialStep:{required:!1,tsType:{name:"number"},description:"Paso inicial (0-based). Default: 0.",defaultValue:{value:"0",computed:!1}},onSubmit:{required:!1,tsType:{name:"signature",type:"function",raw:"(currentStep: number) => void",signature:{arguments:[{type:{name:"number"},name:"currentStep"}],return:{name:"void"}}},description:"Callback disparado cuando se llama `submitStep()`. Recibe el paso actual.\nEl paquete NO ejecuta ninguna petición; queda a cargo del consumer."},onStepChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(newStep: number, prevStep: number) => void",signature:{arguments:[{type:{name:"number"},name:"newStep"},{type:{name:"number"},name:"prevStep"}],return:{name:"void"}}},description:`Callback disparado en cada cambio de paso (next/prev/goTo).
+Útil para tracking o validaciones externas.`},children:{required:!1,tsType:{name:"ReactNode"},description:""}}};function Pe(){return s.useContext(J)}const we=({children:e,orientation:t="horizontal",alternateLabel:o=!1,sx:r,currentStep:a})=>{const n=Pe(),u=a!==void 0?a:n.totalSteps>0?n.currentStep:0;return l.jsxs(U,{sx:r,children:[l.jsx(Me,{activeStep:u,orientation:t,alternativeLabel:o,children:e.map((i,p)=>{const{label:d,completed:m,disabled:c,className:v,sx:C,dotColor:x,activeDotColor:S,completedDotColor:b,iconTextColor:f}=i.props;return l.jsx(ne,{completed:m,disabled:c,className:v,sx:C,children:l.jsx(G,{sx:{pointerEvents:"none","& .MuiStepIcon-root":{color:x},"& .MuiStepIcon-active":{color:S},"& .MuiStepIcon-completed":{color:b},"& .MuiStepIcon-text":{fill:f}},children:d})},p)})}),l.jsx(U,{mt:2,children:e.map((i,p)=>p===u?l.jsx(U,{children:i.props.children},p):null)})]})};we.__docgenInfo={description:"",methods:[],displayName:"Stepper",props:{children:{required:!0,tsType:{name:"Array",elements:[{name:"ReactElement",elements:[{name:"StepProps"}],raw:"ReactElement<StepProps>"}],raw:"ReactElement<StepProps>[]"},description:""},orientation:{required:!1,tsType:{name:"union",raw:'"horizontal" | "vertical"',elements:[{name:"literal",value:'"horizontal"'},{name:"literal",value:'"vertical"'}]},description:"",defaultValue:{value:'"horizontal"',computed:!1}},sx:{required:!1,tsType:{name:"object"},description:""},alternateLabel:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},currentStep:{required:!1,tsType:{name:"number"},description:"Índice 0-based del paso activo. Si no se provee, el Stepper intenta\nleerlo del `WizardContext` (si está dentro de un `<WizardProvider>`).\nSi tampoco hay provider, el default es 0."}}};export{we as S,Re as W,Ie as a,Pe as u};

package/storybook-static/assets/Stepper.stories-CTEZbgPc.js

@@ -0,0 +1,165 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as l}from"./iframe-BAJnc_4n.js";import{S as d,a as o}from"./Stepper-BtKB5ykn.js";import{B as p}from"./Button-D9h7OggD.js";import{B as c}from"./Box-BnhEcfFm.js";import"./preload-helper-PPVm8Dsz.js";import"./DefaultPropsProvider-BGoQxtDa.js";import"./useSlot-b6pXgp5_.js";import"./useForkRef-0ANIrxcF.js";import"./createSvgIcon-D_Gca4vA.js";import"./Button-DBpqmVB_.js";import"./createSimplePaletteValueFilter-bm0fmN_7.js";import"./useId-b4fZxjOL.js";import"./ButtonBase-qyaMEhe4.js";import"./useTimeout-DNjRaOWc.js";import"./emotion-react.browser.esm--g-C9cX9.js";import"./isFocusVisible-B8k4qzLc.js";import"./CircularProgress-DC7ZNWwl.js";import"./extendSxProp-CEpa30hT.js";const u=`
+  const [currentStep, setCurrentStep] = useState(0);
+        return (
+            <Box>
+                <Stepper currentStep={currentStep}  {...args}>
+                    <Step label="Paso 1">
+                        <div>Contenido del paso 1</div>
+                    </Step>
+                    <Step label="Paso 2">
+                        <div>Contenido del paso 2</div>
+                    </Step>
+                    <Step label="Paso 3">
+                        <div>Contenido del paso 3</div>
+                    </Step>
+                </Stepper>
+                <Button
+                    type="button"
+                    onClick={() => setCurrentStep((prev) => Math.max(prev - 1, 0))}
+                    sx={{ marginTop: 16 }}
+                >
+                    Atras
+                </Button>
+                <Button
+                    type="button"
+                    onClick={() => setCurrentStep((prev) => Math.min(prev + 1, 2))}
+                    sx={{ marginTop: 16 }}
+                >
+                    Siguiente
+                </Button>
+            </Box>
+        );
+`.trim(),S=`
+const [currentStep, setCurrentStep] = useState(0);
+
+return (
+  <Box>
+    <Stepper currentStep={currentStep} {...args}>
+      <Step
+        label="Paso 1"
+        dotColor="#1976d2"
+      >
+        <div>Contenido del paso 1</div>
+      </Step>
+      <Step
+        label="Paso 2"
+        dotColor="#ffa726"
+      >
+        <div>Contenido del paso 2</div>
+      </Step>
+      <Step
+        label="Paso 3"
+        dotColor="#4caf50"
+      >
+        <div>Contenido del paso 3</div>
+      </Step>
+    </Stepper>
+    <Button
+      type="button"
+      onClick={() => setCurrentStep((prev) => Math.max(prev - 1, 0))}
+      sx={{ marginTop: 16 }}
+    >
+      Atras
+    </Button>
+    <Button
+      type="button"
+      onClick={() => setCurrentStep((prev) => Math.min(prev + 1, 2))}
+      sx={{ marginTop: 16 }}
+    >
+      Siguiente
+    </Button>
+  </Box>
+);
+`.trim(),z={title:"Components/Stepper",component:d,tags:["autodocs"]},n={render:i=>{const[a,r]=l.useState(0);return e.jsxs(c,{children:[e.jsxs(d,{currentStep:a,...i,children:[e.jsx(o,{label:"Paso 1",children:e.jsx("div",{children:"Contenido del paso 1"})}),e.jsx(o,{label:"Paso 2",children:e.jsx("div",{children:"Contenido del paso 2"})}),e.jsx(o,{label:"Paso 3",children:e.jsx("div",{children:"Contenido del paso 3"})})]}),e.jsx(p,{type:"button",onClick:()=>r(t=>Math.max(t-1,0)),sx:{marginTop:16},children:"Atras"}),e.jsx(p,{type:"button",onClick:()=>r(t=>Math.min(t+1,2)),sx:{marginTop:16},children:"Siguiente"})]})},parameters:{docs:{description:{story:"Ejemplo básico de timeline"},source:{code:u}}},argTypes:{children:{control:!1,description:"Componentes `Step` que definen la estructura de el stepper"},orientation:{description:"Indica si la posicion de los steps, es horizontal o vertical"},alternateLabel:{description:"Indica si las etiquetas de los steps, se muestran debajo de los iconos"},currentStep:{description:"Indica el step actual, el cual se encuentra activo"},sx:{description:"Estilos personalizados para el stepper"}}},s={render:i=>{const[a,r]=l.useState(0);return e.jsxs(c,{children:[e.jsxs(d,{currentStep:a,...i,children:[e.jsx(o,{label:"Paso 1",dotColor:"#1976d2",children:e.jsx("div",{children:"Contenido del paso 1"})}),e.jsx(o,{label:"Paso 2",dotColor:"#ffa726",children:e.jsx("div",{children:"Contenido del paso 2"})}),e.jsx(o,{label:"Paso 3",dotColor:"#4caf50",children:e.jsx("div",{children:"Contenido del paso 3"})})]}),e.jsx(p,{type:"button",onClick:()=>r(t=>Math.max(t-1,0)),sx:{marginTop:16},children:"Atras"}),e.jsx(p,{type:"button",onClick:()=>r(t=>Math.min(t+1,2)),sx:{marginTop:16},children:"Siguiente"})]})},parameters:{docs:{description:{story:"Stepper con variantes de color en los dots"},source:{code:S}}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [currentStep, setCurrentStep] = useState(0);
+    return <Box>
+                <Stepper currentStep={currentStep} {...args}>
+                    <Step label="Paso 1">
+                        <div>Contenido del paso 1</div>
+                    </Step>
+                    <Step label="Paso 2">
+                        <div>Contenido del paso 2</div>
+                    </Step>
+                    <Step label="Paso 3">
+                        <div>Contenido del paso 3</div>
+                    </Step>
+                </Stepper>
+                <Button type="button" onClick={() => setCurrentStep(prev => Math.max(prev - 1, 0))} sx={{
+        marginTop: 16
+      }}>
+                    Atras
+                </Button>
+                <Button type="button" onClick={() => setCurrentStep(prev => Math.min(prev + 1, 2))} sx={{
+        marginTop: 16
+      }}>
+                    Siguiente
+                </Button>
+            </Box>;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Ejemplo básico de timeline"
+      },
+      source: {
+        code: defaultStepper
+      }
+    }
+  },
+  argTypes: {
+    children: {
+      control: false,
+      description: 'Componentes \`Step\` que definen la estructura de el stepper'
+    },
+    orientation: {
+      description: 'Indica si la posicion de los steps, es horizontal o vertical'
+    },
+    alternateLabel: {
+      description: 'Indica si las etiquetas de los steps, se muestran debajo de los iconos'
+    },
+    currentStep: {
+      description: 'Indica el step actual, el cual se encuentra activo'
+    },
+    sx: {
+      description: 'Estilos personalizados para el stepper'
+    }
+  }
+}`,...n.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  render: args => {
+    const [currentStep, setCurrentStep] = useState(0);
+    return <Box>
+                <Stepper currentStep={currentStep} {...args}>
+                    <Step label="Paso 1" dotColor="#1976d2">
+                        <div>Contenido del paso 1</div>
+                    </Step>
+                    <Step label="Paso 2" dotColor="#ffa726">
+                        <div>Contenido del paso 2</div>
+                    </Step>
+                    <Step label="Paso 3" dotColor="#4caf50">
+                        <div>Contenido del paso 3</div>
+                    </Step>
+                </Stepper>
+                <Button type="button" onClick={() => setCurrentStep(prev => Math.max(prev - 1, 0))} sx={{
+        marginTop: 16
+      }}>
+                    Atras
+                </Button>
+                <Button type="button" onClick={() => setCurrentStep(prev => Math.min(prev + 1, 2))} sx={{
+        marginTop: 16
+      }}>
+                    Siguiente
+                </Button>
+            </Box>;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Stepper con variantes de color en los dots"
+      },
+      source: {
+        code: stepperWithColorDots
+      }
+    }
+  }
+}`,...s.parameters?.docs?.source}}};const D=["DefaultStepper","ColorStepper"];export{s as ColorStepper,n as DefaultStepper,D as __namedExportsOrder,z as default};