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

package/storybook-static/assets/TableContainer-CzLNaEU-.js

@@ -1 +0,0 @@
-import{r as c}from"./iframe-BAJnc_4n.js";import{g as u,a as m,u as p,s as C,c as f,d as T}from"./DefaultPropsProvider-BGoQxtDa.js";import{j as b}from"./jsx-runtime-D_zvdyIk.js";function d(s){return u("MuiTableContainer",s)}m("MuiTableContainer",["root"]);const x=s=>{const{classes:t}=s;return T({root:["root"]},d,t)},y=C("div",{name:"MuiTableContainer",slot:"Root"})({width:"100%",overflowX:"auto"}),R=c.forwardRef(function(t,o){const e=p({props:t,name:"MuiTableContainer"}),{className:r,component:a="div",...i}=e,n={...e,component:a},l=x(n);return b.jsx(y,{ref:o,as:a,className:f(l.root,r),ownerState:n,...i})});export{R as T};

package/storybook-static/assets/TableRow-CS88-1HF.js

@@ -1,2 +0,0 @@
-import{r as c}from"./iframe-BAJnc_4n.js";import{g as f,a as T,u as C,s as x,c as m,d as R,m as M,b as g}from"./DefaultPropsProvider-BGoQxtDa.js";import{j as b}from"./jsx-runtime-D_zvdyIk.js";const D=c.createContext();function E(o){return f("MuiTable",o)}T("MuiTable",["root","stickyHeader"]);const W=o=>{const{classes:e,stickyHeader:t}=o;return R({root:["root",t&&"stickyHeader"]},E,e)},I=x("table",{name:"MuiTable",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:t}=o;return[e.root,t.stickyHeader&&e.stickyHeader]}})(M(({theme:o})=>({display:"table",width:"100%",borderCollapse:"collapse",borderSpacing:0,"& caption":{...o.typography.body2,padding:o.spacing(2),color:(o.vars||o).palette.text.secondary,textAlign:"left",captionSide:"bottom"},variants:[{props:({ownerState:e})=>e.stickyHeader,style:{borderCollapse:"separate"}}]}))),U="table",lo=c.forwardRef(function(e,t){const s=C({props:e,name:"MuiTable"}),{className:n,component:a=U,padding:r="normal",size:l="medium",stickyHeader:i=!1,...p}=s,d={...s,component:a,padding:r,size:l,stickyHeader:i},y=W(d),k=c.useMemo(()=>({padding:r,size:l,stickyHeader:i}),[r,l,i]);return b.jsx(D.Provider,{value:k,children:b.jsx(I,{as:a,role:a===U?null:"table",ref:t,className:m(y.root,n),ownerState:d,...p})})}),H=c.createContext();function J(o){return f("MuiTableBody",o)}T("MuiTableBody",["root"]);const L=o=>{const{classes:e}=o;return R({root:["root"]},J,e)},q=x("tbody",{name:"MuiTableBody",slot:"Root"})({display:"table-row-group"}),F={variant:"body"},N="tbody",no=c.forwardRef(function(e,t){const s=C({props:e,name:"MuiTableBody"}),{className:n,component:a=N,...r}=s,l={...s,component:a},i=L(l);return b.jsx(H.Provider,{value:F,children:b.jsx(q,{className:m(i.root,n),as:a,ref:t,role:a===N?null:"rowgroup",ownerState:l,...r})})});function G(o){return f("MuiTableCell",o)}const K=T("MuiTableCell",["root","head","body","footer","sizeSmall","sizeMedium","paddingCheckbox","paddingNone","alignLeft","alignCenter","alignRight","alignJustify","stickyHeader"]),Q=o=>{const{classes:e,variant:t,align:s,padding:n,size:a,stickyHeader:r}=o,l={root:["root",t,r&&"stickyHeader",s!=="inherit"&&`align${g(s)}`,n!=="normal"&&`padding${g(n)}`,`size${g(a)}`]};return R(l,G,e)},V=x("td",{name:"MuiTableCell",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:t}=o;return[e.root,e[t.variant],e[`size${g(t.size)}`],t.padding!=="normal"&&e[`padding${g(t.padding)}`],t.align!=="inherit"&&e[`align${g(t.align)}`],t.stickyHeader&&e.stickyHeader]}})(M(({theme:o})=>({...o.typography.body2,display:"table-cell",verticalAlign:"inherit",borderBottom:o.vars?`1px solid ${o.vars.palette.TableCell.border}`:`1px solid
-    ${o.palette.mode==="light"?o.lighten(o.alpha(o.palette.divider,1),.88):o.darken(o.alpha(o.palette.divider,1),.68)}`,textAlign:"left",padding:16,variants:[{props:{variant:"head"},style:{color:(o.vars||o).palette.text.primary,lineHeight:o.typography.pxToRem(24),fontWeight:o.typography.fontWeightMedium}},{props:{variant:"body"},style:{color:(o.vars||o).palette.text.primary}},{props:{variant:"footer"},style:{color:(o.vars||o).palette.text.secondary,lineHeight:o.typography.pxToRem(21),fontSize:o.typography.pxToRem(12)}},{props:{size:"small"},style:{padding:"6px 16px",[`&.${K.paddingCheckbox}`]:{width:24,padding:"0 12px 0 16px","& > *":{padding:0}}}},{props:{padding:"checkbox"},style:{width:48,padding:"0 0 0 4px"}},{props:{padding:"none"},style:{padding:0}},{props:{align:"left"},style:{textAlign:"left"}},{props:{align:"center"},style:{textAlign:"center"}},{props:{align:"right"},style:{textAlign:"right",flexDirection:"row-reverse"}},{props:{align:"justify"},style:{textAlign:"justify"}},{props:({ownerState:e})=>e.stickyHeader,style:{position:"sticky",top:0,zIndex:2,backgroundColor:(o.vars||o).palette.background.default}}]}))),io=c.forwardRef(function(e,t){const s=C({props:e,name:"MuiTableCell"}),{align:n="inherit",className:a,component:r,padding:l,scope:i,size:p,sortDirection:d,variant:y,...k}=s,u=c.useContext(D),w=c.useContext(H),$=w&&w.variant==="head";let v;r?v=r:v=$?"th":"td";let h=i;v==="td"?h=void 0:!h&&$&&(h="col");const z=y||w&&w.variant,S={...s,align:n,component:v,padding:l||(u&&u.padding?u.padding:"normal"),size:p||(u&&u.size?u.size:"medium"),sortDirection:d,stickyHeader:z==="head"&&u&&u.stickyHeader,variant:z},O=Q(S);let j=null;return d&&(j=d==="asc"?"ascending":"descending"),b.jsx(V,{as:v,ref:t,className:m(O.root,a),"aria-sort":j,scope:h,ownerState:S,...k})});function X(o){return f("MuiTableHead",o)}T("MuiTableHead",["root"]);const Y=o=>{const{classes:e}=o;return R({root:["root"]},X,e)},Z=x("thead",{name:"MuiTableHead",slot:"Root"})({display:"table-header-group"}),_={variant:"head"},B="thead",co=c.forwardRef(function(e,t){const s=C({props:e,name:"MuiTableHead"}),{className:n,component:a=B,...r}=s,l={...s,component:a},i=Y(l);return b.jsx(H.Provider,{value:_,children:b.jsx(Z,{as:a,className:m(i.root,n),ref:t,role:a===B?null:"rowgroup",ownerState:l,...r})})});function oo(o){return f("MuiTableRow",o)}const P=T("MuiTableRow",["root","selected","hover","head","footer"]),eo=o=>{const{classes:e,selected:t,hover:s,head:n,footer:a}=o;return R({root:["root",t&&"selected",s&&"hover",n&&"head",a&&"footer"]},oo,e)},to=x("tr",{name:"MuiTableRow",slot:"Root",overridesResolver:(o,e)=>{const{ownerState:t}=o;return[e.root,t.head&&e.head,t.footer&&e.footer]}})(M(({theme:o})=>({color:"inherit",display:"table-row",verticalAlign:"middle",outline:0,[`&.${P.hover}:hover`]:{backgroundColor:(o.vars||o).palette.action.hover},[`&.${P.selected}`]:{backgroundColor:o.alpha((o.vars||o).palette.primary.main,(o.vars||o).palette.action.selectedOpacity),"&:hover":{backgroundColor:o.alpha((o.vars||o).palette.primary.main,`${(o.vars||o).palette.action.selectedOpacity} + ${(o.vars||o).palette.action.hoverOpacity}`)}}}))),A="tr",po=c.forwardRef(function(e,t){const s=C({props:e,name:"MuiTableRow"}),{className:n,component:a=A,hover:r=!1,selected:l=!1,...i}=s,p=c.useContext(H),d={...s,component:a,hover:r,selected:l,head:p&&p.variant==="head",footer:p&&p.variant==="footer"},y=eo(d);return b.jsx(to,{as:a,ref:t,className:m(y.root,n),role:a===A?null:"row",ownerState:d,...i})});export{lo as T,co as a,po as b,io as c,no as d};

package/storybook-static/assets/Tabs-DLpDOu_n.js

@@ -1 +0,0 @@
-import{r as i}from"./iframe-BAJnc_4n.js";import{a as ut,g as pt,u as bt,c as k,s as F,b as $t,d as ft,m as St}from"./DefaultPropsProvider-BGoQxtDa.js";import{j as S}from"./jsx-runtime-D_zvdyIk.js";import{B as At}from"./ButtonBase-qyaMEhe4.js";import{a as jt,u as et}from"./useSlotProps-C0uMfuBt.js";import{u as po}from"./useTheme-BmOJK7ra.js";import{a as bo,u as ct}from"./useTimeout-DNjRaOWc.js";import{d as Ft}from"./debounce-Be36O1Ab.js";import{o as Ot}from"./ownerWindow-HkKU3E4x.js";import{u as D}from"./useSlot-b6pXgp5_.js";import{c as Ht}from"./createSvgIcon-D_Gca4vA.js";import{o as fo}from"./ownerDocument-DW-IO8s5.js";function So(o){return pt("MuiTab",o)}const y=ut("MuiTab",["root","labelIcon","textColorInherit","textColorPrimary","textColorSecondary","selected","disabled","fullWidth","wrapped","iconWrapper","icon"]),ho=o=>{const{classes:t,textColor:l,fullWidth:c,wrapped:s,icon:d,label:b,selected:f,disabled:u}=o,m={root:["root",d&&b&&"labelIcon",`textColor${$t(l)}`,c&&"fullWidth",s&&"wrapped",f&&"selected",u&&"disabled"],icon:["iconWrapper","icon"]};return ft(m,So,t)},mo=F(At,{name:"MuiTab",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:l}=o;return[t.root,l.label&&l.icon&&t.labelIcon,t[`textColor${$t(l.textColor)}`],l.fullWidth&&t.fullWidth,l.wrapped&&t.wrapped,{[`& .${y.iconWrapper}`]:t.iconWrapper},{[`& .${y.icon}`]:t.icon}]}})(St(({theme:o})=>({...o.typography.button,maxWidth:360,minWidth:90,position:"relative",minHeight:48,flexShrink:0,padding:"12px 16px",overflow:"hidden",whiteSpace:"normal",textAlign:"center",lineHeight:1.25,variants:[{props:({ownerState:t})=>t.label&&(t.iconPosition==="top"||t.iconPosition==="bottom"),style:{flexDirection:"column"}},{props:({ownerState:t})=>t.label&&t.iconPosition!=="top"&&t.iconPosition!=="bottom",style:{flexDirection:"row"}},{props:({ownerState:t})=>t.icon&&t.label,style:{minHeight:72,paddingTop:9,paddingBottom:9}},{props:({ownerState:t,iconPosition:l})=>t.icon&&t.label&&l==="top",style:{[`& > .${y.icon}`]:{marginBottom:6}}},{props:({ownerState:t,iconPosition:l})=>t.icon&&t.label&&l==="bottom",style:{[`& > .${y.icon}`]:{marginTop:6}}},{props:({ownerState:t,iconPosition:l})=>t.icon&&t.label&&l==="start",style:{[`& > .${y.icon}`]:{marginRight:o.spacing(1)}}},{props:({ownerState:t,iconPosition:l})=>t.icon&&t.label&&l==="end",style:{[`& > .${y.icon}`]:{marginLeft:o.spacing(1)}}},{props:{textColor:"inherit"},style:{color:"inherit",opacity:.6,[`&.${y.selected}`]:{opacity:1},[`&.${y.disabled}`]:{opacity:(o.vars||o).palette.action.disabledOpacity}}},{props:{textColor:"primary"},style:{color:(o.vars||o).palette.text.secondary,[`&.${y.selected}`]:{color:(o.vars||o).palette.primary.main},[`&.${y.disabled}`]:{color:(o.vars||o).palette.text.disabled}}},{props:{textColor:"secondary"},style:{color:(o.vars||o).palette.text.secondary,[`&.${y.selected}`]:{color:(o.vars||o).palette.secondary.main},[`&.${y.disabled}`]:{color:(o.vars||o).palette.text.disabled}}},{props:({ownerState:t})=>t.fullWidth,style:{flexShrink:1,flexGrow:1,flexBasis:0,maxWidth:"none"}},{props:({ownerState:t})=>t.wrapped,style:{fontSize:o.typography.pxToRem(12)}}]}))),qo=i.forwardRef(function(t,l){const c=bt({props:t,name:"MuiTab"}),{className:s,disabled:d=!1,disableFocusRipple:b=!1,fullWidth:f,icon:u,iconPosition:m="top",indicator:B,label:v,onChange:h,onClick:w,onFocus:L,selected:C,selectionFollowsFocus:x,textColor:G="inherit",value:E,wrapped:rt=!1,...M}=c,O={...c,disabled:d,disableFocusRipple:b,selected:C,icon:!!u,iconPosition:m,label:!!v,fullWidth:f,textColor:G,wrapped:rt},X=ho(O),K=u&&v&&i.isValidElement(u)?i.cloneElement(u,{className:k(X.icon,u.props.className)}):u,J=R=>{!C&&h&&h(R,E),w&&w(R)},H=R=>{x&&!C&&h&&h(R,E),L&&L(R)};return S.jsxs(mo,{focusRipple:!b,className:k(X.root,s),ref:l,role:"tab","aria-selected":C,disabled:d,onClick:J,onFocus:H,ownerState:O,tabIndex:C?0:-1,...M,children:[m==="top"||m==="start"?S.jsxs(i.Fragment,{children:[K,v]}):S.jsxs(i.Fragment,{children:[v,K]}),B]})}),vo=Ht(S.jsx("path",{d:"M15.41 16.09l-4.58-4.59 4.58-4.59L14 5.5l-6 6 6 6z"})),yo=Ht(S.jsx("path",{d:"M8.59 16.34l4.58-4.59-4.58-4.59L10 5.75l6 6-6 6z"}));function xo(o){return(1+Math.sin(Math.PI*o-Math.PI/2))/2}function go(o,t,l,c={},s=()=>{}){const{ease:d=xo,duration:b=300}=c;let f=null;const u=t[o];let m=!1;const B=()=>{m=!0},v=h=>{if(m){s(new Error("Animation cancelled"));return}f===null&&(f=h);const w=Math.min(1,(h-f)/b);if(t[o]=d(w)*(l-u)+u,w>=1){requestAnimationFrame(()=>{s(null)});return}requestAnimationFrame(v)};return u===l?(s(new Error("Element already at target position")),B):(requestAnimationFrame(v),B)}const Bo={width:99,height:99,position:"absolute",top:-9999,overflow:"scroll"};function wo(o){const{onChange:t,...l}=o,c=i.useRef(),s=i.useRef(null),d=()=>{c.current=s.current.offsetHeight-s.current.clientHeight};return bo(()=>{const b=Ft(()=>{const u=c.current;d(),u!==c.current&&t(c.current)}),f=Ot(s.current);return f.addEventListener("resize",b),()=>{b.clear(),f.removeEventListener("resize",b)}},[t]),i.useEffect(()=>{d(),t(c.current)},[t]),S.jsx("div",{style:Bo,...l,ref:s})}function Co(o){return pt("MuiTabScrollButton",o)}const To=ut("MuiTabScrollButton",["root","vertical","horizontal","disabled"]),Io=o=>{const{classes:t,orientation:l,disabled:c}=o;return ft({root:["root",l,c&&"disabled"]},Co,t)},Eo=F(At,{name:"MuiTabScrollButton",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:l}=o;return[t.root,l.orientation&&t[l.orientation]]}})({width:40,flexShrink:0,opacity:.8,[`&.${To.disabled}`]:{opacity:0},variants:[{props:{orientation:"vertical"},style:{width:"100%",height:40,"& svg":{transform:"var(--TabScrollButton-svgRotate)"}}}]}),Mo=i.forwardRef(function(t,l){const c=bt({props:t,name:"MuiTabScrollButton"}),{className:s,slots:d={},slotProps:b={},direction:f,orientation:u,disabled:m,...B}=c,v=jt(),h={isRtl:v,...c},w=Io(h),L=d.StartScrollButtonIcon??vo,C=d.EndScrollButtonIcon??yo,x=et({elementType:L,externalSlotProps:b.startScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:h}),G=et({elementType:C,externalSlotProps:b.endScrollButtonIcon,additionalProps:{fontSize:"small"},ownerState:h});return S.jsx(Eo,{component:"div",className:k(w.root,s),ref:l,role:null,ownerState:h,tabIndex:null,...B,style:{...B.style,...u==="vertical"&&{"--TabScrollButton-svgRotate":`rotate(${v?-90:90}deg)`}},children:f==="left"?S.jsx(L,{...x}):S.jsx(C,{...G})})});function Ro(o){return pt("MuiTabs",o)}const dt=ut("MuiTabs",["root","vertical","list","flexContainer","flexContainerVertical","centered","scroller","fixed","scrollableX","scrollableY","hideScrollbar","scrollButtons","scrollButtonsHideMobile","indicator"]),Wt=(o,t)=>o===t?o.firstChild:t&&t.nextElementSibling?t.nextElementSibling:o.firstChild,kt=(o,t)=>o===t?o.lastChild:t&&t.previousElementSibling?t.previousElementSibling:o.lastChild,ot=(o,t,l)=>{let c=!1,s=l(o,t);for(;s;){if(s===o.firstChild){if(c)return;c=!0}const d=s.disabled||s.getAttribute("aria-disabled")==="true";if(!s.hasAttribute("tabindex")||d)s=l(o,s);else{s.focus();return}}},Po=o=>{const{vertical:t,fixed:l,hideScrollbar:c,scrollableX:s,scrollableY:d,centered:b,scrollButtonsHideMobile:f,classes:u}=o;return ft({root:["root",t&&"vertical"],scroller:["scroller",l&&"fixed",c&&"hideScrollbar",s&&"scrollableX",d&&"scrollableY"],list:["list","flexContainer",t&&"flexContainerVertical",t&&"vertical",b&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",f&&"scrollButtonsHideMobile"],scrollableX:[s&&"scrollableX"],hideScrollbar:[c&&"hideScrollbar"]},Ro,u)},zo=F("div",{name:"MuiTabs",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:l}=o;return[{[`& .${dt.scrollButtons}`]:t.scrollButtons},{[`& .${dt.scrollButtons}`]:l.scrollButtonsHideMobile&&t.scrollButtonsHideMobile},t.root,l.vertical&&t.vertical]}})(St(({theme:o})=>({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex",variants:[{props:({ownerState:t})=>t.vertical,style:{flexDirection:"column"}},{props:({ownerState:t})=>t.scrollButtonsHideMobile,style:{[`& .${dt.scrollButtons}`]:{[o.breakpoints.down("sm")]:{display:"none"}}}}]}))),Wo=F("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(o,t)=>{const{ownerState:l}=o;return[t.scroller,l.fixed&&t.fixed,l.hideScrollbar&&t.hideScrollbar,l.scrollableX&&t.scrollableX,l.scrollableY&&t.scrollableY]}})({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap",variants:[{props:({ownerState:o})=>o.fixed,style:{overflowX:"hidden",width:"100%"}},{props:({ownerState:o})=>o.hideScrollbar,style:{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}},{props:({ownerState:o})=>o.scrollableX,style:{overflowX:"auto",overflowY:"hidden"}},{props:({ownerState:o})=>o.scrollableY,style:{overflowY:"auto",overflowX:"hidden"}}]}),ko=F("div",{name:"MuiTabs",slot:"List",overridesResolver:(o,t)=>{const{ownerState:l}=o;return[t.list,t.flexContainer,l.vertical&&t.flexContainerVertical,l.centered&&t.centered]}})({display:"flex",variants:[{props:({ownerState:o})=>o.vertical,style:{flexDirection:"column"}},{props:({ownerState:o})=>o.centered,style:{justifyContent:"center"}}]}),Lo=F("span",{name:"MuiTabs",slot:"Indicator"})(St(({theme:o})=>({position:"absolute",height:2,bottom:0,width:"100%",transition:o.transitions.create(),variants:[{props:{indicatorColor:"primary"},style:{backgroundColor:(o.vars||o).palette.primary.main}},{props:{indicatorColor:"secondary"},style:{backgroundColor:(o.vars||o).palette.secondary.main}},{props:({ownerState:t})=>t.vertical,style:{height:"100%",width:2,right:0}}]}))),$o=F(wo)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),Lt={},Go=i.forwardRef(function(t,l){const c=bt({props:t,name:"MuiTabs"}),s=po(),d=jt(),{"aria-label":b,"aria-labelledby":f,action:u,centered:m=!1,children:B,className:v,component:h="div",allowScrollButtonsMobile:w=!1,indicatorColor:L="primary",onChange:C,orientation:x="horizontal",ScrollButtonComponent:G,scrollButtons:E="auto",selectionFollowsFocus:rt,slots:M={},slotProps:O={},TabIndicatorProps:X={},TabScrollButtonProps:K={},textColor:J="primary",value:H,variant:R="standard",visibleScrollbar:lt=!1,...Nt}=c,T=R==="scrollable",g=x==="vertical",U=g?"scrollTop":"scrollLeft",Q=g?"top":"left",Z=g?"bottom":"right",nt=g?"clientHeight":"clientWidth",Y=g?"height":"width",P={...c,component:h,allowScrollButtonsMobile:w,indicatorColor:L,orientation:x,vertical:g,scrollButtons:E,textColor:J,variant:R,visibleScrollbar:lt,fixed:!T,hideScrollbar:T&&!lt,scrollableX:T&&!g,scrollableY:T&&g,centered:m&&!T,scrollButtonsHideMobile:!w},W=Po(P),Dt=et({elementType:M.StartScrollButtonIcon,externalSlotProps:O.startScrollButtonIcon,ownerState:P}),Xt=et({elementType:M.EndScrollButtonIcon,externalSlotProps:O.endScrollButtonIcon,ownerState:P}),[ht,Kt]=i.useState(!1),[$,mt]=i.useState(Lt),[vt,Ut]=i.useState(!1),[yt,Yt]=i.useState(!1),[xt,Vt]=i.useState(!1),[gt,qt]=i.useState({overflow:"hidden",scrollbarWidth:0}),Bt=new Map,z=i.useRef(null),A=i.useRef(null),N={slots:M,slotProps:{indicator:X,scrollButton:K,...O}},wt=()=>{const e=z.current;let r;if(e){const n=e.getBoundingClientRect();r={clientWidth:e.clientWidth,scrollLeft:e.scrollLeft,scrollTop:e.scrollTop,scrollWidth:e.scrollWidth,top:n.top,bottom:n.bottom,left:n.left,right:n.right}}let a;if(e&&H!==!1){const n=A.current.children;if(n.length>0){const p=n[Bt.get(H)];a=p?p.getBoundingClientRect():null}}return{tabsMeta:r,tabMeta:a}},V=ct(()=>{const{tabsMeta:e,tabMeta:r}=wt();let a=0,n;g?(n="top",r&&e&&(a=r.top-e.top+e.scrollTop)):(n=d?"right":"left",r&&e&&(a=(d?-1:1)*(r[n]-e[n]+e.scrollLeft)));const p={[n]:a,[Y]:r?r[Y]:0};if(typeof $[n]!="number"||typeof $[Y]!="number")mt(p);else{const I=Math.abs($[n]-p[n]),j=Math.abs($[Y]-p[Y]);(I>=1||j>=1)&&mt(p)}}),st=(e,{animation:r=!0}={})=>{r?go(U,z.current,e,{duration:s.transitions.duration.standard}):z.current[U]=e},Ct=e=>{let r=z.current[U];g?r+=e:r+=e*(d?-1:1),st(r)},Tt=()=>{const e=z.current[nt];let r=0;const a=Array.from(A.current.children);for(let n=0;n<a.length;n+=1){const p=a[n];if(r+p[nt]>e){n===0&&(r=e);break}r+=p[nt]}return r},Gt=()=>{Ct(-1*Tt())},Jt=()=>{Ct(Tt())},[Qt,{onChange:It,...Zt}]=D("scrollbar",{className:k(W.scrollableX,W.hideScrollbar),elementType:$o,shouldForwardComponentProp:!0,externalForwardedProps:N,ownerState:P}),_t=i.useCallback(e=>{It?.(e),qt({overflow:null,scrollbarWidth:e})},[It]),[Et,Mt]=D("scrollButtons",{className:k(W.scrollButtons,K.className),elementType:Mo,externalForwardedProps:N,ownerState:P,additionalProps:{orientation:x,slots:{StartScrollButtonIcon:M.startScrollButtonIcon||M.StartScrollButtonIcon,EndScrollButtonIcon:M.endScrollButtonIcon||M.EndScrollButtonIcon},slotProps:{startScrollButtonIcon:Dt,endScrollButtonIcon:Xt}}}),to=()=>{const e={};e.scrollbarSizeListener=T?S.jsx(Qt,{...Zt,onChange:_t}):null;const a=T&&(E==="auto"&&(vt||yt)||E===!0);return e.scrollButtonStart=a?S.jsx(Et,{direction:d?"right":"left",onClick:Gt,disabled:!vt,...Mt}):null,e.scrollButtonEnd=a?S.jsx(Et,{direction:d?"left":"right",onClick:Jt,disabled:!yt,...Mt}):null,e},Rt=ct(e=>{const{tabsMeta:r,tabMeta:a}=wt();if(!(!a||!r)){if(a[Q]<r[Q]){const n=r[U]+(a[Q]-r[Q]);st(n,{animation:e})}else if(a[Z]>r[Z]){const n=r[U]+(a[Z]-r[Z]);st(n,{animation:e})}}}),_=ct(()=>{T&&E!==!1&&Vt(!xt)});i.useEffect(()=>{const e=Ft(()=>{z.current&&V()});let r;const a=I=>{I.forEach(j=>{j.removedNodes.forEach(q=>{r?.unobserve(q)}),j.addedNodes.forEach(q=>{r?.observe(q)})}),e(),_()},n=Ot(z.current);n.addEventListener("resize",e);let p;return typeof ResizeObserver<"u"&&(r=new ResizeObserver(e),Array.from(A.current.children).forEach(I=>{r.observe(I)})),typeof MutationObserver<"u"&&(p=new MutationObserver(a),p.observe(A.current,{childList:!0})),()=>{e.clear(),n.removeEventListener("resize",e),p?.disconnect(),r?.disconnect()}},[V,_]),i.useEffect(()=>{const e=Array.from(A.current.children),r=e.length;if(typeof IntersectionObserver<"u"&&r>0&&T&&E!==!1){const a=e[0],n=e[r-1],p={root:z.current,threshold:.99},I=it=>{Ut(!it[0].isIntersecting)},j=new IntersectionObserver(I,p);j.observe(a);const q=it=>{Yt(!it[0].isIntersecting)},zt=new IntersectionObserver(q,p);return zt.observe(n),()=>{j.disconnect(),zt.disconnect()}}},[T,E,xt,B?.length]),i.useEffect(()=>{Kt(!0)},[]),i.useEffect(()=>{V()}),i.useEffect(()=>{Rt(Lt!==$)},[Rt,$]),i.useImperativeHandle(u,()=>({updateIndicator:V,updateScrollButtons:_}),[V,_]);const[oo,eo]=D("indicator",{className:k(W.indicator,X.className),elementType:Lo,externalForwardedProps:N,ownerState:P,additionalProps:{style:$}}),Pt=S.jsx(oo,{...eo});let tt=0;const ro=i.Children.map(B,e=>{if(!i.isValidElement(e))return null;const r=e.props.value===void 0?tt:e.props.value;Bt.set(r,tt);const a=r===H;return tt+=1,i.cloneElement(e,{fullWidth:R==="fullWidth",indicator:a&&!ht&&Pt,selected:a,selectionFollowsFocus:rt,onChange:C,textColor:J,value:r,...tt===1&&H===!1&&!e.props.tabIndex?{tabIndex:0}:{}})}),lo=e=>{if(e.altKey||e.shiftKey||e.ctrlKey||e.metaKey)return;const r=A.current,a=fo(r).activeElement;if(a.getAttribute("role")!=="tab")return;let p=x==="horizontal"?"ArrowLeft":"ArrowUp",I=x==="horizontal"?"ArrowRight":"ArrowDown";switch(x==="horizontal"&&d&&(p="ArrowRight",I="ArrowLeft"),e.key){case p:e.preventDefault(),ot(r,a,kt);break;case I:e.preventDefault(),ot(r,a,Wt);break;case"Home":e.preventDefault(),ot(r,null,Wt);break;case"End":e.preventDefault(),ot(r,null,kt);break}},at=to(),[no,so]=D("root",{ref:l,className:k(W.root,v),elementType:zo,externalForwardedProps:{...N,...Nt,component:h},ownerState:P}),[ao,io]=D("scroller",{ref:z,className:W.scroller,elementType:Wo,externalForwardedProps:N,ownerState:P,additionalProps:{style:{overflow:gt.overflow,[g?`margin${d?"Left":"Right"}`:"marginBottom"]:lt?void 0:-gt.scrollbarWidth}}}),[co,uo]=D("list",{ref:A,className:k(W.list,W.flexContainer),elementType:ko,externalForwardedProps:N,ownerState:P,getSlotProps:e=>({...e,onKeyDown:r=>{lo(r),e.onKeyDown?.(r)}})});return S.jsxs(no,{...so,children:[at.scrollButtonStart,at.scrollbarSizeListener,S.jsxs(ao,{...io,children:[S.jsx(co,{"aria-label":b,"aria-labelledby":f,"aria-orientation":x==="vertical"?"vertical":null,role:"tablist",...uo,children:ro}),ht&&Pt]}),at.scrollButtonEnd]})});export{qo as T,Go as a,dt as t};

package/storybook-static/assets/Tabs.stories-BFVuFy_5.js

@@ -1,159 +0,0 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as A}from"./iframe-BAJnc_4n.js";import{B as p}from"./Box-BnhEcfFm.js";import{a as M,T as N}from"./Tabs-DLpDOu_n.js";import{H as $}from"./Home-BRvJEp2L.js";import{S as m}from"./Settings-BLKc1CnO.js";import"./preload-helper-PPVm8Dsz.js";import"./DefaultPropsProvider-BGoQxtDa.js";import"./extendSxProp-CEpa30hT.js";import"./ButtonBase-qyaMEhe4.js";import"./useTimeout-DNjRaOWc.js";import"./emotion-react.browser.esm--g-C9cX9.js";import"./useForkRef-0ANIrxcF.js";import"./isFocusVisible-B8k4qzLc.js";import"./useSlotProps-C0uMfuBt.js";import"./useSlot-b6pXgp5_.js";import"./useTheme-BmOJK7ra.js";import"./debounce-Be36O1Ab.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./createSvgIcon-D_Gca4vA.js";const f={horizontal:{display:"flex",flexDirection:"column"},vertical:{display:"flex",flexDirection:"row"}},n=({children:a,defaultValue:b,onChange:l,centered:h=!0,orientation:u="horizontal",scrollButtons:y="auto",variant:x="standard",indicatorColor:g="primary",labelColor:j="primary",className:S,onChangeValue:q,allowScrollButtonsMobile:w=!0,sx:V})=>{const C=a[0]?.props.value,[v,P]=A.useState(b??C??0),B=(o,i)=>{P(i),l?.(),q?.(i)};return e.jsxs(p,{sx:{display:f[u].display,flexDirection:f[u].flexDirection},children:[e.jsx(M,{value:v,onChange:B,centered:h,indicatorColor:g,orientation:u,scrollButtons:y,variant:x,className:S,textColor:j,sx:{...V},allowScrollButtonsMobile:w,children:a.map((o,i)=>{const{label:t,icon:D,value:T=i,disabled:E,wrapped:I,iconPosition:H,className:_,sx:z}=o.props;return e.jsx(N,{label:t,icon:D,value:T,disabled:E,wrapped:I,iconPosition:H,className:_,sx:z},T)})}),e.jsx(p,{m:2,role:"tabpanel",sx:{width:"100%"},children:a.map((o,i)=>{const t=o.props.value??i;return t===v?e.jsx(p,{children:o.props.children},t):null})})]})};n.__docgenInfo={description:"",methods:[],displayName:"Tabs",props:{children:{required:!0,tsType:{name:"Array",elements:[{name:"ReactElement",elements:[{name:"TabProps"}],raw:"ReactElement<TabProps>"}],raw:"ReactElement<TabProps>[]"},description:""},defaultValue:{required:!1,tsType:{name:"number"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},centered:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},orientation:{required:!1,tsType:{name:"union",raw:'"horizontal" | "vertical"',elements:[{name:"literal",value:'"horizontal"'},{name:"literal",value:'"vertical"'}]},description:"",defaultValue:{value:"'horizontal'",computed:!1}},scrollButtons:{required:!1,tsType:{name:"union",raw:'"auto" | false | true',elements:[{name:"literal",value:'"auto"'},{name:"literal",value:"false"},{name:"literal",value:"true"}]},description:"",defaultValue:{value:'"auto"',computed:!1}},variant:{required:!1,tsType:{name:"union",raw:'"standard" | "scrollable" | "fullWidth"',elements:[{name:"literal",value:'"standard"'},{name:"literal",value:'"scrollable"'},{name:"literal",value:'"fullWidth"'}]},description:"",defaultValue:{value:'"standard"',computed:!1}},indicatorColor:{required:!1,tsType:{name:"union",raw:'"primary" | "secondary"',elements:[{name:"literal",value:'"primary"'},{name:"literal",value:'"secondary"'}]},description:"",defaultValue:{value:'"primary"',computed:!1}},labelColor:{required:!1,tsType:{name:"union",raw:'"primary" | "secondary" | "inherit"',elements:[{name:"literal",value:'"primary"'},{name:"literal",value:'"secondary"'},{name:"literal",value:'"inherit"'}]},description:"",defaultValue:{value:'"primary"',computed:!1}},onChangeValue:{required:!1,tsType:{name:"signature",type:"function",raw:"(newValue: number) => void",signature:{arguments:[{type:{name:"number"},name:"newValue"}],return:{name:"void"}}},description:""},allowScrollButtonsMobile:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}}},composes:["PickTabsProps"]};const r=a=>null;r.displayName="Tab";const R=`
-<Tabs>
-  <Tab label="Home" icon={<Home />}>
-    <div>
-      hola 1
-    </div>
-  </Tab>
-  <Tab label="Settings" icon={<Settings />}>
-    <div>
-      hola 2
-    </div>
-  </Tab>
-  <Tab label="Profile" icon={<Settings />}>
-    <div>
-      hola 3
-    </div>
-  </Tab>
-</Tabs>`.trim(),W=`
-<Tabs {...args} variant="scrollable" scrollButtons="auto" allowScrollButtonsMobile>
-  {Array.from({ length: 20 }).map((_, idx) => (
-    <Tab key={idx} label={\`Tab \${idx + 1}\`} icon={<Settings />}>
-      <div>
-        hola {idx + 1}
-      </div>
-    </Tab>
-  ))}
-</Tabs>
-`.trim(),k=`
-   <Tabs orientation="vertical">
-        <Tab label="Home"  >
-          <div>
-            hola 1
-          </div>
-        </Tab>
-        <Tab label="Settings"  >
-          <div>
-            hola 2
-          </div>
-        </Tab>
-        <Tab label="Profile" >
-          <div>
-            hola 3
-          </div>
-        </Tab>
-    </Tabs>
-`,de={title:"Components/Tabs",component:n,tags:["autodocs"]},s={render:a=>e.jsxs(n,{...a,children:[e.jsx(r,{label:"Home",icon:e.jsx($,{}),children:e.jsx("div",{children:"hola 1"})}),e.jsx(r,{label:"Settings",icon:e.jsx(m,{}),children:e.jsx("div",{children:"hola 2"})}),e.jsx(r,{label:"Profile",icon:e.jsx(m,{}),children:e.jsx("div",{children:"hola 3"})})]}),parameters:{docs:{description:{story:"Ejemplo básico de timeline"},source:{code:R}}},argTypes:{children:{control:!1,description:"Componentes `TabItems` que definen la estructura de el timeline"},orientation:{description:"Indica si la posicion de los tabs, es horizontal o vertical"},defaultValue:{description:"Indica si, se requiere iniciar con alguna tab preseleccionada, se inicia"},variant:{description:'Indica el estilo de los tabs "standard" | "scrollable" | "fullWidth" '},indicatorColor:{description:'Indica el color del indicador de los tabs "primary" | "secondary"'},labelColor:{description:'Indica el color de las etiquetas de los tabs "primary" | "secondary" | "inherit"'},sx:{description:"Estilos personalizados para el tab"},allowScrollButtonsMobile:{description:"Si se usan scrollButtons, permite que se muestren en dispositivos móviles"},onChange:{control:!1,description:"Permite enviar una función, al cambiar entre tabs, para obtener el id actual"}}},c={render:a=>e.jsx(n,{...a,variant:"scrollable",scrollButtons:"auto",allowScrollButtonsMobile:!0,children:Array.from({length:20}).map((b,l)=>e.jsx(r,{label:`Tab ${l+1}`,icon:e.jsx(m,{}),children:e.jsxs("div",{children:["hola ",l+1]})},l))}),parameters:{docs:{description:{story:"Ejemplo tab con scroll"},source:{code:W}}}},d={render:a=>e.jsxs(n,{...a,orientation:"vertical",children:[e.jsx(r,{label:"Home",children:e.jsx("div",{children:"hola 1"})}),e.jsx(r,{label:"Settings",children:e.jsx("div",{children:"hola 2"})}),e.jsx(r,{label:"Profile",children:e.jsx("div",{children:"hola 3"})})]}),parameters:{docs:{description:{story:"Ejemplo tab vertical"},source:{code:k}}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    return <Tabs {...args}>
-        <Tab label="Home" icon={<Home />}>
-          <div>
-            hola 1
-          </div>
-        </Tab>
-        <Tab label="Settings" icon={<Settings />}>
-          <div>
-            hola 2
-          </div>
-        </Tab>
-        <Tab label="Profile" icon={<Settings />}>
-          <div>
-            hola 3
-          </div>
-        </Tab>
-      </Tabs>;
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "Ejemplo básico de timeline"
-      },
-      source: {
-        code: DefaultTabDefinition
-      }
-    }
-  },
-  argTypes: {
-    children: {
-      control: false,
-      description: 'Componentes \`TabItems\` que definen la estructura de el timeline'
-    },
-    orientation: {
-      description: 'Indica si la posicion de los tabs, es horizontal o vertical'
-    },
-    defaultValue: {
-      description: 'Indica si, se requiere iniciar con alguna tab preseleccionada, se inicia'
-    },
-    variant: {
-      description: 'Indica el estilo de los tabs "standard" | "scrollable" | "fullWidth" '
-    },
-    indicatorColor: {
-      description: 'Indica el color del indicador de los tabs "primary" | "secondary"'
-    },
-    labelColor: {
-      description: 'Indica el color de las etiquetas de los tabs "primary" | "secondary" | "inherit"'
-    },
-    sx: {
-      description: 'Estilos personalizados para el tab'
-    },
-    allowScrollButtonsMobile: {
-      description: 'Si se usan scrollButtons, permite que se muestren en dispositivos móviles'
-    },
-    onChange: {
-      control: false,
-      description: 'Permite enviar una función, al cambiar entre tabs, para obtener el id actual'
-    }
-  }
-}`,...s.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    return <Tabs {...args} variant="scrollable" scrollButtons="auto" allowScrollButtonsMobile>
-        {Array.from({
-        length: 20
-      }).map((_, idx) => <Tab key={idx} label={\`Tab \${idx + 1}\`} icon={<Settings />}>
-            <div>
-              hola {idx + 1}
-            </div>
-          </Tab>)}
-      </Tabs>;
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "Ejemplo tab con scroll"
-      },
-      source: {
-        code: ScrollTabDefinition
-      }
-    }
-  }
-}`,...c.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    return <Tabs {...args} orientation="vertical">
-        <Tab label="Home">
-          <div>
-            hola 1
-          </div>
-        </Tab>
-        <Tab label="Settings">
-          <div>
-            hola 2
-          </div>
-        </Tab>
-        <Tab label="Profile">
-          <div>
-            hola 3
-          </div>
-        </Tab>
-      </Tabs>;
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "Ejemplo tab vertical"
-      },
-      source: {
-        code: VeriticalTabDefinition
-      }
-    }
-  }
-}`,...d.parameters?.docs?.source}}};const ue=["DefaultTab","ScrollTab","VeriticalTab"];export{s as DefaultTab,c as ScrollTab,d as VeriticalTab,ue as __namedExportsOrder,de as default};

package/storybook-static/assets/TextField-22T-xHBm.js

@@ -1 +0,0 @@
-import{r as m}from"./iframe-BAJnc_4n.js";import{g as j,a as W,u as N,s as k,c as A,b as w,d as E,m as G,r as Te}from"./DefaultPropsProvider-BGoQxtDa.js";import{u as L}from"./useSlot-b6pXgp5_.js";import{j as F}from"./jsx-runtime-D_zvdyIk.js";import{u as Ie}from"./useId-b4fZxjOL.js";import{b as Le,c as ae,F as ke,u as ee,d as re,O as we,e as Re,I as ze,S as Me}from"./Select-DJh2biEb.js";import{c as qe}from"./createSimplePaletteValueFilter-bm0fmN_7.js";import{i as Z}from"./isMuiElement-CTZSFcY5.js";function $e(e){return j("MuiFormControl",e)}W("MuiFormControl",["root","marginNone","marginNormal","marginDense","fullWidth","disabled"]);const He=e=>{const{classes:r,margin:o,fullWidth:t}=e,s={root:["root",o!=="none"&&`margin${w(o)}`,t&&"fullWidth"]};return E(s,$e,r)},je=k("div",{name:"MuiFormControl",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:o}=e;return[r.root,r[`margin${w(o.margin)}`],o.fullWidth&&r.fullWidth]}})({display:"inline-flex",flexDirection:"column",position:"relative",minWidth:0,padding:0,margin:0,border:0,verticalAlign:"top",variants:[{props:{margin:"normal"},style:{marginTop:16,marginBottom:8}},{props:{margin:"dense"},style:{marginTop:8,marginBottom:4}},{props:{fullWidth:!0},style:{width:"100%"}}]}),We=m.forwardRef(function(r,o){const t=N({props:r,name:"MuiFormControl"}),{children:s,className:i,color:n="primary",component:d="div",disabled:l=!1,error:f=!1,focused:c,fullWidth:x=!1,hiddenLabel:b=!1,margin:h="none",required:u=!1,size:p="medium",variant:a="outlined",...C}=t,I={...t,color:n,component:d,disabled:l,error:f,fullWidth:x,hiddenLabel:b,margin:h,required:u,size:p,variant:a},J=He(I),[y,K]=m.useState(()=>{let g=!1;return s&&m.Children.forEach(s,v=>{if(!Z(v,["Input","Select"]))return;const q=Z(v,["Select"])?v.props.input:v;q&&Le(q.props)&&(g=!0)}),g}),[U,R]=m.useState(()=>{let g=!1;return s&&m.Children.forEach(s,v=>{Z(v,["Input","Select"])&&(ae(v.props,!0)||ae(v.props.inputProps,!0))&&(g=!0)}),g}),[O,z]=m.useState(!1);l&&O&&z(!1);const B=c!==void 0&&!l?c:O;let D;m.useRef(!1);const V=m.useCallback(()=>{R(!0)},[]),M=m.useCallback(()=>{R(!1)},[]),Q=m.useMemo(()=>({adornedStart:y,setAdornedStart:K,color:n,disabled:l,error:f,filled:U,focused:B,fullWidth:x,hiddenLabel:b,size:p,onBlur:()=>{z(!1)},onFocus:()=>{z(!0)},onEmpty:M,onFilled:V,registerEffect:D,required:u,variant:a}),[y,n,l,f,U,B,x,b,D,M,V,u,p,a]);return F.jsx(ke.Provider,{value:Q,children:F.jsx(je,{as:d,ownerState:I,className:A(J.root,i),ref:o,...C,children:s})})});function Ne(e){return j("MuiFormHelperText",e)}const le=W("MuiFormHelperText",["root","error","disabled","sizeSmall","sizeMedium","contained","focused","filled","required"]);var ne;const Ae=e=>{const{classes:r,contained:o,size:t,disabled:s,error:i,filled:n,focused:d,required:l}=e,f={root:["root",s&&"disabled",i&&"error",t&&`size${w(t)}`,o&&"contained",d&&"focused",n&&"filled",l&&"required"]};return E(f,Ne,r)},Ee=k("p",{name:"MuiFormHelperText",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:o}=e;return[r.root,o.size&&r[`size${w(o.size)}`],o.contained&&r.contained,o.filled&&r.filled]}})(G(({theme:e})=>({color:(e.vars||e).palette.text.secondary,...e.typography.caption,textAlign:"left",marginTop:3,marginRight:0,marginBottom:0,marginLeft:0,[`&.${le.disabled}`]:{color:(e.vars||e).palette.text.disabled},[`&.${le.error}`]:{color:(e.vars||e).palette.error.main},variants:[{props:{size:"small"},style:{marginTop:4}},{props:({ownerState:r})=>r.contained,style:{marginLeft:14,marginRight:14}}]}))),Ue=m.forwardRef(function(r,o){const t=N({props:r,name:"MuiFormHelperText"}),{children:s,className:i,component:n="p",disabled:d,error:l,filled:f,focused:c,margin:x,required:b,variant:h,...u}=t,p=ee(),a=re({props:t,muiFormControl:p,states:["variant","size","disabled","error","filled","focused","required"]}),C={...t,component:n,contained:a.variant==="filled"||a.variant==="outlined",variant:a.variant,size:a.size,disabled:a.disabled,error:a.error,filled:a.filled,focused:a.focused,required:a.required};delete C.ownerState;const I=Ae(C);return F.jsx(Ee,{as:n,className:A(I.root,i),ref:o,...u,ownerState:C,children:s===" "?ne||(ne=F.jsx("span",{className:"notranslate","aria-hidden":!0,children:"​"})):s})});function Oe(e){return j("MuiFormLabel",e)}const H=W("MuiFormLabel",["root","colorSecondary","focused","disabled","error","filled","required","asterisk"]),Be=e=>{const{classes:r,color:o,focused:t,disabled:s,error:i,filled:n,required:d}=e,l={root:["root",`color${w(o)}`,s&&"disabled",i&&"error",n&&"filled",t&&"focused",d&&"required"],asterisk:["asterisk",i&&"error"]};return E(l,Oe,r)},De=k("label",{name:"MuiFormLabel",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:o}=e;return[r.root,o.color==="secondary"&&r.colorSecondary,o.filled&&r.filled]}})(G(({theme:e})=>({color:(e.vars||e).palette.text.secondary,...e.typography.body1,lineHeight:"1.4375em",padding:0,position:"relative",variants:[...Object.entries(e.palette).filter(qe()).map(([r])=>({props:{color:r},style:{[`&.${H.focused}`]:{color:(e.vars||e).palette[r].main}}})),{props:{},style:{[`&.${H.disabled}`]:{color:(e.vars||e).palette.text.disabled},[`&.${H.error}`]:{color:(e.vars||e).palette.error.main}}}]}))),Ve=k("span",{name:"MuiFormLabel",slot:"Asterisk"})(G(({theme:e})=>({[`&.${H.error}`]:{color:(e.vars||e).palette.error.main}}))),_e=m.forwardRef(function(r,o){const t=N({props:r,name:"MuiFormLabel"}),{children:s,className:i,color:n,component:d="label",disabled:l,error:f,filled:c,focused:x,required:b,...h}=t,u=ee(),p=re({props:t,muiFormControl:u,states:["color","required","focused","disabled","error","filled"]}),a={...t,color:p.color||"primary",component:d,disabled:p.disabled,error:p.error,filled:p.filled,focused:p.focused,required:p.required},C=Be(a);return F.jsxs(De,{as:d,ownerState:a,className:A(C.root,i),ref:o,...h,children:[s,p.required&&F.jsxs(Ve,{ownerState:a,"aria-hidden":!0,className:C.asterisk,children:[" ","*"]})]})});function Ge(e){return j("MuiInputLabel",e)}W("MuiInputLabel",["root","focused","disabled","error","required","asterisk","formControl","sizeSmall","shrink","animated","standard","filled","outlined"]);const Je=e=>{const{classes:r,formControl:o,size:t,shrink:s,disableAnimation:i,variant:n,required:d}=e,l={root:["root",o&&"formControl",!i&&"animated",s&&"shrink",t&&t!=="medium"&&`size${w(t)}`,n],asterisk:[d&&"asterisk"]},f=E(l,Ge,r);return{...r,...f}},Ke=k(_e,{shouldForwardProp:e=>Te(e)||e==="classes",name:"MuiInputLabel",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:o}=e;return[{[`& .${H.asterisk}`]:r.asterisk},r.root,o.formControl&&r.formControl,o.size==="small"&&r.sizeSmall,o.shrink&&r.shrink,!o.disableAnimation&&r.animated,o.focused&&r.focused,r[o.variant]]}})(G(({theme:e})=>({display:"block",transformOrigin:"top left",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"100%",variants:[{props:({ownerState:r})=>r.formControl,style:{position:"absolute",left:0,top:0,transform:"translate(0, 20px) scale(1)"}},{props:{size:"small"},style:{transform:"translate(0, 17px) scale(1)"}},{props:({ownerState:r})=>r.shrink,style:{transform:"translate(0, -1.5px) scale(0.75)",transformOrigin:"top left",maxWidth:"133%"}},{props:({ownerState:r})=>!r.disableAnimation,style:{transition:e.transitions.create(["color","transform","max-width"],{duration:e.transitions.duration.shorter,easing:e.transitions.easing.easeOut})}},{props:{variant:"filled"},style:{zIndex:1,pointerEvents:"none",transform:"translate(12px, 16px) scale(1)",maxWidth:"calc(100% - 24px)"}},{props:{variant:"filled",size:"small"},style:{transform:"translate(12px, 13px) scale(1)"}},{props:({variant:r,ownerState:o})=>r==="filled"&&o.shrink,style:{userSelect:"none",pointerEvents:"auto",transform:"translate(12px, 7px) scale(0.75)",maxWidth:"calc(133% - 24px)"}},{props:({variant:r,ownerState:o,size:t})=>r==="filled"&&o.shrink&&t==="small",style:{transform:"translate(12px, 4px) scale(0.75)"}},{props:{variant:"outlined"},style:{zIndex:1,pointerEvents:"none",transform:"translate(14px, 16px) scale(1)",maxWidth:"calc(100% - 24px)"}},{props:{variant:"outlined",size:"small"},style:{transform:"translate(14px, 9px) scale(1)"}},{props:({variant:r,ownerState:o})=>r==="outlined"&&o.shrink,style:{userSelect:"none",pointerEvents:"auto",maxWidth:"calc(133% - 32px)",transform:"translate(14px, -9px) scale(0.75)"}}]}))),Qe=m.forwardRef(function(r,o){const t=N({name:"MuiInputLabel",props:r}),{disableAnimation:s=!1,margin:i,shrink:n,variant:d,className:l,...f}=t,c=ee();let x=n;typeof x>"u"&&c&&(x=c.filled||c.focused||c.adornedStart);const b=re({props:t,muiFormControl:c,states:["size","variant","required","focused"]}),h={...t,disableAnimation:s,formControl:c,shrink:x,size:b.size,variant:b.variant,required:b.required,focused:b.focused},u=Je(h);return F.jsx(Ke,{"data-shrink":x,ref:o,className:A(u.root,l),...f,ownerState:h,classes:u})});function Xe(e){return j("MuiTextField",e)}W("MuiTextField",["root"]);const Ye={standard:ze,filled:Re,outlined:we},Ze=e=>{const{classes:r}=e;return E({root:["root"]},Xe,r)},er=k(We,{name:"MuiTextField",slot:"Root"})({}),dr=m.forwardRef(function(r,o){const t=N({props:r,name:"MuiTextField"}),{autoComplete:s,autoFocus:i=!1,children:n,className:d,color:l="primary",defaultValue:f,disabled:c=!1,error:x=!1,FormHelperTextProps:b,fullWidth:h=!1,helperText:u,id:p,InputLabelProps:a,inputProps:C,InputProps:I,inputRef:J,label:y,maxRows:K,minRows:U,multiline:R=!1,name:O,onBlur:z,onChange:B,onFocus:D,placeholder:V,required:M=!1,rows:Q,select:g=!1,SelectProps:v,slots:q={},slotProps:ie={},type:de,value:oe,variant:_="outlined",...pe}=t,S={...t,autoFocus:i,color:l,disabled:c,error:x,fullWidth:h,multiline:R,required:M,select:g,variant:_},ce=Ze(S),P=Ie(p),X=u&&P?`${P}-helper-text`:void 0,te=y&&P?`${P}-label`:void 0,ue=Ye[_],T={slots:q,slotProps:{input:I,inputLabel:a,htmlInput:C,formHelperText:b,select:v,...ie}},$={},Y=T.slotProps.inputLabel;_==="outlined"&&(Y&&typeof Y.shrink<"u"&&($.notched=Y.shrink),$.label=y),g&&((!v||!v.native)&&($.id=void 0),$["aria-describedby"]=void 0);const[me,fe]=L("root",{elementType:er,shouldForwardComponentProp:!0,externalForwardedProps:{...T,...pe},ownerState:S,className:A(ce.root,d),ref:o,additionalProps:{disabled:c,error:x,fullWidth:h,required:M,color:l,variant:_}}),[xe,be]=L("input",{elementType:ue,externalForwardedProps:T,additionalProps:$,ownerState:S}),[ve,Fe]=L("inputLabel",{elementType:Qe,externalForwardedProps:T,ownerState:S}),[he,Ce]=L("htmlInput",{elementType:"input",externalForwardedProps:T,ownerState:S}),[ge,ye]=L("formHelperText",{elementType:Ue,externalForwardedProps:T,ownerState:S}),[Se,Pe]=L("select",{elementType:Me,externalForwardedProps:T,ownerState:S}),se=F.jsx(xe,{"aria-describedby":X,autoComplete:s,autoFocus:i,defaultValue:f,fullWidth:h,multiline:R,name:O,rows:Q,maxRows:K,minRows:U,type:de,value:oe,id:P,inputRef:J,onBlur:z,onChange:B,onFocus:D,placeholder:V,inputProps:Ce,slots:{input:q.htmlInput?he:void 0},...be});return F.jsxs(me,{...fe,children:[y!=null&&y!==""&&F.jsx(ve,{htmlFor:P,id:te,...Fe,children:y}),g?F.jsx(Se,{"aria-describedby":X,id:P,labelId:te,value:oe,input:se,...Pe,children:n}):se,u&&F.jsx(ge,{id:X,...ye,children:u})]})});export{Ue as F,Qe as I,dr as T,We as a};

package/storybook-static/assets/Timeline.stories-DJU_U2Hv.js

@@ -1,97 +0,0 @@
-import{j as i}from"./jsx-runtime-D_zvdyIk.js";import{r as s}from"./iframe-BAJnc_4n.js";import{a as u,g as T,b as M,s as f,c as x,d as C}from"./DefaultPropsProvider-BGoQxtDa.js";import{u as g}from"./useThemeProps-U4yXiZ_5.js";import{i as A}from"./isMuiElement-CTZSFcY5.js";import{T as N}from"./Typography-BgntX2Ep.js";import{B as w}from"./Box-BnhEcfFm.js";import"./preload-helper-PPVm8Dsz.js";import"./useThemeProps-DYtxXiUU.js";import"./extendSxProp-CEpa30hT.js";import"./emotion-react.browser.esm--g-C9cX9.js";import"./createSimplePaletteValueFilter-bm0fmN_7.js";const j=s.createContext({});function U(e){return T("MuiTimelineContent",e)}const P=u("MuiTimelineContent",["root","positionLeft","positionRight","positionAlternate","positionAlternateReverse"]);function y(e){return e==="alternate-reverse"?"positionAlternateReverse":`position${M(e)}`}const V=e=>{const{position:o,classes:t}=e,n={root:["root",y(o)]};return C(n,U,t)},E=f(N,{name:"MuiTimelineContent",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:t}=e;return[o.root,o[y(t.position)]]}})(({ownerState:e})=>({flex:1,padding:"6px 16px",textAlign:"left",...e.position==="left"&&{textAlign:"right"}})),O=s.forwardRef(function(o,t){const n=g({props:o,name:"MuiTimelineContent"}),{className:r,...l}=n,{position:a}=s.useContext(j),c={...n,position:a||"right"},p=V(c);return i.jsx(E,{component:"div",className:x(p.root,r),ownerState:c,ref:t,...l})}),B=u("MuiTimelineOppositeContent",["root","positionLeft","positionRight","positionAlternate","positionAlternateReverse"]);function _(e){return T("MuiTimelineItem",e)}const k=u("MuiTimelineItem",["root","positionLeft","positionRight","positionAlternate","positionAlternateReverse","missingOppositeContent"]),q=e=>{const{position:o,classes:t,hasOppositeContent:n}=e,r={root:["root",y(o),!n&&"missingOppositeContent"]};return C(r,_,t)},G=f("li",{name:"MuiTimelineItem",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:t}=e;return[o.root,o[y(t.position)]]}})(({ownerState:e})=>({listStyle:"none",display:"flex",position:"relative",minHeight:70,...e.position==="left"&&{flexDirection:"row-reverse"},...(e.position==="alternate"||e.position==="alternate-reverse")&&{[`&:nth-of-type(${e.position==="alternate"?"even":"odd"})`]:{flexDirection:"row-reverse",[`& .${P.root}`]:{textAlign:"right"},[`& .${B.root}`]:{textAlign:"left"}}},...!e.hasOppositeContent&&{"&::before":{content:'""',flex:1,padding:"6px 16px"}}})),L=s.forwardRef(function(o,t){const n=g({props:o,name:"MuiTimelineItem"}),{position:r,className:l,...a}=n,{position:c}=s.useContext(j);let p=!1;s.Children.forEach(n.children,$=>{A($,["TimelineOppositeContent"])&&(p=!0)});const d={...n,position:r||c||"right",hasOppositeContent:p},b=q(d),S=s.useMemo(()=>({position:d.position}),[d.position]);return i.jsx(j.Provider,{value:S,children:i.jsx(G,{className:x(b.root,l),ownerState:d,ref:t,...a})})});function z(e){return T("MuiTimelineSeparator",e)}u("MuiTimelineSeparator",["root"]);const H=e=>{const{classes:o}=e;return C({root:["root"]},z,o)},W=f("div",{name:"MuiTimelineSeparator",slot:"Root"})({display:"flex",flexDirection:"column",flex:0,alignItems:"center"}),F=s.forwardRef(function(o,t){const n=g({props:o,name:"MuiTimelineSeparator"}),{className:r,...l}=n,a=n,c=H(a);return i.jsx(W,{className:x(c.root,r),ownerState:a,ref:t,...l})});function J(e){return T("MuiTimelineConnector",e)}u("MuiTimelineConnector",["root"]);const K=e=>{const{classes:o}=e;return C({root:["root"]},J,o)},Q=f("span",{name:"MuiTimelineConnector",slot:"Root"})(({theme:e})=>({width:2,backgroundColor:(e.vars||e).palette.grey[400],flexGrow:1})),X=s.forwardRef(function(o,t){const n=g({props:o,name:"MuiTimelineConnector"}),{className:r,...l}=n,a=n,c=K(a);return i.jsx(Q,{className:x(c.root,r),ownerState:a,ref:t,...l})});function Y(e){return T("MuiTimelineDot",e)}u("MuiTimelineDot",["root","filled","outlined","filledGrey","outlinedGrey","filledPrimary","outlinedPrimary","filledSecondary","outlinedSecondary"]);const Z=e=>{const{color:o,variant:t,classes:n}=e,r={root:["root",t,o!=="inherit"&&`${t}${M(o)}`]};return C(r,Y,n)},ee=f("span",{name:"MuiTimelineDot",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:t}=e;return[o.root,o[t.color!=="inherit"&&`${t.variant}${M(t.color)}`],o[t.variant]]}})(({ownerState:e,theme:o})=>({display:"flex",alignSelf:"baseline",borderStyle:"solid",borderWidth:2,padding:4,borderRadius:"50%",boxShadow:(o.vars||o).shadows[1],margin:"11.5px 0",...e.variant==="filled"&&{borderColor:"transparent",...e.color!=="inherit"&&{...e.color==="grey"?{color:(o.vars||o).palette.grey[50],backgroundColor:(o.vars||o).palette.grey[400]}:{color:(o.vars||o).palette[e.color].contrastText,backgroundColor:(o.vars||o).palette[e.color].main}}},...e.variant==="outlined"&&{boxShadow:"none",backgroundColor:"transparent",...e.color!=="inherit"&&{...e.color==="grey"?{borderColor:(o.vars||o).palette.grey[400]}:{borderColor:(o.vars||o).palette[e.color].main}}}})),oe=s.forwardRef(function(o,t){const n=g({props:o,name:"MuiTimelineDot"}),{className:r,color:l="grey",variant:a="filled",...c}=n,p={...n,color:l,variant:a},d=Z(p);return i.jsx(ee,{className:x(d.root,r),ownerState:p,ref:t,...c})}),m=({dotColor:e="grey",connectorColor:o,children:t})=>{const n=o?`${o}.main`:"secondary.main";return i.jsxs(L,{children:[i.jsxs(F,{children:[i.jsx(oe,{color:e}),o!==void 0&&i.jsx(X,{sx:{bgcolor:n}})]}),i.jsx(O,{children:t})]})};m.__docgenInfo={description:"",methods:[],displayName:"TimelineItem",props:{dotColor:{defaultValue:{value:"'grey'",computed:!1},required:!1}}};const D=`
-<Timeline>
-  <TimelineItem dotColor="primary" connectorColor="primary">
-    Primer paso
-  </TimelineItem>
-  <TimelineItem dotColor="secondary" connectorColor="secondary">
-    Segundo paso
-  </TimelineItem>
-  <TimelineItem dotColor="success">
-    Tercer paso
-  </TimelineItem>
-</Timeline>
-`.trim();function te(e){return T("MuiTimeline",e)}u("MuiTimeline",["root","positionLeft","positionRight","positionAlternate","positionAlternateReverse"]);const ne=e=>{const{position:o,classes:t}=e,n={root:["root",o&&y(o)]};return C(n,te,t)},ie=f("ul",{name:"MuiTimeline",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:t}=e;return[o.root,t.position&&o[y(t.position)]]}})({display:"flex",flexDirection:"column",padding:"6px 16px",flexGrow:1}),re=s.forwardRef(function(o,t){const n=g({props:o,name:"MuiTimeline"}),{position:r="right",className:l,...a}=n,c={...n,position:r},p=ne(c),d=s.useMemo(()=>({position:r}),[r]);return i.jsx(j.Provider,{value:d,children:i.jsx(ie,{className:x(p.root,l),ownerState:c,ref:t,...a})})}),h=({children:e,position:o="right",sx:t})=>{const n=s.Children.count(e),r=o==="left"||o==="right"?{[`& .${k.root}:before`]:{flex:0,padding:0},...t}:t;return i.jsx(re,{position:o,sx:{...r},children:s.Children.map(e,(l,a)=>s.isValidElement(l)?s.cloneElement(l,{connectorColor:a<n-1?l.props.connectorColor??"gray.main":void 0}):null)})};h.__docgenInfo={description:"",methods:[],displayName:"Timeline",props:{children:{required:!0,tsType:{name:"Array",elements:[{name:"ReactReactElement",raw:"React.ReactElement<TimelineItemProps>",elements:[{name:"TimelineItemProps"}]}],raw:"React.ReactElement<TimelineItemProps>[]"},description:""},position:{required:!1,tsType:{name:"union",raw:`"left" | "right" | 'alternate' | 'alternate-reverse'`,elements:[{name:"literal",value:'"left"'},{name:"literal",value:'"right"'},{name:"literal",value:"'alternate'"},{name:"literal",value:"'alternate-reverse'"}]},description:"",defaultValue:{value:'"right"',computed:!1}},sx:{required:!1,tsType:{name:"object"},description:""}}};const ge={title:"Components/Timeline",component:h,parameters:{layout:"centered"},tags:["autodocs"]},v={args:{position:"right"},render:e=>i.jsx(w,{sx:{width:300},children:i.jsxs(h,{...e,children:[i.jsx(m,{children:"eat"}),i.jsx(m,{children:"code"}),i.jsx(m,{children:"sleep"})]})}),parameters:{docs:{description:{story:"Ejemplo básico de timeline"},source:{code:D}}}},I={render:()=>i.jsx(w,{sx:{width:300},children:i.jsxs(h,{children:[i.jsx(m,{dotColor:"success",connectorColor:"error",children:"eat"}),i.jsx(m,{dotColor:"primary",connectorColor:"success",children:"code"}),i.jsx(m,{dotColor:"warning",children:"repeat"})]})}),parameters:{docs:{description:{story:"Variantes de color en los dots y conectores"},source:{code:D}}}},R={render:()=>i.jsx(w,{sx:{width:300},children:i.jsxs(h,{position:"alternate",children:[i.jsx(m,{children:"eat"}),i.jsx(m,{children:"code"}),i.jsx(m,{children:"repeat"})]})}),args:{position:"alternate"},parameters:{docs:{description:{story:"Variantes de color en los dots y conectores"},source:{code:D}}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
-  args: {
-    position: "right"
-  },
-  render: args => <Box sx={{
-    width: 300
-  }}>
-      <Timeline {...args}>
-        <TimelineItem>
-          eat
-        </TimelineItem>
-        <TimelineItem>
-          code
-        </TimelineItem>
-        <TimelineItem>
-          sleep
-        </TimelineItem>
-      </Timeline>
-    </Box>,
-  parameters: {
-    docs: {
-      description: {
-        story: "Ejemplo básico de timeline"
-      },
-      source: {
-        code: DefaultTimelineDefinition
-      }
-    }
-  }
-}`,...v.parameters?.docs?.source}}};I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
-  render: () => <Box sx={{
-    width: 300
-  }}>
-      <Timeline>
-        <TimelineItem dotColor="success" connectorColor="error">
-          eat
-        </TimelineItem>
-        <TimelineItem dotColor="primary" connectorColor="success">
-          code
-        </TimelineItem>
-        <TimelineItem dotColor="warning">
-          repeat
-        </TimelineItem>
-      </Timeline>
-    </Box>,
-  parameters: {
-    docs: {
-      description: {
-        story: "Variantes de color en los dots y conectores"
-      },
-      source: {
-        code: DefaultTimelineDefinition
-      }
-    }
-  }
-}`,...I.parameters?.docs?.source}}};R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{
-  render: () => <Box sx={{
-    width: 300
-  }}>
-      <Timeline position="alternate">
-        <TimelineItem>
-          eat
-        </TimelineItem>
-        <TimelineItem>
-          code
-        </TimelineItem>
-        <TimelineItem>
-          repeat
-        </TimelineItem>
-      </Timeline>
-    </Box>,
-  args: {
-    position: "alternate"
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: "Variantes de color en los dots y conectores"
-      },
-      source: {
-        code: DefaultTimelineDefinition
-      }
-    }
-  }
-}`,...R.parameters?.docs?.source}}};const ye=["Default","ColorVariant","PositionVariant"];export{I as ColorVariant,v as Default,R as PositionVariant,ye as __namedExportsOrder,ge as default};

package/storybook-static/assets/Tooltip-DbnHUxNj.js

@@ -1 +0,0 @@
-import{r as s}from"./iframe-BAJnc_4n.js";import{a as Yo,g as qo,u as Jo,c as fo,s as H,b as yo,d as Qo,m as K}from"./DefaultPropsProvider-BGoQxtDa.js";import{a as Zo}from"./useSlotProps-C0uMfuBt.js";import{u as _o}from"./useTheme-BmOJK7ra.js";import{j as h}from"./jsx-runtime-D_zvdyIk.js";import{u as I}from"./useSlot-b6pXgp5_.js";import{c as k,u as ho,T as oe}from"./useTimeout-DNjRaOWc.js";import{u as ee}from"./useControlled-DsVh1a5j.js";import{u as te}from"./useId-b4fZxjOL.js";import{u as re}from"./useForkRef-0ANIrxcF.js";import{g as pe}from"./getReactElementRef-BQ3ANZdy.js";import{G as se}from"./Grow-8y4FglGK.js";import{P as wo}from"./Popper-CnCTYXxy.js";import{i as go}from"./isFocusVisible-B8k4qzLc.js";function ne(t){return qo("MuiTooltip",t)}const r=Yo("MuiTooltip",["popper","popperInteractive","popperArrow","popperClose","tooltip","tooltipArrow","touch","tooltipPlacementLeft","tooltipPlacementRight","tooltipPlacementTop","tooltipPlacementBottom","arrow"]);function ae(t){return Math.round(t*1e5)/1e5}const ie=t=>{const{classes:o,disableInteractive:p,arrow:i,touch:x,placement:g}=t,X={popper:["popper",!p&&"popperInteractive",i&&"popperArrow"],tooltip:["tooltip",i&&"tooltipArrow",x&&"touch",`tooltipPlacement${yo(g.split("-")[0])}`],arrow:["arrow"]};return Qo(X,ne,o)},le=H(wo,{name:"MuiTooltip",slot:"Popper",overridesResolver:(t,o)=>{const{ownerState:p}=t;return[o.popper,!p.disableInteractive&&o.popperInteractive,p.arrow&&o.popperArrow,!p.open&&o.popperClose]}})(K(({theme:t})=>({zIndex:(t.vars||t).zIndex.tooltip,pointerEvents:"none",variants:[{props:({ownerState:o})=>!o.disableInteractive,style:{pointerEvents:"auto"}},{props:({open:o})=>!o,style:{pointerEvents:"none"}},{props:({ownerState:o})=>o.arrow,style:{[`&[data-popper-placement*="bottom"] .${r.arrow}`]:{top:0,marginTop:"-0.71em","&::before":{transformOrigin:"0 100%"}},[`&[data-popper-placement*="top"] .${r.arrow}`]:{bottom:0,marginBottom:"-0.71em","&::before":{transformOrigin:"100% 0"}},[`&[data-popper-placement*="right"] .${r.arrow}`]:{height:"1em",width:"0.71em","&::before":{transformOrigin:"100% 100%"}},[`&[data-popper-placement*="left"] .${r.arrow}`]:{height:"1em",width:"0.71em","&::before":{transformOrigin:"0 0"}}}},{props:({ownerState:o})=>o.arrow&&!o.isRtl,style:{[`&[data-popper-placement*="right"] .${r.arrow}`]:{left:0,marginLeft:"-0.71em"}}},{props:({ownerState:o})=>o.arrow&&!!o.isRtl,style:{[`&[data-popper-placement*="right"] .${r.arrow}`]:{right:0,marginRight:"-0.71em"}}},{props:({ownerState:o})=>o.arrow&&!o.isRtl,style:{[`&[data-popper-placement*="left"] .${r.arrow}`]:{right:0,marginRight:"-0.71em"}}},{props:({ownerState:o})=>o.arrow&&!!o.isRtl,style:{[`&[data-popper-placement*="left"] .${r.arrow}`]:{left:0,marginLeft:"-0.71em"}}}]}))),ce=H("div",{name:"MuiTooltip",slot:"Tooltip",overridesResolver:(t,o)=>{const{ownerState:p}=t;return[o.tooltip,p.touch&&o.touch,p.arrow&&o.tooltipArrow,o[`tooltipPlacement${yo(p.placement.split("-")[0])}`]]}})(K(({theme:t})=>({backgroundColor:t.vars?t.vars.palette.Tooltip.bg:t.alpha(t.palette.grey[700],.92),borderRadius:(t.vars||t).shape.borderRadius,color:(t.vars||t).palette.common.white,fontFamily:t.typography.fontFamily,padding:"4px 8px",fontSize:t.typography.pxToRem(11),maxWidth:300,margin:2,wordWrap:"break-word",fontWeight:t.typography.fontWeightMedium,[`.${r.popper}[data-popper-placement*="left"] &`]:{transformOrigin:"right center"},[`.${r.popper}[data-popper-placement*="right"] &`]:{transformOrigin:"left center"},[`.${r.popper}[data-popper-placement*="top"] &`]:{transformOrigin:"center bottom",marginBottom:"14px"},[`.${r.popper}[data-popper-placement*="bottom"] &`]:{transformOrigin:"center top",marginTop:"14px"},variants:[{props:({ownerState:o})=>o.arrow,style:{position:"relative",margin:0}},{props:({ownerState:o})=>o.touch,style:{padding:"8px 16px",fontSize:t.typography.pxToRem(14),lineHeight:`${ae(16/14)}em`,fontWeight:t.typography.fontWeightRegular}},{props:({ownerState:o})=>!o.isRtl,style:{[`.${r.popper}[data-popper-placement*="left"] &`]:{marginRight:"14px"},[`.${r.popper}[data-popper-placement*="right"] &`]:{marginLeft:"14px"}}},{props:({ownerState:o})=>!o.isRtl&&o.touch,style:{[`.${r.popper}[data-popper-placement*="left"] &`]:{marginRight:"24px"},[`.${r.popper}[data-popper-placement*="right"] &`]:{marginLeft:"24px"}}},{props:({ownerState:o})=>!!o.isRtl,style:{[`.${r.popper}[data-popper-placement*="left"] &`]:{marginLeft:"14px"},[`.${r.popper}[data-popper-placement*="right"] &`]:{marginRight:"14px"}}},{props:({ownerState:o})=>!!o.isRtl&&o.touch,style:{[`.${r.popper}[data-popper-placement*="left"] &`]:{marginLeft:"24px"},[`.${r.popper}[data-popper-placement*="right"] &`]:{marginRight:"24px"}}},{props:({ownerState:o})=>o.touch,style:{[`.${r.popper}[data-popper-placement*="top"] &`]:{marginBottom:"24px"}}},{props:({ownerState:o})=>o.touch,style:{[`.${r.popper}[data-popper-placement*="bottom"] &`]:{marginTop:"24px"}}}]}))),me=H("span",{name:"MuiTooltip",slot:"Arrow"})(K(({theme:t})=>({overflow:"hidden",position:"absolute",width:"1em",height:"0.71em",boxSizing:"border-box",color:t.vars?t.vars.palette.Tooltip.bg:t.alpha(t.palette.grey[700],.9),"&::before":{content:'""',margin:"auto",display:"block",width:"100%",height:"100%",backgroundColor:"currentColor",transform:"rotate(45deg)"}})));let A=!1;const To=new oe;let P={x:0,y:0};function F(t,o){return(p,...i)=>{o&&o(p,...i),t(p,...i)}}const Oe=s.forwardRef(function(o,p){const i=Jo({props:o,name:"MuiTooltip"}),{arrow:x=!1,children:g,classes:X,components:R={},componentsProps:M={},describeChild:bo=!1,disableFocusListener:vo=!1,disableHoverListener:Y=!1,disableInteractive:Po=!1,disableTouchListener:xo=!1,enterDelay:q=100,enterNextDelay:J=0,enterTouchDelay:Ro=700,followCursor:N=!1,id:Mo,leaveDelay:Q=0,leaveTouchDelay:Oo=1500,onClose:Z,onOpen:_,open:So,placement:oo="bottom",PopperComponent:eo,PopperProps:d={},slotProps:l={},slots:$o={},title:f,TransitionComponent:Co,TransitionProps:Eo,...to}=i,c=s.isValidElement(g)?g:h.jsx("span",{children:g}),ro=_o(),Lo=Zo(),[T,po]=s.useState(),[W,Io]=s.useState(null),O=s.useRef(!1),B=Po||N,so=k(),U=k(),S=k(),no=k(),[ko,ao]=ee({controlled:So,default:!1,name:"Tooltip",state:"open"});let a=ko;const j=te(Mo),y=s.useRef(),$=ho(()=>{y.current!==void 0&&(document.body.style.WebkitUserSelect=y.current,y.current=void 0),no.clear()});s.useEffect(()=>$,[$]);const io=e=>{To.clear(),A=!0,ao(!0),_&&!a&&_(e)},C=ho(e=>{To.start(800+Q,()=>{A=!1}),ao(!1),Z&&a&&Z(e),so.start(ro.transitions.duration.shortest,()=>{O.current=!1})}),E=e=>{O.current&&e.type!=="touchstart"||(T&&T.removeAttribute("title"),U.clear(),S.clear(),q||A&&J?U.start(A?J:q,()=>{io(e)}):io(e))},D=e=>{U.clear(),S.start(Q,()=>{C(e)})},[,lo]=s.useState(!1),co=e=>{go(e.target)||(lo(!1),D(e))},mo=e=>{T||po(e.currentTarget),go(e.target)&&(lo(!0),E(e))},uo=e=>{O.current=!0;const m=c.props;m.onTouchStart&&m.onTouchStart(e)},Ao=e=>{uo(e),S.clear(),so.clear(),$(),y.current=document.body.style.WebkitUserSelect,document.body.style.WebkitUserSelect="none",no.start(Ro,()=>{document.body.style.WebkitUserSelect=y.current,E(e)})},Fo=e=>{c.props.onTouchEnd&&c.props.onTouchEnd(e),$(),S.start(Oo,()=>{C(e)})};s.useEffect(()=>{if(!a)return;function e(m){m.key==="Escape"&&C(m)}return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[C,a]);const No=re(pe(c),po,p);!f&&f!==0&&(a=!1);const z=s.useRef(),Wo=e=>{const m=c.props;m.onMouseMove&&m.onMouseMove(e),P={x:e.clientX,y:e.clientY},z.current&&z.current.update()},w={},V=typeof f=="string";bo?(w.title=!a&&V&&!Y?f:null,w["aria-describedby"]=a?j:null):(w["aria-label"]=V?f:null,w["aria-labelledby"]=a&&!V?j:null);const n={...w,...to,...c.props,className:fo(to.className,c.props.className),onTouchStart:uo,ref:No,...N?{onMouseMove:Wo}:{}},b={};xo||(n.onTouchStart=Ao,n.onTouchEnd=Fo),Y||(n.onMouseOver=F(E,n.onMouseOver),n.onMouseLeave=F(D,n.onMouseLeave),B||(b.onMouseOver=E,b.onMouseLeave=D)),vo||(n.onFocus=F(mo,n.onFocus),n.onBlur=F(co,n.onBlur),B||(b.onFocus=mo,b.onBlur=co));const u={...i,isRtl:Lo,arrow:x,disableInteractive:B,placement:oo,PopperComponentProp:eo,touch:O.current},v=typeof l.popper=="function"?l.popper(u):l.popper,Bo=s.useMemo(()=>{let e=[{name:"arrow",enabled:!!W,options:{element:W,padding:4}}];return d.popperOptions?.modifiers&&(e=e.concat(d.popperOptions.modifiers)),v?.popperOptions?.modifiers&&(e=e.concat(v.popperOptions.modifiers)),{...d.popperOptions,...v?.popperOptions,modifiers:e}},[W,d.popperOptions,v?.popperOptions]),G=ie(u),Uo=typeof l.transition=="function"?l.transition(u):l.transition,L={slots:{popper:R.Popper,transition:R.Transition??Co,tooltip:R.Tooltip,arrow:R.Arrow,...$o},slotProps:{arrow:l.arrow??M.arrow,popper:{...d,...v??M.popper},tooltip:l.tooltip??M.tooltip,transition:{...Eo,...Uo??M.transition}}},[jo,Do]=I("popper",{elementType:le,externalForwardedProps:L,ownerState:u,className:fo(G.popper,d?.className)}),[zo,Vo]=I("transition",{elementType:se,externalForwardedProps:L,ownerState:u}),[Go,Ho]=I("tooltip",{elementType:ce,className:G.tooltip,externalForwardedProps:L,ownerState:u}),[Ko,Xo]=I("arrow",{elementType:me,className:G.arrow,externalForwardedProps:L,ownerState:u,ref:Io});return h.jsxs(s.Fragment,{children:[s.cloneElement(c,n),h.jsx(jo,{as:eo??wo,placement:oo,anchorEl:N?{getBoundingClientRect:()=>({top:P.y,left:P.x,right:P.x,bottom:P.y,width:0,height:0})}:T,popperRef:z,open:T?a:!1,id:j,transition:!0,...b,...Do,popperOptions:Bo,children:({TransitionProps:e})=>h.jsx(zo,{timeout:ro.transitions.duration.shorter,...e,...Vo,children:h.jsxs(Go,{...Ho,children:[f,x?h.jsx(Ko,{...Xo}):null]})})})]})});export{Oe as T};

package/storybook-static/assets/Tooltip.stories-B7tA3dnV.js

@@ -1,66 +0,0 @@
-import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{r as u}from"./iframe-BAJnc_4n.js";import{T as h}from"./Tooltip-DbnHUxNj.js";import{B as g}from"./Box-BnhEcfFm.js";import{T}from"./Typography-BgntX2Ep.js";import{I as f}from"./Input-CjX0t4h-.js";import{B as s}from"./Button-DBpqmVB_.js";import{S as y}from"./Stack-D01OUIXi.js";import"./preload-helper-PPVm8Dsz.js";import"./DefaultPropsProvider-BGoQxtDa.js";import"./useSlotProps-C0uMfuBt.js";import"./useSlot-b6pXgp5_.js";import"./useForkRef-0ANIrxcF.js";import"./useTheme-BmOJK7ra.js";import"./extendSxProp-CEpa30hT.js";import"./useTimeout-DNjRaOWc.js";import"./useControlled-DsVh1a5j.js";import"./useId-b4fZxjOL.js";import"./getReactElementRef-BQ3ANZdy.js";import"./index-CY7j4a7o.js";import"./index-BF3FAXTk.js";import"./Grow-8y4FglGK.js";import"./Popper-CnCTYXxy.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-Cj8XF9Lf.js";import"./isFocusVisible-B8k4qzLc.js";import"./emotion-react.browser.esm--g-C9cX9.js";import"./createSimplePaletteValueFilter-bm0fmN_7.js";import"./formField.sx-DMCmZIAa.js";import"./resolvePreset-CN2aOJJr.js";import"./TextField-22T-xHBm.js";import"./Select-DJh2biEb.js";import"./Menu-ClzfjLc3.js";import"./Paper-SwQBhqI7.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./mergeSlotProps-B0UBKBMe.js";import"./Modal-3okp9H2i.js";import"./Fade-Ll96CvH8.js";import"./createSvgIcon-D_Gca4vA.js";import"./isMuiElement-CTZSFcY5.js";import"./ButtonBase-qyaMEhe4.js";import"./CircularProgress-DC7ZNWwl.js";import"./useThemeProps-DYtxXiUU.js";const p=({text:t,maxWidth:l,children:c,sx:m})=>{const x={...l&&{maxWidth:l},padding:"4px 8px",textAlign:"center"};return o.jsx(h,{title:o.jsx(T,{variant:"caption",component:"span",sx:x,children:t}),placement:"top",arrow:!0,children:o.jsx(g,{component:"span",sx:{display:"inline-block",...m},children:c})})};p.__docgenInfo={description:`Componente Tooltip reutilizable.
-Muestra un texto al pasar el ratón sobre su elemento hijo, 
-permitiendo un ancho máximo configurable.
-* @param {TooltipProps} props - Propiedades del Tooltip.`,methods:[],displayName:"Tooltip",props:{text:{required:!0,tsType:{name:"string"},description:""},maxWidth:{required:!1,tsType:{name:"number"},description:""},children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},sx:{required:!1,tsType:{name:"SxProps",elements:[{name:"Theme"}],raw:"SxProps<Theme>"},description:""}}};const B=()=>{const[t,l]=u.useState("");return o.jsx(f,{label:"Nombre",value:t,onChange:c=>l(c)})},mo={title:"Components/Tooltip",component:p,parameters:{layout:"centered"},tags:["autodocs"]},d="Este es un texto de Tooltip muy largo para demostrar cómo el 'maxWidth' limita la longitud de la línea y obliga al texto a saltar a la siguiente línea, mejorando la legibilidad en tooltips largos.",e={args:{text:"Información corta y concisa.",children:o.jsx(s,{variant:"contained",children:"Pasa el ratón aquí"})}},r={args:{text:d,maxWidth:200,children:o.jsx(s,{variant:"outlined",children:"Tooltip con Ancho Máximo (200px)"})}},a={args:{text:"Introduce tu nombre completo y validado.",maxWidth:300,children:o.jsx(B,{})}},i={args:{text:"Este texto se muestra al pasar el ratón sobre el span estilizado.",maxWidth:250,sx:{border:"2px dashed #007bff",padding:"8px",borderRadius:"4px",backgroundColor:"#e6f7ff"},children:o.jsx("span",{children:"Contenedor Estilizado (Hover aquí)"})}},n={render:t=>o.jsxs(y,{spacing:4,alignItems:"flex-start",sx:{padding:"20px"},children:[o.jsx(p,{...t,text:"Tooltip #1: Básico",maxWidth:150,children:o.jsx(s,{variant:"contained",color:"primary",children:"Botón A"})}),o.jsx(p,{...t,text:"Tooltip #2: Un poco más de info",maxWidth:180,children:o.jsx(s,{variant:"contained",color:"secondary",children:"Botón B"})}),o.jsx(p,{...t,text:d,maxWidth:280,children:o.jsx(s,{variant:"text",children:"Texto Largo"})})]}),parameters:{layout:"padded"},args:{text:"",children:void 0}};e.parameters={...e.parameters,docs:{...e.parameters?.docs,source:{originalSource:`{
-  args: {
-    text: 'Información corta y concisa.',
-    children: <Button variant="contained">Pasa el ratón aquí</Button>
-  }
-}`,...e.parameters?.docs?.source},description:{story:`Historia 1: Tooltip Básico
-Muestra el Tooltip sobre un botón sin especificar un ancho máximo.`,...e.parameters?.docs?.description}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
-  args: {
-    text: textoLargo,
-    maxWidth: 200,
-    // Aplicamos el ancho máximo
-    children: <Button variant="outlined">Tooltip con Ancho Máximo (200px)</Button>
-  }
-}`,...r.parameters?.docs?.source},description:{story:`Historia 2: Tooltip con Ancho Máximo Específico
-Muestra un texto largo y aplica un ancho máximo para forzar el salto de línea.`,...r.parameters?.docs?.description}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
-  args: {
-    text: 'Introduce tu nombre completo y validado.',
-    maxWidth: 300,
-    children: <TooltipNameInput />
-  }
-}`,...a.parameters?.docs?.source},description:{story:`Historia 3: Tooltip Aplicado a un Campo de Texto (TextField)
-Demuestra que el componente funciona con cualquier elemento.`,...a.parameters?.docs?.description}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
-  args: {
-    text: 'Este texto se muestra al pasar el ratón sobre el span estilizado.',
-    maxWidth: 250,
-    sx: {
-      // Estilos aplicados al Box que envuelve el children
-      border: '2px dashed #007bff',
-      padding: '8px',
-      borderRadius: '4px',
-      backgroundColor: '#e6f7ff'
-    },
-    children: <span>Contenedor Estilizado (Hover aquí)</span>
-  }
-}`,...i.parameters?.docs?.source},description:{story:`Historia 4: Ejemplo en un Contenedor con Estilos
-Muestra el uso de la propiedad 'sx' opcional en el contenedor.`,...i.parameters?.docs?.description}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
-  // Necesitamos un Stack para organizar los elementos
-  render: args => <Stack spacing={4} alignItems="flex-start" sx={{
-    padding: '20px'
-  }}>
-            <Tooltip {...args} text="Tooltip #1: Básico" maxWidth={150}>
-                <Button variant="contained" color="primary">Botón A</Button>
-            </Tooltip>
-
-            <Tooltip {...args} text="Tooltip #2: Un poco más de info" maxWidth={180}>
-                <Button variant="contained" color="secondary">Botón B</Button>
-            </Tooltip>
-
-            <Tooltip {...args} text={textoLargo} maxWidth={280}>
-                <Button variant="text">Texto Largo</Button>
-            </Tooltip>
-        </Stack>,
-  // Eliminamos el layout centered para esta historia
-  parameters: {
-    layout: 'padded'
-  },
-  // Dejamos el 'args' de 'text' vacío ya que se sobrescribe en el render
-  args: {
-    text: '',
-    children: undefined
-  }
-}`,...n.parameters?.docs?.source},description:{story:`Historia 5: Variantes Múltiples
-Utiliza el 'render' para mostrar varios ejemplos a la vez.`,...n.parameters?.docs?.description}}};const xo=["TooltipBasico","TooltipConAnchoMaximo","AplicadoAElementoDeFormulario","ContenedorEstilizado","VariantesMultiples"];export{a as AplicadoAElementoDeFormulario,i as ContenedorEstilizado,e as TooltipBasico,r as TooltipConAnchoMaximo,n as VariantesMultiples,xo as __namedExportsOrder,mo as default};

package/storybook-static/assets/Typography-BgntX2Ep.js

@@ -1 +0,0 @@
-import{r as C}from"./iframe-BAJnc_4n.js";import{B as j,T as B,k as w,a as W,g as $,u as G,s as M,c as P,b as y,d as E,m as R}from"./DefaultPropsProvider-BGoQxtDa.js";import{j as p}from"./jsx-runtime-D_zvdyIk.js";import{a as O,e as U}from"./extendSxProp-CEpa30hT.js";import{G as z}from"./emotion-react.browser.esm--g-C9cX9.js";import{c as A}from"./createSimplePaletteValueFilter-bm0fmN_7.js";function D(r){return r==null||Object.keys(r).length===0}function L(r){const{styles:t,defaultTheme:e={}}=r,a=typeof t=="function"?o=>t(D(o)?e:o):t;return p.jsx(z,{styles:a})}function u(r){const t=j(r);return r!==t&&t.styles?(t.styles.match(/^@layer\s+[^{]*$/)||(t.styles=`@layer global{${t.styles}}`),t):r}function _({styles:r,themeId:t,defaultTheme:e={}}){const a=O(e),o=t&&a[t]||a;let n=typeof r=="function"?r(o):r;return o.modularCssLayers&&(Array.isArray(n)?n=n.map(s=>u(typeof s=="function"?s(o):s)):n=u(n)),p.jsx(L,{styles:n})}function k(r){return p.jsx(_,{...r,defaultTheme:w,themeId:B})}function tt(r){return function(e){return p.jsx(k,{styles:typeof r=="function"?a=>r({theme:a,...e}):r})}}function H(){return U}function N(r){return $("MuiTypography",r)}const rt=W("MuiTypography",["root","h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","inherit","button","caption","overline","alignLeft","alignRight","alignCenter","alignJustify","noWrap","gutterBottom","paragraph"]),V={primary:!0,secondary:!0,error:!0,info:!0,success:!0,warning:!0,textPrimary:!0,textSecondary:!0,textDisabled:!0},F=H(),J=r=>{const{align:t,gutterBottom:e,noWrap:a,paragraph:o,variant:n,classes:s}=r,i={root:["root",n,r.align!=="inherit"&&`align${y(t)}`,e&&"gutterBottom",a&&"noWrap",o&&"paragraph"]};return E(i,N,s)},q=M("span",{name:"MuiTypography",slot:"Root",overridesResolver:(r,t)=>{const{ownerState:e}=r;return[t.root,e.variant&&t[e.variant],e.align!=="inherit"&&t[`align${y(e.align)}`],e.noWrap&&t.noWrap,e.gutterBottom&&t.gutterBottom,e.paragraph&&t.paragraph]}})(R(({theme:r})=>({margin:0,variants:[{props:{variant:"inherit"},style:{font:"inherit",lineHeight:"inherit",letterSpacing:"inherit"}},...Object.entries(r.typography).filter(([t,e])=>t!=="inherit"&&e&&typeof e=="object").map(([t,e])=>({props:{variant:t},style:e})),...Object.entries(r.palette).filter(A()).map(([t])=>({props:{color:t},style:{color:(r.vars||r).palette[t].main}})),...Object.entries(r.palette?.text||{}).filter(([,t])=>typeof t=="string").map(([t])=>({props:{color:`text${y(t)}`},style:{color:(r.vars||r).palette.text[t]}})),{props:({ownerState:t})=>t.align!=="inherit",style:{textAlign:"var(--Typography-textAlign)"}},{props:({ownerState:t})=>t.noWrap,style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{props:({ownerState:t})=>t.gutterBottom,style:{marginBottom:"0.35em"}},{props:({ownerState:t})=>t.paragraph,style:{marginBottom:16}}]}))),b={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",inherit:"p"},et=C.forwardRef(function(t,e){const{color:a,...o}=G({props:t,name:"MuiTypography"}),n=!V[a],s=F({...o,...n&&{color:a}}),{align:i="inherit",className:c,component:g,gutterBottom:d=!1,noWrap:T=!1,paragraph:h=!1,variant:l="body1",variantMapping:f=b,...m}=s,x={...s,align:i,color:a,className:c,component:g,gutterBottom:d,noWrap:T,paragraph:h,variant:l,variantMapping:f},v=g||(h?"p":f[l]||b[l])||"span",S=J(x);return p.jsx(q,{as:v,ref:e,className:P(S.root,c),...m,ownerState:x,style:{...i!=="inherit"&&{"--Typography-textAlign":i},...m.style}})});export{et as T,tt as g,rt as t};

package/storybook-static/assets/Wizard.stories-CVrJLK_D.js

@@ -1,23 +0,0 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{R as f}from"./iframe-BAJnc_4n.js";import{W as b,u as v,S as g,a as i}from"./Stepper-BtKB5ykn.js";import{P as y}from"./Paper-SwQBhqI7.js";import{A as W}from"./Alert-3zvTPc0p.js";import{B as n}from"./Box-BnhEcfFm.js";import{T as r}from"./Typography-BgntX2Ep.js";import{S as j}from"./Stack-D01OUIXi.js";import{B as o}from"./Button-DBpqmVB_.js";import"./preload-helper-PPVm8Dsz.js";import"./DefaultPropsProvider-BGoQxtDa.js";import"./useSlot-b6pXgp5_.js";import"./useForkRef-0ANIrxcF.js";import"./createSvgIcon-D_Gca4vA.js";import"./useTheme-BmOJK7ra.js";import"./extendSxProp-CEpa30hT.js";import"./createSimplePaletteValueFilter-bm0fmN_7.js";import"./Close-Cy8nELYU.js";import"./IconButton-9OYSTH58.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"./useThemeProps-DYtxXiUU.js";const ee={title:"Hooks/useWizard",tags:["autodocs"],parameters:{docs:{description:{component:"Hook + provider para administrar la navegación de un wizard multi-paso. Reemplaza el `StepperComponent` imperativo de Metronic y es retro-compatible con el `WizardContext` de `@soyfri/fri-web-components` (mismos nombres: `nextStep`, `prevStep`, `goToStep`, `submitStep`)."}}}},z=()=>{const{currentStep:a,totalSteps:t,isFirst:d,isLast:c,nextStep:p,prevStep:m,submitStep:s,reset:x,completed:l}=v();return e.jsxs(j,{direction:"row",spacing:1,justifyContent:"flex-end",sx:{mt:3},children:[e.jsx(o,{variant:"text",onClick:x,disabled:l,children:"Reiniciar"}),e.jsx(o,{variant:"outlined",onClick:m,disabled:d||l,children:"Atrás"}),c?e.jsx(o,{variant:"contained",color:"primary",onClick:s,disabled:l,children:l?"Enviado":"Enviar"}):e.jsx(o,{variant:"contained",onClick:p,children:"Siguiente"}),e.jsxs(r,{variant:"caption",color:"text.secondary",sx:{alignSelf:"center",ml:2},children:["Paso ",a+1," de ",t]})]})},C=()=>{const{currentStep:a,completed:t}=v();return e.jsxs(y,{sx:{p:3,maxWidth:720,mx:"auto"},children:[t&&e.jsx(W,{severity:"success",sx:{mb:2},children:'¡Wizard enviado! Usá "Reiniciar" para volver al paso 1.'}),e.jsxs(g,{children:[e.jsx(i,{label:"Datos personales",children:e.jsxs(n,{sx:{p:2},children:[e.jsx(r,{variant:"h6",children:"Paso 1 — Datos personales"}),e.jsx(r,{color:"text.secondary",children:"Acá iría el formulario de nombre, email, teléfono, etc."})]})}),e.jsx(i,{label:"Dirección",children:e.jsxs(n,{sx:{p:2},children:[e.jsx(r,{variant:"h6",children:"Paso 2 — Dirección"}),e.jsx(r,{color:"text.secondary",children:"Acá iría el formulario de dirección, ciudad, país."})]})}),e.jsx(i,{label:"Confirmación",children:e.jsxs(n,{sx:{p:2},children:[e.jsx(r,{variant:"h6",children:"Paso 3 — Confirmación"}),e.jsx(r,{color:"text.secondary",children:"Revisá los datos antes de enviar."})]})})]}),e.jsx(z,{}),e.jsxs(r,{variant:"caption",color:"text.secondary",sx:{display:"block",mt:1,textAlign:"right"},children:["Paso actual (0-based): ",a]})]})},u={render:()=>e.jsx(b,{totalSteps:3,onSubmit:a=>console.log("Submit desde paso",a),onStepChange:(a,t)=>console.log(`Cambio: ${t} → ${a}`),children:e.jsx(C,{})}),parameters:{docs:{description:{story:"Wizard de 3 pasos. El `Stepper` lee `currentStep` del `WizardContext` automáticamente (sin necesidad de prop explícita). Los controles usan `useWizard()` para llamar `nextStep`, `prevStep`, `submitStep` y `reset`. Verifica la consola para ver los callbacks `onStepChange` y `onSubmit`."}}}},P=()=>{const{currentStep:a,isLast:t,nextStep:d,prevStep:c,submitStep:p,completed:m}=v(),[s,x]=f.useState(!1);f.useEffect(()=>{x(!1)},[a]);const l=()=>x(!0);return e.jsxs(y,{sx:{p:3,maxWidth:720,mx:"auto"},children:[m&&e.jsx(W,{severity:"success",sx:{mb:2},children:"Wizard completado."}),e.jsxs(g,{children:[e.jsx(i,{label:"Paso A",children:e.jsx(n,{sx:{p:2},children:e.jsx(r,{children:"Validá este paso para continuar."})})}),e.jsx(i,{label:"Paso B",children:e.jsx(n,{sx:{p:2},children:e.jsx(r,{children:"Validá este paso para continuar."})})}),e.jsx(i,{label:"Paso C",children:e.jsx(n,{sx:{p:2},children:e.jsx(r,{children:"Último paso — envía el wizard."})})})]}),e.jsxs(j,{direction:"row",spacing:1,justifyContent:"flex-end",sx:{mt:3},children:[e.jsx(o,{variant:"text",onClick:l,disabled:s,children:s?"Paso válido ✓":"Validar paso"}),e.jsx(o,{variant:"outlined",onClick:c,disabled:a===0,children:"Atrás"}),t?e.jsx(o,{variant:"contained",onClick:p,disabled:!s||m,children:"Enviar"}):e.jsx(o,{variant:"contained",onClick:d,disabled:!s,children:"Siguiente"})]})]})},h={render:()=>e.jsx(b,{totalSteps:3,onSubmit:()=>console.log("Enviado!"),children:e.jsx(P,{})}),parameters:{docs:{description:{story:'Patrón común: el botón "Siguiente" permanece deshabilitado hasta que el consumer valide el paso actual (normalmente con react-hook-form `trigger()`). El hook solo maneja la navegación — la validación es responsabilidad del consumer.'}}}},k=()=>{const{currentStep:a,totalSteps:t,goToStep:d,nextStep:c,prevStep:p}=v();return e.jsxs(y,{sx:{p:3,maxWidth:720,mx:"auto"},children:[e.jsx(r,{variant:"subtitle1",sx:{mb:2},children:"Saltar a un paso específico"}),e.jsx(j,{direction:"row",spacing:1,sx:{mb:3},children:Array.from({length:t}).map((m,s)=>e.jsxs(o,{size:"small",variant:s===a?"contained":"outlined",onClick:()=>d(s),children:["Paso ",s+1]},s))}),e.jsxs(g,{children:[e.jsx(i,{label:"Uno",children:e.jsx(n,{sx:{p:2},children:"Paso 1"})}),e.jsx(i,{label:"Dos",children:e.jsx(n,{sx:{p:2},children:"Paso 2"})}),e.jsx(i,{label:"Tres",children:e.jsx(n,{sx:{p:2},children:"Paso 3"})}),e.jsx(i,{label:"Cuatro",children:e.jsx(n,{sx:{p:2},children:"Paso 4"})})]}),e.jsxs(j,{direction:"row",spacing:1,justifyContent:"flex-end",sx:{mt:3},children:[e.jsx(o,{variant:"outlined",onClick:p,disabled:a===0,children:"Atrás"}),e.jsx(o,{variant:"contained",onClick:c,disabled:a===t-1,children:"Siguiente"})]})]})},S={render:()=>e.jsx(b,{totalSteps:4,children:e.jsx(k,{})}),parameters:{docs:{description:{story:"Uso de `goToStep(n)` para saltar a un paso específico. Útil cuando hay un sidebar o tabs que permiten navegación no-lineal (siempre y cuando el consumer valide antes de permitir el salto)."}}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:"{\n  render: () => <WizardProvider totalSteps={3} onSubmit={step => console.log('Submit desde paso', step)} onStepChange={(newStep, prevStep) => console.log(`Cambio: ${prevStep} → ${newStep}`)}>\n      <BasicWizardBody />\n    </WizardProvider>,\n  parameters: {\n    docs: {\n      description: {\n        story: 'Wizard de 3 pasos. El `Stepper` lee `currentStep` del `WizardContext` automáticamente (sin necesidad de prop explícita). Los controles usan `useWizard()` para llamar `nextStep`, `prevStep`, `submitStep` y `reset`. Verifica la consola para ver los callbacks `onStepChange` y `onSubmit`.'\n      }\n    }\n  }\n}",...u.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
-  render: () => <WizardProvider totalSteps={3} onSubmit={() => console.log('Enviado!')}>
-      <ValidatedWizardBody />
-    </WizardProvider>,
-  parameters: {
-    docs: {
-      description: {
-        story: 'Patrón común: el botón "Siguiente" permanece deshabilitado hasta que el consumer valide el paso actual (normalmente con react-hook-form \`trigger()\`). El hook solo maneja la navegación — la validación es responsabilidad del consumer.'
-      }
-    }
-  }
-}`,...h.parameters?.docs?.source}}};S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
-  render: () => <WizardProvider totalSteps={4}>
-      <JumpableWizardBody />
-    </WizardProvider>,
-  parameters: {
-    docs: {
-      description: {
-        story: 'Uso de \`goToStep(n)\` para saltar a un paso específico. Útil cuando hay un sidebar o tabs que permiten navegación no-lineal (siempre y cuando el consumer valide antes de permitir el salto).'
-      }
-    }
-  }
-}`,...S.parameters?.docs?.source}}};const ae=["BasicWizard","WithPerStepValidation","JumpToStep"];export{u as BasicWizard,S as JumpToStep,h as WithPerStepValidation,ae as __namedExportsOrder,ee as default};

package/storybook-static/assets/createSimplePaletteValueFilter-bm0fmN_7.js

@@ -1 +0,0 @@
-function n(e){return typeof e.main=="string"}function a(e,r=[]){if(!n(e))return!1;for(const t of r)if(!e.hasOwnProperty(t)||typeof e[t]!="string")return!1;return!0}function i(e=[]){return([,r])=>r&&a(r,e)}export{i as c};

package/storybook-static/assets/createSvgIcon-D_Gca4vA.js

@@ -1 +0,0 @@
-import{r as n}from"./iframe-BAJnc_4n.js";import{j as c}from"./jsx-runtime-D_zvdyIk.js";import{g as I,a as C,u as R,s as w,c as b,b as a,d as j,m as N}from"./DefaultPropsProvider-BGoQxtDa.js";function M(o){return I("MuiSvgIcon",o)}C("MuiSvgIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);const A=o=>{const{color:t,fontSize:e,classes:s}=o,r={root:["root",t!=="inherit"&&`color${a(t)}`,`fontSize${a(e)}`]};return j(r,M,s)},E=w("svg",{name:"MuiSvgIcon",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:e}=o;return[t.root,e.color!=="inherit"&&t[`color${a(e.color)}`],t[`fontSize${a(e.fontSize)}`]]}})(N(({theme:o})=>({userSelect:"none",width:"1em",height:"1em",display:"inline-block",flexShrink:0,transition:o.transitions?.create?.("fill",{duration:(o.vars??o).transitions?.duration?.shorter}),variants:[{props:t=>!t.hasSvgAsChild,style:{fill:"currentColor"}},{props:{fontSize:"inherit"},style:{fontSize:"inherit"}},{props:{fontSize:"small"},style:{fontSize:o.typography?.pxToRem?.(20)||"1.25rem"}},{props:{fontSize:"medium"},style:{fontSize:o.typography?.pxToRem?.(24)||"1.5rem"}},{props:{fontSize:"large"},style:{fontSize:o.typography?.pxToRem?.(35)||"2.1875rem"}},...Object.entries((o.vars??o).palette).filter(([,t])=>t&&t.main).map(([t])=>({props:{color:t},style:{color:(o.vars??o).palette?.[t]?.main}})),{props:{color:"action"},style:{color:(o.vars??o).palette?.action?.active}},{props:{color:"disabled"},style:{color:(o.vars??o).palette?.action?.disabled}},{props:{color:"inherit"},style:{color:void 0}}]}))),p=n.forwardRef(function(t,e){const s=R({props:t,name:"MuiSvgIcon"}),{children:r,className:v,color:g="inherit",component:f="svg",fontSize:y="medium",htmlColor:z,inheritViewBox:S=!1,titleAccess:i,viewBox:m="0 0 24 24",...h}=s,l=n.isValidElement(r)&&r.type==="svg",d={...s,color:g,component:f,fontSize:y,instanceFontSize:t.fontSize,inheritViewBox:S,viewBox:m,hasSvgAsChild:l},u={};S||(u.viewBox=m);const x=A(d);return c.jsxs(E,{as:f,className:b(x.root,v),focusable:"false",color:z,"aria-hidden":i?void 0:!0,role:i?"img":void 0,ref:e,...u,...h,...l&&r.props,ownerState:d,children:[l?r.props.children:r,i?c.jsx("title",{children:i}):null]})});p.muiName="SvgIcon";function B(o,t){function e(s,r){return c.jsx(p,{"data-testid":void 0,ref:r,...s,children:o})}return e.muiName=p.muiName,n.memo(n.forwardRef(e))}export{p as S,B as c};

package/storybook-static/assets/debounce-Be36O1Ab.js

@@ -1 +0,0 @@
-function i(o,u=166){let e;function t(...c){const n=()=>{o.apply(this,c)};clearTimeout(e),e=setTimeout(n,u)}return t.clear=()=>{clearTimeout(e)},t}export{i as d};

package/storybook-static/assets/emotion-react.browser.esm--g-C9cX9.js

@@ -1,8 +0,0 @@
-import{J as j,K as N,G as F,L as T,M as C,N as q,O as z,P as D}from"./DefaultPropsProvider-BGoQxtDa.js";import{r as O}from"./iframe-BAJnc_4n.js";var R={exports:{}},r={};/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */var w;function J(){if(w)return r;w=1;var t=typeof Symbol=="function"&&Symbol.for,n=t?Symbol.for("react.element"):60103,a=t?Symbol.for("react.portal"):60106,u=t?Symbol.for("react.fragment"):60107,f=t?Symbol.for("react.strict_mode"):60108,s=t?Symbol.for("react.profiler"):60114,o=t?Symbol.for("react.provider"):60109,l=t?Symbol.for("react.context"):60110,y=t?Symbol.for("react.async_mode"):60111,d=t?Symbol.for("react.concurrent_mode"):60111,S=t?Symbol.for("react.forward_ref"):60112,b=t?Symbol.for("react.suspense"):60113,x=t?Symbol.for("react.suspense_list"):60120,v=t?Symbol.for("react.memo"):60115,c=t?Symbol.for("react.lazy"):60116,m=t?Symbol.for("react.block"):60121,$=t?Symbol.for("react.fundamental"):60117,h=t?Symbol.for("react.responder"):60118,g=t?Symbol.for("react.scope"):60119;function i(e){if(typeof e=="object"&&e!==null){var p=e.$$typeof;switch(p){case n:switch(e=e.type,e){case y:case d:case u:case s:case f:case b:return e;default:switch(e=e&&e.$$typeof,e){case l:case S:case c:case v:case o:return e;default:return p}}case a:return p}}}function P(e){return i(e)===d}return r.AsyncMode=y,r.ConcurrentMode=d,r.ContextConsumer=l,r.ContextProvider=o,r.Element=n,r.ForwardRef=S,r.Fragment=u,r.Lazy=c,r.Memo=v,r.Portal=a,r.Profiler=s,r.StrictMode=f,r.Suspense=b,r.isAsyncMode=function(e){return P(e)||i(e)===y},r.isConcurrentMode=P,r.isContextConsumer=function(e){return i(e)===l},r.isContextProvider=function(e){return i(e)===o},r.isElement=function(e){return typeof e=="object"&&e!==null&&e.$$typeof===n},r.isForwardRef=function(e){return i(e)===S},r.isFragment=function(e){return i(e)===u},r.isLazy=function(e){return i(e)===c},r.isMemo=function(e){return i(e)===v},r.isPortal=function(e){return i(e)===a},r.isProfiler=function(e){return i(e)===s},r.isStrictMode=function(e){return i(e)===f},r.isSuspense=function(e){return i(e)===b},r.isValidElementType=function(e){return typeof e=="string"||typeof e=="function"||e===u||e===d||e===s||e===f||e===b||e===x||typeof e=="object"&&e!==null&&(e.$$typeof===c||e.$$typeof===v||e.$$typeof===o||e.$$typeof===l||e.$$typeof===S||e.$$typeof===$||e.$$typeof===h||e.$$typeof===g||e.$$typeof===m)},r.typeOf=i,r}var E;function L(){return E||(E=1,R.exports=J()),R.exports}var _,A;function X(){if(A)return _;A=1;var t=L(),n={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},a={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},u={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},f={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},s={};s[t.ForwardRef]=u,s[t.Memo]=f;function o(c){return t.isMemo(c)?f:s[c.$$typeof]||n}var l=Object.defineProperty,y=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,S=Object.getOwnPropertyDescriptor,b=Object.getPrototypeOf,x=Object.prototype;function v(c,m,$){if(typeof m!="string"){if(x){var h=b(m);h&&h!==x&&v(c,h,$)}var g=y(m);d&&(g=g.concat(d(m)));for(var i=o(c),P=o(m),e=0;e<g.length;++e){var p=g[e];if(!a[p]&&!($&&$[p])&&!(P&&P[p])&&!(i&&i[p])){var I=S(m,p);try{l(c,p,I)}catch{}}}}return c}return _=v,_}X();var M=function(n,a){var u=arguments;if(a==null||!q.call(a,"css"))return O.createElement.apply(void 0,u);var f=u.length,s=new Array(f);s[0]=z,s[1]=D(n,a);for(var o=2;o<f;o++)s[o]=u[o];return O.createElement.apply(null,s)};(function(t){var n;n||(n=t.JSX||(t.JSX={}))})(M||(M={}));var V=N(function(t,n){var a=t.styles,u=j([a],void 0,O.useContext(F)),f=O.useRef();return T(function(){var s=n.key+"-global",o=new n.sheet.constructor({key:s,nonce:n.sheet.nonce,container:n.sheet.container,speedy:n.sheet.isSpeedy}),l=!1,y=document.querySelector('style[data-emotion="'+s+" "+u.name+'"]');return n.sheet.tags.length&&(o.before=n.sheet.tags[0]),y!==null&&(l=!0,y.setAttribute("data-emotion",s),o.hydrate([y])),f.current=[o,l],function(){o.flush()}},[n]),T(function(){var s=f.current,o=s[0],l=s[1];if(l){s[1]=!1;return}if(u.next!==void 0&&C(n,u.next,!0),o.tags.length){var y=o.tags[o.tags.length-1].nextElementSibling;o.before=y,o.flush()}n.insert("",u,o,!1)},[n,u.name]),null});function G(){for(var t=arguments.length,n=new Array(t),a=0;a<t;a++)n[a]=arguments[a];return j(n)}function Y(){var t=G.apply(void 0,arguments),n="animation-"+t.name;return{name:n,styles:"@keyframes "+n+"{"+t.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}}export{V as G,G as c,Y as k};

package/storybook-static/assets/extendSxProp-CEpa30hT.js

@@ -1 +0,0 @@
-import{G as i,x as a,H as f,I as m}from"./DefaultPropsProvider-BGoQxtDa.js";import{r as l}from"./iframe-BAJnc_4n.js";function x(t){return Object.keys(t).length===0}function h(t=null){const e=l.useContext(i);return!e||x(e)?t:e}const y=a();function g(t=y){return h(t)}const P=t=>{const e={systemProps:{},otherProps:{}},r=t?.theme?.unstable_sxConfig??m;return Object.keys(t).forEach(s=>{r[s]?e.systemProps[s]=t[s]:e.otherProps[s]=t[s]}),e};function j(t){const{sx:e,...r}=t,{systemProps:s,otherProps:c}=P(r);let n;return Array.isArray(e)?n=[s,...e]:typeof e=="function"?n=(...u)=>{const o=e(...u);return f(o)?{...s,...o}:s}:n={...s,...e},{...c,sx:n}}export{g as a,j as e,h as u};