@soyfri/shared-library 2.0.0-beta.21 → 2.0.0-beta.22

package/storybook-static/assets/Drawer-DcFwy73r.js

@@ -1 +0,0 @@
-import{r as m}from"./iframe-BAJnc_4n.js";import{g as tt,a as rt,u as et,c as N,s as W,b as $,d as ot,m as q,r as nt}from"./DefaultPropsProvider-BGoQxtDa.js";import{a as at}from"./useSlotProps-C0uMfuBt.js";import{u as G}from"./useTheme-BmOJK7ra.js";import{j as D}from"./jsx-runtime-D_zvdyIk.js";import{u as B}from"./useSlot-b6pXgp5_.js";import{m as st}from"./mergeSlotProps-B0UBKBMe.js";import{T as it,g as pt,a as O,r as lt}from"./getReactElementRef-BQ3ANZdy.js";import{u as ct}from"./useForkRef-0ANIrxcF.js";import{d as dt}from"./debounce-Be36O1Ab.js";import{o as J}from"./ownerWindow-HkKU3E4x.js";import{M as ft}from"./Modal-3okp9H2i.js";import{P as ut}from"./Paper-SwQBhqI7.js";function mt(r,t,n){const o=t.getBoundingClientRect(),a=n&&n.getBoundingClientRect(),x=J(t);let l;if(t.fakeTransform)l=t.fakeTransform;else{const i=x.getComputedStyle(t);l=i.getPropertyValue("-webkit-transform")||i.getPropertyValue("transform")}let f=0,c=0;if(l&&l!=="none"&&typeof l=="string"){const i=l.split("(")[1].split(")")[0].split(",");f=parseInt(i[4],10),c=parseInt(i[5],10)}return r==="left"?a?`translateX(${a.right+f-o.left}px)`:`translateX(${x.innerWidth+f-o.left}px)`:r==="right"?a?`translateX(-${o.right-a.left-f}px)`:`translateX(-${o.left+o.width-f}px)`:r==="up"?a?`translateY(${a.bottom+c-o.top}px)`:`translateY(${x.innerHeight+c-o.top}px)`:a?`translateY(-${o.top-a.top+o.height-c}px)`:`translateY(-${o.top+o.height-c}px)`}function ht(r){return typeof r=="function"?r():r}function M(r,t,n){const o=ht(n),a=mt(r,t,o);a&&(t.style.webkitTransform=a,t.style.transform=a)}const gt=m.forwardRef(function(t,n){const o=G(),a={enter:o.transitions.easing.easeOut,exit:o.transitions.easing.sharp},x={enter:o.transitions.duration.enteringScreen,exit:o.transitions.duration.leavingScreen},{addEndListener:l,appear:f=!0,children:c,container:i,direction:d="down",easing:R=a,in:h,onEnter:C,onEntered:L,onEntering:A,onExit:k,onExited:T,onExiting:j,style:b,timeout:E=x,TransitionComponent:w=it,...F}=t,p=m.useRef(null),S=ct(pt(c),p,n),u=e=>s=>{e&&(s===void 0?e(p.current):e(p.current,s))},I=u((e,s)=>{M(d,e,i),lt(e),C&&C(e,s)}),X=u((e,s)=>{const P=O({timeout:E,style:b,easing:R},{mode:"enter"});e.style.webkitTransition=o.transitions.create("-webkit-transform",{...P}),e.style.transition=o.transitions.create("transform",{...P}),e.style.webkitTransform="none",e.style.transform="none",A&&A(e,s)}),y=u(L),v=u(j),g=u(e=>{const s=O({timeout:E,style:b,easing:R},{mode:"exit"});e.style.webkitTransition=o.transitions.create("-webkit-transform",s),e.style.transition=o.transitions.create("transform",s),M(d,e,i),k&&k(e)}),V=u(e=>{e.style.webkitTransition="",e.style.transition="",T&&T(e)}),Y=e=>{l&&l(p.current,e)},z=m.useCallback(()=>{p.current&&M(d,p.current,i)},[d,i]);return m.useEffect(()=>{if(h||d==="down"||d==="right")return;const e=dt(()=>{p.current&&M(d,p.current,i)}),s=J(p.current);return s.addEventListener("resize",e),()=>{e.clear(),s.removeEventListener("resize",e)}},[d,h,i]),m.useEffect(()=>{h||z()},[h,z]),D.jsx(w,{nodeRef:p,onEnter:I,onEntered:y,onEntering:X,onExit:g,onExited:V,onExiting:v,addEndListener:Y,appear:f,in:h,timeout:E,...F,children:(e,{ownerState:s,...P})=>m.cloneElement(c,{ref:S,style:{visibility:e==="exited"&&!h?"hidden":void 0,...b,...c.props.style},...P})})});function xt(r){return tt("MuiDrawer",r)}rt("MuiDrawer",["root","docked","paper","anchorLeft","anchorRight","anchorTop","anchorBottom","paperAnchorLeft","paperAnchorRight","paperAnchorTop","paperAnchorBottom","paperAnchorDockedLeft","paperAnchorDockedRight","paperAnchorDockedTop","paperAnchorDockedBottom","modal"]);const K=(r,t)=>{const{ownerState:n}=r;return[t.root,(n.variant==="permanent"||n.variant==="persistent")&&t.docked,t.modal]},wt=r=>{const{classes:t,anchor:n,variant:o}=r,a={root:["root",`anchor${$(n)}`],docked:[(o==="permanent"||o==="persistent")&&"docked"],modal:["modal"],paper:["paper",`paperAnchor${$(n)}`,o!=="temporary"&&`paperAnchorDocked${$(n)}`]};return ot(a,xt,t)},yt=W(ft,{name:"MuiDrawer",slot:"Root",overridesResolver:K})(q(({theme:r})=>({zIndex:(r.vars||r).zIndex.drawer}))),vt=W("div",{shouldForwardProp:nt,name:"MuiDrawer",slot:"Docked",skipVariantsResolver:!1,overridesResolver:K})({flex:"0 0 auto"}),Pt=W(ut,{name:"MuiDrawer",slot:"Paper",overridesResolver:(r,t)=>{const{ownerState:n}=r;return[t.paper,t[`paperAnchor${$(n.anchor)}`],n.variant!=="temporary"&&t[`paperAnchorDocked${$(n.anchor)}`]]}})(q(({theme:r})=>({overflowY:"auto",display:"flex",flexDirection:"column",height:"100%",flex:"1 0 auto",zIndex:(r.vars||r).zIndex.drawer,WebkitOverflowScrolling:"touch",position:"fixed",top:0,outline:0,variants:[{props:{anchor:"left"},style:{left:0}},{props:{anchor:"top"},style:{top:0,left:0,right:0,height:"auto",maxHeight:"100%"}},{props:{anchor:"right"},style:{right:0}},{props:{anchor:"bottom"},style:{top:"auto",left:0,bottom:0,right:0,height:"auto",maxHeight:"100%"}},{props:({ownerState:t})=>t.anchor==="left"&&t.variant!=="temporary",style:{borderRight:`1px solid ${(r.vars||r).palette.divider}`}},{props:({ownerState:t})=>t.anchor==="top"&&t.variant!=="temporary",style:{borderBottom:`1px solid ${(r.vars||r).palette.divider}`}},{props:({ownerState:t})=>t.anchor==="right"&&t.variant!=="temporary",style:{borderLeft:`1px solid ${(r.vars||r).palette.divider}`}},{props:({ownerState:t})=>t.anchor==="bottom"&&t.variant!=="temporary",style:{borderTop:`1px solid ${(r.vars||r).palette.divider}`}}]}))),Q={left:"right",right:"left",top:"down",bottom:"up"};function kt(r){return["left","right"].includes(r)}function Et({direction:r},t){return r==="rtl"&&kt(t)?Q[t]:t}const Ft=m.forwardRef(function(t,n){const o=et({props:t,name:"MuiDrawer"}),a=G(),x=at(),l={enter:a.transitions.duration.enteringScreen,exit:a.transitions.duration.leavingScreen},{anchor:f="left",BackdropProps:c,children:i,className:d,elevation:R=16,hideBackdrop:h=!1,ModalProps:{BackdropProps:C,...L}={},onClose:A,open:k=!1,PaperProps:T={},SlideProps:j,TransitionComponent:b,transitionDuration:E=l,variant:w="temporary",slots:F={},slotProps:p={},...S}=o,u=m.useRef(!1);m.useEffect(()=>{u.current=!0},[]);const I=Et({direction:x?"rtl":"ltr"},f),y={...o,anchor:f,elevation:R,open:k,variant:w,...S},v=wt(y),g={slots:{transition:b,...F},slotProps:{paper:T,transition:j,...p,backdrop:st(p.backdrop||{...c,...C},{transitionDuration:E})}},[V,Y]=B("root",{ref:n,elementType:yt,className:N(v.root,v.modal,d),shouldForwardComponentProp:!0,ownerState:y,externalForwardedProps:{...g,...S,...L},additionalProps:{open:k,onClose:A,hideBackdrop:h,slots:{backdrop:g.slots.backdrop},slotProps:{backdrop:g.slotProps.backdrop}}}),[z,e]=B("paper",{elementType:Pt,shouldForwardComponentProp:!0,className:N(v.paper,T.className),ownerState:y,externalForwardedProps:g,additionalProps:{elevation:w==="temporary"?R:0,square:!0,...w==="temporary"&&{role:"dialog","aria-modal":"true"}}}),[s,P]=B("docked",{elementType:vt,ref:n,className:N(v.root,v.docked,d),ownerState:y,externalForwardedProps:g,additionalProps:S}),[Z,_]=B("transition",{elementType:gt,ownerState:y,externalForwardedProps:g,additionalProps:{in:k,direction:Q[I],timeout:E,appear:u.current}}),H=D.jsx(z,{...e,children:i});if(w==="permanent")return D.jsx(s,{...P,children:H});const U=D.jsx(Z,{..._,children:H});return w==="persistent"?D.jsx(s,{...P,children:U}):D.jsx(V,{...Y,children:U})});export{Ft as D};

package/storybook-static/assets/Drawer.stories-C5AZkJBk.js

@@ -1,173 +0,0 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as g}from"./iframe-BAJnc_4n.js";import{H as E}from"./Home-BRvJEp2L.js";import{P as C}from"./Person-CkQl-mpq.js";import{S}from"./Settings-BLKc1CnO.js";import{c as L}from"./createSvgIcon-D_Gca4vA.js";import{L as U}from"./Logout-gj-P3AfU.js";import{N as B}from"./Notifications-DY_A-Sho.js";import{r as X}from"./resolvePreset-CN2aOJJr.js";import{u as $}from"./useTheme-BmOJK7ra.js";import{D as K}from"./Drawer-DcFwy73r.js";import{B as o}from"./Box-BnhEcfFm.js";import{I as Y}from"./IconButton-9OYSTH58.js";import{T as G}from"./Tooltip-DbnHUxNj.js";import{T as s}from"./Typography-BgntX2Ep.js";import{A as J}from"./Avatar-NbFfkZws.js";import"./preload-helper-PPVm8Dsz.js";import"./DefaultPropsProvider-BGoQxtDa.js";import"./extendSxProp-CEpa30hT.js";import"./useSlotProps-C0uMfuBt.js";import"./useSlot-b6pXgp5_.js";import"./useForkRef-0ANIrxcF.js";import"./mergeSlotProps-B0UBKBMe.js";import"./getReactElementRef-BQ3ANZdy.js";import"./useTimeout-DNjRaOWc.js";import"./index-CY7j4a7o.js";import"./index-BF3FAXTk.js";import"./debounce-Be36O1Ab.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./Modal-3okp9H2i.js";import"./Portal-Cj8XF9Lf.js";import"./Fade-Ll96CvH8.js";import"./Paper-SwQBhqI7.js";import"./createSimplePaletteValueFilter-bm0fmN_7.js";import"./useId-b4fZxjOL.js";import"./ButtonBase-qyaMEhe4.js";import"./emotion-react.browser.esm--g-C9cX9.js";import"./isFocusVisible-B8k4qzLc.js";import"./CircularProgress-DC7ZNWwl.js";import"./useControlled-DsVh1a5j.js";import"./Grow-8y4FglGK.js";import"./Popper-CnCTYXxy.js";const M=L(e.jsx("path",{d:"M18 17H6v-2h12zm0-4H6v-2h12zm0-4H6V7h12zM3 22l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2z"})),Q=L(e.jsx("path",{d:"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"})),Z=L(e.jsx("path",{d:"M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"})),R=g.createContext(null);function ee(){const r=g.useContext(R);return r||{collapsed:!1,width:260}}function re({width:r,transitionDuration:a=200}){return{width:r,flexShrink:0,whiteSpace:"nowrap",boxSizing:"border-box",transition:i=>i.transitions.create("width",{easing:i.transitions.easing.sharp,duration:a}),"& .MuiDrawer-paper":{width:r,boxSizing:"border-box",overflowX:"hidden",transition:i=>i.transitions.create("width",{easing:i.transitions.easing.sharp,duration:a})}}}function ae({collapsed:r,active:a,danger:i}){return n=>({minHeight:44,px:r?1:2,py:1,mx:1,my:.25,borderRadius:1,display:"flex",alignItems:"center",justifyContent:r?"center":"flex-start",gap:r?0:1.5,cursor:"pointer",color:i?n.palette.error.main:a?n.palette.primary.main:n.palette.text.primary,backgroundColor:a?n.palette.action.selected:"transparent",transition:n.transitions.create(["background-color","color","padding"],{duration:150}),"&:hover":{backgroundColor:i?n.palette.error.light+"22":n.palette.action.hover},"& .drawer-item__icon":{display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,minWidth:24},"& .drawer-item__label":{flex:1,minWidth:0,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",opacity:r?0:1,width:r?0:"auto",transition:n.transitions.create(["opacity","width"],{duration:r?100:200})}})}function x({children:r,variant:a="permanent",anchor:i="left",collapsed:n=!1,onToggleCollapse:y,open:l,onClose:v,expandedWidth:p=260,collapsedWidth:q=72,showCollapseButton:f,header:k,logo:d,footer:h,preset:m,sx:b,paperSx:H,className:_}){const z=$(),N=X("Drawer",m,z),w=a!=="temporary",P=w&&n?q:p,c=g.useMemo(()=>({collapsed:w&&n,width:P}),[w,n,P]),V=[re({width:P}),...N?[N]:[],...Array.isArray(b)?b:b?[b]:[]],A=f??(w&&!!y),O=a==="permanent"?!0:l!==void 0?l:!1;return e.jsx(R.Provider,{value:c,children:e.jsxs(K,{variant:a,anchor:i,open:O,onClose:v,className:_,sx:V,PaperProps:{sx:H},children:[(d||A)&&e.jsxs(o,{sx:{display:"flex",flexDirection:c.collapsed?"column":"row",alignItems:"center",justifyContent:c.collapsed?"center":d?"space-between":"flex-end",gap:c.collapsed?.5:0,px:c.collapsed?1:2,py:1,minHeight:64,flexShrink:0},children:[d&&e.jsx(o,{sx:{display:"flex",alignItems:"center",minWidth:0},children:d}),A&&e.jsx(Y,{size:"small",onClick:y,"aria-label":n?"Expandir menú":"Colapsar menú",children:n?e.jsx(Z,{}):e.jsx(Q,{})})]}),k&&!c.collapsed&&e.jsx(o,{sx:{display:"flex",alignItems:"center",px:2,py:1.5,minHeight:56,flexShrink:0},children:e.jsx(o,{sx:{flex:1,minWidth:0},children:k})}),e.jsx(o,{component:"nav",sx:{flex:1,overflowY:"auto",overflowX:"hidden",py:1},children:r}),h&&e.jsx(o,{sx:{flexShrink:0,borderTop:F=>`1px solid ${F.palette.divider}`,p:c.collapsed?1:1.5,display:"flex",justifyContent:c.collapsed?"center":"flex-start"},children:h})]})})}x.__docgenInfo={description:"",methods:[],displayName:"Drawer",props:{children:{required:!1,tsType:{name:"ReactNode"},description:"Contenido del drawer (típicamente `<DrawerItem>`s)."},variant:{required:!1,tsType:{name:"union",raw:"'permanent' | 'persistent' | 'temporary'",elements:[{name:"literal",value:"'permanent'"},{name:"literal",value:"'persistent'"},{name:"literal",value:"'temporary'"}]},description:"Variante del drawer:\n- `permanent` (default): siempre visible en desktop, soporta collapsed (mini).\n- `persistent`: se oculta/muestra, empuja el contenido principal.\n- `temporary`: flotante con backdrop (típico móvil).",defaultValue:{value:"'permanent'",computed:!1}},anchor:{required:!1,tsType:{name:"union",raw:"'left' | 'right' | 'top' | 'bottom'",elements:[{name:"literal",value:"'left'"},{name:"literal",value:"'right'"},{name:"literal",value:"'top'"},{name:"literal",value:"'bottom'"}]},description:"Lado del viewport. Default: `'left'`.",defaultValue:{value:"'left'",computed:!1}},collapsed:{required:!1,tsType:{name:"boolean"},description:'Estado mini (solo iconos). Solo se aplica con `variant="permanent"` o\n`"persistent"`. Si no se provee, el drawer está siempre expandido.',defaultValue:{value:"false",computed:!1}},onToggleCollapse:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"Callback del botón de toggle (chevron)."},open:{required:!1,tsType:{name:"boolean"},description:"Estado abierto/cerrado (aplica a `temporary` y `persistent`)."},onClose:{required:!1,tsType:{name:"MuiDrawerProps['onClose']",raw:"MuiDrawerProps['onClose']"},description:"Callback de cierre (backdrop o ESC en temporary)."},expandedWidth:{required:!1,tsType:{name:"number"},description:"Ancho en estado expandido. Default: 260.",defaultValue:{value:"260",computed:!1}},collapsedWidth:{required:!1,tsType:{name:"number"},description:"Ancho en estado colapsado (solo iconos). Default: 72.",defaultValue:{value:"72",computed:!1}},showCollapseButton:{required:!1,tsType:{name:"boolean"},description:"Muestra el botón chevron para toggle collapsed. Default: true si `onToggleCollapse` está definido."},header:{required:!1,tsType:{name:"ReactNode"},description:"Contenido del header (por encima de los items). Típicamente logo/brand."},logo:{required:!1,tsType:{name:"ReactNode"},description:`Logo/brand que se muestra junto al botón de toggle.
-- Expandido: logo a la izquierda, toggle a la derecha en la misma fila.
-- Colapsado: logo arriba centrado, toggle debajo centrado (stack vertical).
-Siempre visible (a diferencia de \`header\`, que se oculta al colapsar).`},footer:{required:!1,tsType:{name:"ReactNode"},description:"Contenido del footer (por debajo de los items). Típicamente user profile."},preset:{required:!1,tsType:{name:"string"},description:'Nombre del preset de estilo registrado en `theme.styles.Drawer`.\n- `"default"` (o ausente) = estilo built-in del paquete.'},sx:{required:!1,tsType:{name:"SxProps",elements:[{name:"Theme"}],raw:"SxProps<Theme>"},description:"sx aplicado al Drawer (root). Se mergea después del preset."},paperSx:{required:!1,tsType:{name:"SxProps",elements:[{name:"Theme"}],raw:"SxProps<Theme>"},description:"sx aplicado al Paper interno."},className:{required:!1,tsType:{name:"string"},description:""}}};function t({icon:r,label:a,onClick:i,active:n=!1,danger:y=!1,disabled:l=!1,endAdornment:v,sx:p,className:q}){const{collapsed:f}=ee(),d=[ae({collapsed:f,active:n,danger:y}),l&&{pointerEvents:"none",opacity:.5},...Array.isArray(p)?p:p?[p]:[]].filter(Boolean),h=e.jsxs(o,{role:"button",tabIndex:l?-1:0,"aria-disabled":l,onClick:l?void 0:i,onKeyDown:m=>{l||(m.key==="Enter"||m.key===" ")&&(m.preventDefault(),i?.(m))},className:q,sx:d,children:[r!==void 0&&e.jsx(o,{className:"drawer-item__icon",component:"span",children:r}),e.jsx(s,{component:"span",variant:"body2",className:"drawer-item__label",sx:{fontWeight:n?600:400},children:a}),!f&&v&&e.jsx(o,{component:"span",sx:{flexShrink:0,ml:"auto"},children:v})]});return f&&typeof a=="string"?e.jsx(G,{title:a,placement:"right",arrow:!0,children:h}):h}t.__docgenInfo={description:`Item de un Drawer de shared-library. Lee el estado \`collapsed\` del
-DrawerContext para adaptar layout y mostrar tooltip en modo mini.
-
-Uso típico:
-\`\`\`tsx
-<Drawer collapsed={collapsed} onToggleCollapse={toggle}>
-  <DrawerItem icon={<HomeIcon />} label="Inicio" active />
-  <DrawerItem icon={<UserIcon />} label="Perfil" />
-</Drawer>
-\`\`\``,methods:[],displayName:"DrawerItem",props:{icon:{required:!1,tsType:{name:"ReactNode"},description:"Icono del item. Se muestra siempre (expanded y collapsed)."},label:{required:!0,tsType:{name:"ReactNode"},description:"Texto del item. Se oculta cuando el drawer está colapsado (muestra tooltip)."},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: MouseEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"MouseEvent",elements:[{name:"HTMLDivElement"}],raw:"MouseEvent<HTMLDivElement>"},name:"event"}],return:{name:"void"}}},description:"Handler de click."},active:{required:!1,tsType:{name:"boolean"},description:"Marca el item como activo (destaca color y fondo).",defaultValue:{value:"false",computed:!1}},danger:{required:!1,tsType:{name:"boolean"},description:'Marca el item como "destructivo" (p.ej. cerrar sesión): color error.',defaultValue:{value:"false",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"Deshabilita click + bajo opacidad.",defaultValue:{value:"false",computed:!1}},endAdornment:{required:!1,tsType:{name:"ReactNode"},description:"Contenido adicional a la derecha del label (badge, count, chevron)."},sx:{required:!1,tsType:{name:"SxProps",elements:[{name:"Theme"}],raw:"SxProps<Theme>"},description:"sx override del consumer, se mergea al final."},className:{required:!1,tsType:{name:"string"},description:""}}};const $e={title:"Components/Drawer",component:x,tags:["autodocs"],parameters:{layout:"fullscreen",docs:{description:{component:"Drawer lateral para navegación. Soporta modo `collapsed` (mini-variant con solo iconos) y reemplaza el `DrawerComponent` de Metronic. Los sub-componentes `DrawerItem` reaccionan al estado `collapsed` vía context y muestran tooltip automático al hover cuando el drawer está mini."}}},argTypes:{variant:{control:"select",options:["permanent","persistent","temporary"],description:"`permanent` (default) = siempre visible en desktop. `persistent` = oculta/muestra empujando contenido. `temporary` = flotante con backdrop (típico móvil)."},anchor:{control:"select",options:["left","right","top","bottom"]},collapsed:{control:"boolean",description:"Estado mini (solo iconos). Solo aplica en `permanent`/`persistent`."},expandedWidth:{control:{type:"number",min:180,max:400,step:10}},collapsedWidth:{control:{type:"number",min:48,max:120,step:4}}}},W=()=>e.jsx(s,{variant:"h6",sx:{fontWeight:700,color:"primary.main"},children:"soyfri"}),oe=({collapsed:r})=>e.jsxs(o,{sx:{display:"flex",alignItems:"center",gap:1.5},children:[e.jsx(J,{sx:{width:36,height:36},children:"AP"}),!r&&e.jsxs(o,{sx:{minWidth:0},children:[e.jsx(s,{variant:"body2",noWrap:!0,sx:{fontWeight:600},children:"Andrea Pérez"}),e.jsx(s,{variant:"caption",color:"text.secondary",noWrap:!0,children:"admin@soyfri.com"})]})]}),u={args:{variant:"permanent",anchor:"left",collapsed:!1,expandedWidth:260,collapsedWidth:72,header:e.jsx(W,{})},render:r=>e.jsxs(o,{sx:{display:"flex",height:"100vh"},children:[e.jsxs(x,{...r,children:[e.jsx(t,{icon:e.jsx(E,{}),label:"Inicio",active:!0}),e.jsx(t,{icon:e.jsx(C,{}),label:"Perfil"}),e.jsx(t,{icon:e.jsx(B,{}),label:"Notificaciones",endAdornment:e.jsx(s,{variant:"caption",sx:{bgcolor:"primary.main",color:"#fff",borderRadius:10,px:1,py:.25,fontWeight:600},children:"3"})}),e.jsx(t,{icon:e.jsx(M,{}),label:"Facturación"}),e.jsx(t,{icon:e.jsx(S,{}),label:"Configuración"})]}),e.jsxs(o,{sx:{flex:1,p:3},children:[e.jsx(s,{variant:"h5",children:"Contenido principal"}),e.jsx(s,{color:"text.secondary",children:"El drawer permanente convive con el contenido y no lo tapa."})]})]}),parameters:{docs:{description:{story:"Drawer permanente expandido con logo en header y lista de items. Uno de los items tiene un badge como `endAdornment`."}}}},j={...u,args:{...u.args,collapsed:!0},parameters:{docs:{description:{story:"El mismo drawer en modo mini. Los labels se ocultan y al hacer hover sobre cada item aparece un tooltip con su texto. Notar que el badge `endAdornment` se oculta también en modo collapsed."}}}},D={render:()=>{const[r,a]=g.useState(!1);return e.jsxs(o,{sx:{display:"flex",height:"100vh"},children:[e.jsxs(x,{variant:"permanent",collapsed:r,onToggleCollapse:()=>a(i=>!i),header:e.jsx(W,{}),footer:e.jsx(oe,{collapsed:r}),children:[e.jsx(t,{icon:e.jsx(E,{}),label:"Inicio",active:!0}),e.jsx(t,{icon:e.jsx(C,{}),label:"Perfil"}),e.jsx(t,{icon:e.jsx(M,{}),label:"Facturación"}),e.jsx(t,{icon:e.jsx(S,{}),label:"Configuración"}),e.jsx(t,{icon:e.jsx(U,{}),label:"Cerrar sesión",danger:!0})]}),e.jsxs(o,{sx:{flex:1,p:3},children:[e.jsxs(s,{variant:"h5",children:["Drawer: ",r?"colapsado":"expandido"]}),e.jsx(s,{color:"text.secondary",children:"Usá el chevron del header para alternar. El footer se adapta (avatar solo cuando está mini, avatar + texto cuando está expandido)."})]})]})},parameters:{docs:{description:{story:"Drawer con botón chevron funcional (el que provee el paquete) y footer que reacciona al estado. Incluye un item `danger` (cerrar sesión) que se pinta en color error."}}}},T={render:()=>{const[r,a]=g.useState(!1);return e.jsxs(o,{sx:{height:"100vh",p:3},children:[e.jsx(s,{variant:"h5",gutterBottom:!0,children:"Drawer temporal (para móvil)"}),e.jsx(s,{sx:{cursor:"pointer",color:"primary.main"},onClick:()=>a(!0),children:"→ Abrir drawer"}),e.jsxs(x,{variant:"temporary",open:r,onClose:()=>a(!1),header:e.jsx(W,{}),children:[e.jsx(t,{icon:e.jsx(E,{}),label:"Inicio",onClick:()=>a(!1)}),e.jsx(t,{icon:e.jsx(C,{}),label:"Perfil",onClick:()=>a(!1)}),e.jsx(t,{icon:e.jsx(S,{}),label:"Configuración",onClick:()=>a(!1)})]})]})},parameters:{docs:{description:{story:"Drawer `temporary`: flota por encima del contenido con backdrop. Cierra con ESC, click en backdrop, o handler explícito en cada item. El modo `collapsed` no aplica acá."}}}},I={args:{variant:"permanent",anchor:"right",expandedWidth:320,header:e.jsx(s,{variant:"subtitle1",sx:{fontWeight:600},children:"Panel lateral"})},render:r=>e.jsxs(o,{sx:{display:"flex",height:"100vh"},children:[e.jsx(o,{sx:{flex:1,p:3},children:e.jsx(s,{variant:"h5",children:"Contenido principal"})}),e.jsxs(x,{...r,children:[e.jsx(t,{icon:e.jsx(B,{}),label:"Notificaciones"}),e.jsx(t,{icon:e.jsx(C,{}),label:"Contactos"}),e.jsx(t,{icon:e.jsx(S,{}),label:"Ajustes"})]})]}),parameters:{docs:{description:{story:"Drawer anclado a la derecha. Útil para paneles secundarios (inbox, notificaciones, detalles) en lugar de navegación principal."}}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
-  args: {
-    variant: 'permanent',
-    anchor: 'left',
-    collapsed: false,
-    expandedWidth: 260,
-    collapsedWidth: 72,
-    header: <SampleLogo />
-  },
-  render: args => <Box sx={{
-    display: 'flex',
-    height: '100vh'
-  }}>
-      <Drawer {...args}>
-        <DrawerItem icon={<HomeIcon />} label="Inicio" active />
-        <DrawerItem icon={<PersonIcon />} label="Perfil" />
-        <DrawerItem icon={<NotificationsIcon />} label="Notificaciones" endAdornment={<Typography variant="caption" sx={{
-        bgcolor: 'primary.main',
-        color: '#fff',
-        borderRadius: 10,
-        px: 1,
-        py: 0.25,
-        fontWeight: 600
-      }}>
-              3
-            </Typography>} />
-        <DrawerItem icon={<ReceiptIcon />} label="Facturación" />
-        <DrawerItem icon={<SettingsIcon />} label="Configuración" />
-      </Drawer>
-      <Box sx={{
-      flex: 1,
-      p: 3
-    }}>
-        <Typography variant="h5">Contenido principal</Typography>
-        <Typography color="text.secondary">
-          El drawer permanente convive con el contenido y no lo tapa.
-        </Typography>
-      </Box>
-    </Box>,
-  parameters: {
-    docs: {
-      description: {
-        story: 'Drawer permanente expandido con logo en header y lista de items. Uno de los items tiene un badge como \`endAdornment\`.'
-      }
-    }
-  }
-}`,...u.parameters?.docs?.source}}};j.parameters={...j.parameters,docs:{...j.parameters?.docs,source:{originalSource:`{
-  ...ExpandedPermanent,
-  args: {
-    ...ExpandedPermanent.args,
-    collapsed: true
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'El mismo drawer en modo mini. Los labels se ocultan y al hacer hover sobre cada item aparece un tooltip con su texto. Notar que el badge \`endAdornment\` se oculta también en modo collapsed.'
-      }
-    }
-  }
-}`,...j.parameters?.docs?.source}}};D.parameters={...D.parameters,docs:{...D.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [collapsed, setCollapsed] = useState(false);
-    return <Box sx={{
-      display: 'flex',
-      height: '100vh'
-    }}>
-        <Drawer variant="permanent" collapsed={collapsed} onToggleCollapse={() => setCollapsed(v => !v)} header={<SampleLogo />} footer={<SampleFooter collapsed={collapsed} />}>
-          <DrawerItem icon={<HomeIcon />} label="Inicio" active />
-          <DrawerItem icon={<PersonIcon />} label="Perfil" />
-          <DrawerItem icon={<ReceiptIcon />} label="Facturación" />
-          <DrawerItem icon={<SettingsIcon />} label="Configuración" />
-          <DrawerItem icon={<LogoutIcon />} label="Cerrar sesión" danger />
-        </Drawer>
-        <Box sx={{
-        flex: 1,
-        p: 3
-      }}>
-          <Typography variant="h5">
-            Drawer: {collapsed ? 'colapsado' : 'expandido'}
-          </Typography>
-          <Typography color="text.secondary">
-            Usá el chevron del header para alternar. El footer se adapta
-            (avatar solo cuando está mini, avatar + texto cuando está
-            expandido).
-          </Typography>
-        </Box>
-      </Box>;
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Drawer con botón chevron funcional (el que provee el paquete) y footer que reacciona al estado. Incluye un item \`danger\` (cerrar sesión) que se pinta en color error.'
-      }
-    }
-  }
-}`,...D.parameters?.docs?.source}}};T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [open, setOpen] = useState(false);
-    return <Box sx={{
-      height: '100vh',
-      p: 3
-    }}>
-        <Typography variant="h5" gutterBottom>
-          Drawer temporal (para móvil)
-        </Typography>
-        <Typography sx={{
-        cursor: 'pointer',
-        color: 'primary.main'
-      }} onClick={() => setOpen(true)}>
-          → Abrir drawer
-        </Typography>
-
-        <Drawer variant="temporary" open={open} onClose={() => setOpen(false)} header={<SampleLogo />}>
-          <DrawerItem icon={<HomeIcon />} label="Inicio" onClick={() => setOpen(false)} />
-          <DrawerItem icon={<PersonIcon />} label="Perfil" onClick={() => setOpen(false)} />
-          <DrawerItem icon={<SettingsIcon />} label="Configuración" onClick={() => setOpen(false)} />
-        </Drawer>
-      </Box>;
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Drawer \`temporary\`: flota por encima del contenido con backdrop. Cierra con ESC, click en backdrop, o handler explícito en cada item. El modo \`collapsed\` no aplica acá.'
-      }
-    }
-  }
-}`,...T.parameters?.docs?.source}}};I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
-  args: {
-    variant: 'permanent',
-    anchor: 'right',
-    expandedWidth: 320,
-    header: <Typography variant="subtitle1" sx={{
-      fontWeight: 600
-    }}>
-        Panel lateral
-      </Typography>
-  },
-  render: args => <Box sx={{
-    display: 'flex',
-    height: '100vh'
-  }}>
-      <Box sx={{
-      flex: 1,
-      p: 3
-    }}>
-        <Typography variant="h5">Contenido principal</Typography>
-      </Box>
-      <Drawer {...args}>
-        <DrawerItem icon={<NotificationsIcon />} label="Notificaciones" />
-        <DrawerItem icon={<PersonIcon />} label="Contactos" />
-        <DrawerItem icon={<SettingsIcon />} label="Ajustes" />
-      </Drawer>
-    </Box>,
-  parameters: {
-    docs: {
-      description: {
-        story: 'Drawer anclado a la derecha. Útil para paneles secundarios (inbox, notificaciones, detalles) en lugar de navegación principal.'
-      }
-    }
-  }
-}`,...I.parameters?.docs?.source}}};const Ke=["ExpandedPermanent","CollapsedPermanent","ToggleableDrawer","TemporaryDrawer","RightAnchored"];export{j as CollapsedPermanent,u as ExpandedPermanent,I as RightAnchored,T as TemporaryDrawer,D as ToggleableDrawer,Ke as __namedExportsOrder,$e as default};

package/storybook-static/assets/ErrorOutline-D9gM7ART.js

@@ -1 +0,0 @@
-import{j as s}from"./jsx-runtime-D_zvdyIk.js";import{c as h}from"./createSvgIcon-D_Gca4vA.js";const t=h([s.jsx("path",{d:"M12 5.99 19.53 19H4.47zM12 2 1 21h22z"},"0"),s.jsx("path",{d:"M13 16h-2v2h2zm0-6h-2v5h2z"},"1")]),a=h(s.jsx("path",{d:"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"}));export{a as E,t as W};

package/storybook-static/assets/Fade-Ll96CvH8.js

@@ -1 +0,0 @@
-import{r as c}from"./iframe-BAJnc_4n.js";import{u as A}from"./useTheme-BmOJK7ra.js";import{j as B}from"./jsx-runtime-D_zvdyIk.js";import{T as D,g as G,a as u,r as H}from"./getReactElementRef-BQ3ANZdy.js";import{u as J}from"./useForkRef-0ANIrxcF.js";const K={entering:{opacity:1},entered:{opacity:1}},W=c.forwardRef(function(x,y){const i=A(),h={enter:i.transitions.duration.enteringScreen,exit:i.transitions.duration.leavingScreen},{addEndListener:l,appear:g=!0,children:s,easing:E,in:f,onEnter:p,onEntered:R,onEntering:T,onExit:m,onExited:w,onExiting:v,style:a,timeout:d=h,TransitionComponent:F=D,...P}=x,r=c.useRef(null),j=J(r,G(s),y),o=t=>n=>{if(t){const e=r.current;n===void 0?t(e):t(e,n)}},L=o(T),S=o((t,n)=>{H(t);const e=u({style:a,timeout:d,easing:E},{mode:"enter"});t.style.webkitTransition=i.transitions.create("opacity",e),t.style.transition=i.transitions.create("opacity",e),p&&p(t,n)}),k=o(R),C=o(v),b=o(t=>{const n=u({style:a,timeout:d,easing:E},{mode:"exit"});t.style.webkitTransition=i.transitions.create("opacity",n),t.style.transition=i.transitions.create("opacity",n),m&&m(t)}),z=o(w),q=t=>{l&&l(r.current,t)};return B.jsx(F,{appear:g,in:f,nodeRef:r,onEnter:S,onEntered:k,onEntering:L,onExit:b,onExited:z,onExiting:C,addEndListener:q,timeout:d,...P,children:(t,{ownerState:n,...e})=>c.cloneElement(s,{style:{opacity:0,visibility:t==="exited"&&!f?"hidden":void 0,...K[t],...a,...s.props.style},ref:j,...e})})});export{W as F};

package/storybook-static/assets/Flyout.stories-Cf7z6MNw.js

@@ -1,163 +0,0 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as n}from"./iframe-BAJnc_4n.js";import{C as I}from"./Close-CgHeRgmh.js";import{D as S}from"./Drawer-DcFwy73r.js";import{B as s}from"./Box-BnhEcfFm.js";import{T as a}from"./Typography-BgntX2Ep.js";import{I as w}from"./IconButton-9OYSTH58.js";import{D}from"./Divider-BbCj9wT4.js";import{I as B}from"./Input-CjX0t4h-.js";import{B as i}from"./Button-DBpqmVB_.js";import{L as k}from"./Menu-ClzfjLc3.js";import{L as c}from"./ListItem-D3O0103N.js";import{L as d}from"./ListItemText-BFLAwLdl.js";import"./preload-helper-PPVm8Dsz.js";import"./createSvgIcon-D_Gca4vA.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"./mergeSlotProps-B0UBKBMe.js";import"./getReactElementRef-BQ3ANZdy.js";import"./useTimeout-DNjRaOWc.js";import"./index-CY7j4a7o.js";import"./index-BF3FAXTk.js";import"./debounce-Be36O1Ab.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./Modal-3okp9H2i.js";import"./Portal-Cj8XF9Lf.js";import"./Fade-Ll96CvH8.js";import"./Paper-SwQBhqI7.js";import"./emotion-react.browser.esm--g-C9cX9.js";import"./createSimplePaletteValueFilter-bm0fmN_7.js";import"./useId-b4fZxjOL.js";import"./ButtonBase-qyaMEhe4.js";import"./isFocusVisible-B8k4qzLc.js";import"./CircularProgress-DC7ZNWwl.js";import"./listItemTextClasses-CC_rwJam.js";import"./formField.sx-DMCmZIAa.js";import"./resolvePreset-CN2aOJJr.js";import"./TextField-22T-xHBm.js";import"./Select-DJh2biEb.js";import"./useControlled-DsVh1a5j.js";import"./isMuiElement-CTZSFcY5.js";import"./Grow-8y4FglGK.js";const l=({open:r,onClose:o,title:t,anchor:p="right",children:b,size:O="medium",height:v="auto"})=>{const F=(m=>{switch(m){case"small":return Math.round(345);case"medium":return Math.round(517.5);case"large":return Math.round(690);default:return Math.round(517.5)}})(O),T=n.useMemo(()=>p==="left"||p==="right"?{width:F}:{height:v,width:"100%"},[p,F,v]);return e.jsx(S,{anchor:p,open:r,onClose:o,disableEscapeKeyDown:!1,ModalProps:{keepMounted:!0},children:e.jsxs(s,{sx:{...T,display:"flex",flexDirection:"column",p:2,backgroundColor:m=>m.palette.background.paper,color:m=>m.palette.text.primary,height:"100%"},role:"presentation",children:[e.jsxs(s,{sx:{display:"flex",justifyContent:"space-between",alignItems:"center",mb:2,flexShrink:0},children:[t&&e.jsx(a,{variant:"h6",component:"div",sx:{fontWeight:"bold"},children:t}),e.jsx(w,{onClick:o,sx:{ml:"auto"},children:e.jsx(I,{})})]}),e.jsx(D,{sx:{mb:2}})," ",e.jsx(s,{sx:{flexGrow:1,overflowY:"auto"},children:b})]})})};l.__docgenInfo={description:"",methods:[],displayName:"Flyout",props:{open:{required:!0,tsType:{name:"boolean"},description:""},onClose:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},title:{required:!1,tsType:{name:"string"},description:""},anchor:{required:!1,tsType:{name:"union",raw:"'left' | 'top' | 'right' | 'bottom'",elements:[{name:"literal",value:"'left'"},{name:"literal",value:"'top'"},{name:"literal",value:"'right'"},{name:"literal",value:"'bottom'"}]},description:"",defaultValue:{value:"'right'",computed:!1}},children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},size:{required:!1,tsType:{name:"union",raw:"'small' | 'medium' | 'large'",elements:[{name:"literal",value:"'small'"},{name:"literal",value:"'medium'"},{name:"literal",value:"'large'"}]},description:"",defaultValue:{value:"'medium'",computed:!1}},height:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'auto'",computed:!1}}}};const Se={title:"Components/Flyout",component:l,tags:["autodocs"],argTypes:{open:{control:"boolean",description:"Controls the visibility of the flyout."},onClose:{action:"closed",description:"Callback function when the flyout is requested to close."},title:{control:"text",description:"Title displayed at the top of the flyout."},anchor:{control:"select",options:["left","top","right","bottom"],description:"Side from which the flyout will appear."},size:{control:"select",options:["small","medium","large"],description:"Predefined size of the flyout (width for left/right, height for top/bottom)."},height:{control:"text",description:'Custom height for top/bottom anchored flyouts (e.g., "50vh", "300px").',if:{arg:"anchor",eq:["top","bottom"]}},children:{control:"text",description:"Content to be rendered inside the flyout."}},parameters:{docs:{description:{component:"A customizable Drawer component that slides in from a specified anchor point, ideal for displaying supplementary content or forms without navigating away from the main page."}}}},z=()=>{const[r,o]=n.useState("Some text");return e.jsx(s,{sx:{my:2},children:e.jsx(B,{label:"Input Field",value:r,onChange:t=>o(t)})})},u=()=>e.jsxs(s,{children:[e.jsx(a,{variant:"body1",paragraph:!0,children:"This is some example content inside the flyout. It can contain any React elements."}),e.jsxs(k,{dense:!0,children:[e.jsx(c,{disablePadding:!0,children:e.jsx(d,{primary:"Item 1:",secondary:"Detail A"})}),e.jsx(c,{disablePadding:!0,children:e.jsx(d,{primary:"Item 2:",secondary:"Detail B"})}),e.jsx(c,{disablePadding:!0,children:e.jsx(d,{primary:"Item 3:",secondary:"Detail C"})}),[...Array(15)].map((r,o)=>e.jsx(c,{disablePadding:!0,children:e.jsx(d,{primary:`More Item ${o+4}:`,secondary:`More Detail ${o+4}`})},o+4))]}),e.jsx(z,{}),e.jsx(i,{variant:"contained",color:"primary",sx:{mt:2},children:"Action Button"})]}),h={render:r=>{const[o,t]=n.useState(!1);return e.jsxs(s,{sx:{height:"200vh",p:2,backgroundColor:"#f0f0f0"},children:[" ",e.jsx(a,{variant:"h5",mb:2,children:"Default Flyout Example"}),e.jsx(i,{variant:"contained",onClick:()=>t(!0),children:"Open Flyout (Right)"}),e.jsx(l,{...r,open:o,onClose:()=>t(!1),children:e.jsx(u,{})})]})},args:{title:"Flyout Title",anchor:"right",size:"medium"}},g={render:r=>{const[o,t]=n.useState(!1);return e.jsxs(s,{sx:{p:2},children:[e.jsx(a,{variant:"h5",mb:2,children:"Small Flyout from Left"}),e.jsx(i,{variant:"contained",onClick:()=>t(!0),children:"Open Small Flyout (Left)"}),e.jsx(l,{...r,open:o,onClose:()=>t(!1),children:e.jsx(u,{})})]})},args:{title:"Small Flyout",anchor:"left",size:"small"}},x={render:r=>{const[o,t]=n.useState(!1);return e.jsxs(s,{sx:{p:2},children:[e.jsx(a,{variant:"h5",mb:2,children:"Large Flyout from Right"}),e.jsx(i,{variant:"contained",onClick:()=>t(!0),children:"Open Large Flyout (Right)"}),e.jsx(l,{...r,open:o,onClose:()=>t(!1),children:e.jsx(u,{})})]})},args:{title:"Large Flyout",anchor:"right",size:"large"}},y={render:r=>{const[o,t]=n.useState(!1);return e.jsxs(s,{sx:{p:2},children:[e.jsx(a,{variant:"h5",mb:2,children:"Top Anchored Flyout"}),e.jsx(i,{variant:"contained",onClick:()=>t(!0),children:"Open Top Flyout"}),e.jsx(l,{...r,open:o,onClose:()=>t(!1),children:e.jsx(u,{})})]})},args:{title:"Top Flyout",anchor:"top",height:"300px",size:"medium"}},f={render:r=>{const[o,t]=n.useState(!1);return e.jsxs(s,{sx:{p:2},children:[e.jsx(a,{variant:"h5",mb:2,children:"Bottom Anchored Flyout"}),e.jsx(i,{variant:"contained",onClick:()=>t(!0),children:"Open Bottom Flyout"}),e.jsx(l,{...r,open:o,onClose:()=>t(!1),children:e.jsx(u,{})})]})},args:{title:"Bottom Flyout",anchor:"bottom",height:"40vh",size:"medium"}},C={render:r=>{const[o,t]=n.useState(!1);return e.jsxs(s,{sx:{p:2},children:[e.jsx(a,{variant:"h5",mb:2,children:"Flyout with No Title"}),e.jsx(i,{variant:"contained",onClick:()=>t(!0),children:"Open Flyout (No Title)"}),e.jsx(l,{...r,open:o,onClose:()=>t(!1),children:e.jsx(u,{})})]})},args:{title:void 0,anchor:"right",size:"medium"}},j={render:r=>{const[o,t]=n.useState(!1),[p,b]=n.useState("This is some custom text that can be edited.");return e.jsxs(s,{sx:{p:2},children:[e.jsx(a,{variant:"h5",mb:2,children:"Flyout with Custom Content"}),e.jsx(i,{variant:"contained",onClick:()=>t(!0),children:"Open Custom Content Flyout"}),e.jsx(l,{...r,open:o,onClose:()=>t(!1),children:e.jsxs(s,{sx:{p:2},children:[e.jsx(a,{variant:"h6",gutterBottom:!0,children:"Custom Form"}),e.jsx(s,{sx:{mb:2},children:e.jsx(B,{label:"Your Message",multiline:!0,rows:4,fullWidth:!0,value:p,onChange:O=>b(String(O))})}),e.jsx(i,{variant:"contained",color:"secondary",children:"Submit Custom Content"})]})})]})},args:{title:"Custom Content Flyout",anchor:"right",size:"medium"}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [isOpen, setIsOpen] = useState(false);
-    return <Box sx={{
-      height: '200vh',
-      p: 2,
-      backgroundColor: '#f0f0f0'
-    }}> {/* Added height to simulate scrollable page */}
-        <Typography variant="h5" mb={2}>Default Flyout Example</Typography>
-        <Button variant="contained" onClick={() => setIsOpen(true)}>
-          Open Flyout (Right)
-        </Button>
-        <Flyout {...args} open={isOpen} onClose={() => setIsOpen(false)}>
-          <DemoContent />
-        </Flyout>
-      </Box>;
-  },
-  args: {
-    title: 'Flyout Title',
-    anchor: 'right',
-    size: 'medium'
-    // children is handled by the render function with DemoContent
-  }
-}`,...h.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [isOpen, setIsOpen] = useState(false);
-    return <Box sx={{
-      p: 2
-    }}>
-        <Typography variant="h5" mb={2}>Small Flyout from Left</Typography>
-        <Button variant="contained" onClick={() => setIsOpen(true)}>
-          Open Small Flyout (Left)
-        </Button>
-        <Flyout {...args} open={isOpen} onClose={() => setIsOpen(false)}>
-          <DemoContent />
-        </Flyout>
-      </Box>;
-  },
-  args: {
-    title: 'Small Flyout',
-    anchor: 'left',
-    size: 'small'
-  }
-}`,...g.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [isOpen, setIsOpen] = useState(false);
-    return <Box sx={{
-      p: 2
-    }}>
-        <Typography variant="h5" mb={2}>Large Flyout from Right</Typography>
-        <Button variant="contained" onClick={() => setIsOpen(true)}>
-          Open Large Flyout (Right)
-        </Button>
-        <Flyout {...args} open={isOpen} onClose={() => setIsOpen(false)}>
-          <DemoContent />
-        </Flyout>
-      </Box>;
-  },
-  args: {
-    title: 'Large Flyout',
-    anchor: 'right',
-    size: 'large'
-  }
-}`,...x.parameters?.docs?.source}}};y.parameters={...y.parameters,docs:{...y.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [isOpen, setIsOpen] = useState(false);
-    return <Box sx={{
-      p: 2
-    }}>
-        <Typography variant="h5" mb={2}>Top Anchored Flyout</Typography>
-        <Button variant="contained" onClick={() => setIsOpen(true)}>
-          Open Top Flyout
-        </Button>
-        <Flyout {...args} open={isOpen} onClose={() => setIsOpen(false)}>
-          <DemoContent />
-        </Flyout>
-      </Box>;
-  },
-  args: {
-    title: 'Top Flyout',
-    anchor: 'top',
-    height: '300px',
-    // Custom height for top/bottom anchor
-    size: 'medium' // Size prop still applies but width is 100% for top/bottom
-  }
-}`,...y.parameters?.docs?.source}}};f.parameters={...f.parameters,docs:{...f.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [isOpen, setIsOpen] = useState(false);
-    return <Box sx={{
-      p: 2
-    }}>
-        <Typography variant="h5" mb={2}>Bottom Anchored Flyout</Typography>
-        <Button variant="contained" onClick={() => setIsOpen(true)}>
-          Open Bottom Flyout
-        </Button>
-        <Flyout {...args} open={isOpen} onClose={() => setIsOpen(false)}>
-          <DemoContent />
-        </Flyout>
-      </Box>;
-  },
-  args: {
-    title: 'Bottom Flyout',
-    anchor: 'bottom',
-    height: '40vh',
-    // Custom height using viewport units
-    size: 'medium'
-  }
-}`,...f.parameters?.docs?.source}}};C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [isOpen, setIsOpen] = useState(false);
-    return <Box sx={{
-      p: 2
-    }}>
-        <Typography variant="h5" mb={2}>Flyout with No Title</Typography>
-        <Button variant="contained" onClick={() => setIsOpen(true)}>
-          Open Flyout (No Title)
-        </Button>
-        <Flyout {...args} open={isOpen} onClose={() => setIsOpen(false)}>
-          <DemoContent />
-        </Flyout>
-      </Box>;
-  },
-  args: {
-    title: undefined,
-    // Explicitly no title
-    anchor: 'right',
-    size: 'medium'
-  }
-}`,...C.parameters?.docs?.source}}};j.parameters={...j.parameters,docs:{...j.parameters?.docs,source:{originalSource:`{
-  render: args => {
-    const [isOpen, setIsOpen] = useState(false);
-    const [customText, setCustomText] = useState('This is some custom text that can be edited.');
-    return <Box sx={{
-      p: 2
-    }}>
-        <Typography variant="h5" mb={2}>Flyout with Custom Content</Typography>
-        <Button variant="contained" onClick={() => setIsOpen(true)}>
-          Open Custom Content Flyout
-        </Button>
-        <Flyout {...args} open={isOpen} onClose={() => setIsOpen(false)}>
-          <Box sx={{
-          p: 2
-        }}>
-            <Typography variant="h6" gutterBottom>Custom Form</Typography>
-            <Box sx={{
-            mb: 2
-          }}>
-              <Input label="Your Message" multiline rows={4} fullWidth value={customText} onChange={next => setCustomText(String(next))} />
-            </Box>
-            <Button variant="contained" color="secondary">
-              Submit Custom Content
-            </Button>
-          </Box>
-        </Flyout>
-      </Box>;
-  },
-  args: {
-    title: 'Custom Content Flyout',
-    anchor: 'right',
-    size: 'medium'
-    // children is handled by the render function
-  }
-}`,...j.parameters?.docs?.source}}};const we=["Default","SmallLeft","LargeRight","TopAnchor","BottomAnchor","NoTitle","CustomContent"];export{f as BottomAnchor,j as CustomContent,h as Default,x as LargeRight,C as NoTitle,g as SmallLeft,y as TopAnchor,we as __namedExportsOrder,Se as default};

package/storybook-static/assets/Gallery.stories-DdpWVTF6.js

@@ -1,127 +0,0 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as f}from"./iframe-BAJnc_4n.js";import{K as k}from"./KeyboardArrowUp-DsyVef-i.js";import{c as p}from"./createSvgIcon-D_Gca4vA.js";import{K as W,a as C}from"./KeyboardArrowRight-WO_attK2.js";import{B as c}from"./Box-BnhEcfFm.js";import{I as g}from"./IconButton-9OYSTH58.js";import{C as R}from"./Close-CgHeRgmh.js";import{B as x}from"./Button-D9h7OggD.js";import{D as S,a as Y,b as L}from"./DialogContent-BeCDKgax.js";import{S as y}from"./Stack-D01OUIXi.js";import{T as z}from"./Typography-BgntX2Ep.js";import{u as _}from"./index-CIeucmOB.js";import"./preload-helper-PPVm8Dsz.js";import"./DefaultPropsProvider-BGoQxtDa.js";import"./extendSxProp-CEpa30hT.js";import"./createSimplePaletteValueFilter-bm0fmN_7.js";import"./useId-b4fZxjOL.js";import"./ButtonBase-qyaMEhe4.js";import"./useTimeout-DNjRaOWc.js";import"./emotion-react.browser.esm--g-C9cX9.js";import"./useForkRef-0ANIrxcF.js";import"./isFocusVisible-B8k4qzLc.js";import"./CircularProgress-DC7ZNWwl.js";import"./Button-DBpqmVB_.js";import"./useTheme-BmOJK7ra.js";import"./useSlot-b6pXgp5_.js";import"./Paper-SwQBhqI7.js";import"./Fade-Ll96CvH8.js";import"./getReactElementRef-BQ3ANZdy.js";import"./index-CY7j4a7o.js";import"./index-BF3FAXTk.js";import"./Modal-3okp9H2i.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-Cj8XF9Lf.js";import"./useThemeProps-DYtxXiUU.js";const E=p(e.jsx("path",{d:"M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"})),A=({items:t,selectedIdx:s,onSelect:i,thumbStartIdx:a,THUMB_VISIBLE_COUNT:d,handleThumbUp:l,handleThumbDown:m,isMobile:r})=>e.jsxs(c,{sx:{display:"flex",flexDirection:r?"row":"column",alignItems:"center",minWidth:70,width:70,borderRadius:1,bgcolor:"#f8f9fa",boxSizing:"border-box",py:1,mb:r?2:0,px:r?1:0},children:[e.jsx(g,{size:"small",onClick:l,disabled:a===0,sx:{mb:r?0:1,mr:r?1:0},children:r?e.jsx(W,{}):e.jsx(k,{})}),t.slice(a,a+d).map((u,h)=>{const n=a+h;return e.jsx(c,{onClick:()=>i(n),sx:{cursor:"pointer",width:60,height:60,borderRadius:1,border:s===n?"2px solid #1976d2":"2px solid #eee",overflow:"hidden",bgcolor:"#eee",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,m:r?"0 4px":"4px 0"},children:e.jsx(c,{component:"img",src:u.thumbnail,alt:u.title,sx:{width:"100%",height:"100%",objectFit:"cover"}})},n)}),e.jsx(g,{size:"small",onClick:m,disabled:a+d>=t.length,sx:{mt:r?0:1,ml:r?1:0},children:r?e.jsx(C,{}):e.jsx(E,{})})]});A.__docgenInfo={description:"",methods:[],displayName:"GalleryThumbnails",props:{items:{required:!0,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:`{
-  url: string;
-  type: string;
-  title: string;
-  thumbnail: string;
-}`,signature:{properties:[{key:"url",value:{name:"string",required:!0}},{key:"type",value:{name:"string",required:!0}},{key:"title",value:{name:"string",required:!0}},{key:"thumbnail",value:{name:"string",required:!0}}]}}],raw:`Array<{
-  url: string;
-  type: string;
-  title: string;
-  thumbnail: string;
-}>`},description:""},selectedIdx:{required:!0,tsType:{name:"number"},description:""},onSelect:{required:!0,tsType:{name:"signature",type:"function",raw:"(idx: number) => void",signature:{arguments:[{type:{name:"number"},name:"idx"}],return:{name:"void"}}},description:""},thumbStartIdx:{required:!0,tsType:{name:"number"},description:""},THUMB_VISIBLE_COUNT:{required:!0,tsType:{name:"number"},description:""},handleThumbUp:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},handleThumbDown:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},isMobile:{required:!0,tsType:{name:"boolean"},description:""}}};const F=p(e.jsx("path",{d:"M7 14H5v5h5v-2H7zm-2-4h2V7h3V5H5zm12 7h-3v2h5v-5h-2zM14 5v2h3v3h2V5z"})),q=({item:t,onOpenLightbox:s,isMobile:i})=>e.jsxs(c,{sx:{width:i?"80%":"100%",maxHeight:431,maxWidth:i?"80%":"100%",display:"flex",justifyContent:"center",alignItems:"center",position:"relative",borderRadius:1,bgcolor:"#f8f9fa",overflow:"hidden",mx:"auto"},children:[e.jsx(c,{sx:{width:"100%",height:"100%",cursor:"pointer",display:"flex",alignItems:"center",justifyContent:"center"},onClick:s,children:t.type==="video"?e.jsx(c,{component:"video",controls:!0,src:t.url,sx:{width:"100%",height:"100%",objectFit:"contain",bgcolor:"#000",borderRadius:1}}):e.jsx(c,{component:"img",src:t.url,alt:t.title,sx:{width:"100%",height:"100%",objectFit:"contain",borderRadius:1}})}),e.jsx(g,{onClick:s,sx:{position:"absolute",top:16,right:16,bgcolor:"#1976d2","&:hover":{bgcolor:"#1565c0"},boxShadow:2},children:e.jsx(F,{sx:{color:"#fff"}})})]});q.__docgenInfo={description:"",methods:[],displayName:"GalleryMain",props:{item:{required:!0,tsType:{name:"signature",type:"object",raw:`{
-  url: string;
-  type: "image" | "video" | string;
-  title: string;
-  thumbnail: string;
-}`,signature:{properties:[{key:"url",value:{name:"string",required:!0}},{key:"type",value:{name:"union",raw:'"image" | "video" | string',elements:[{name:"literal",value:'"image"'},{name:"literal",value:'"video"'},{name:"string"}],required:!0}},{key:"title",value:{name:"string",required:!0}},{key:"thumbnail",value:{name:"string",required:!0}}]}},description:""},onOpenLightbox:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},isMobile:{required:!0,tsType:{name:"boolean"},description:""}}};const N=p(e.jsx("path",{d:"M17.77 3.77 16 2 6 12l10 10 1.77-1.77L9.54 12z"})),K=p(e.jsx("path",{d:"M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"})),O=p([e.jsx("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"},"0"),e.jsx("path",{d:"M12 10h-2v2H9v-2H7V9h2V7h1v2h2z"},"1")]),P=p(e.jsx("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14M7 9h5v1H7z"})),U=p(e.jsx("path",{d:"M7.11 8.53 5.7 7.11C4.8 8.27 4.24 9.61 4.07 11h2.02c.14-.87.49-1.72 1.02-2.47M6.09 13H4.07c.17 1.39.72 2.73 1.62 3.89l1.41-1.42c-.52-.75-.87-1.59-1.01-2.47m1.01 5.32c1.16.9 2.51 1.44 3.9 1.61V17.9c-.87-.15-1.71-.49-2.46-1.03zM13 4.07V1L8.45 5.55 13 10V6.09c2.84.48 5 2.94 5 5.91s-2.16 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93s-3.05-7.44-7-7.93"})),Z=p(e.jsx("path",{d:"M15.55 5.55 11 1v3.07C7.06 4.56 4 7.92 4 12s3.05 7.44 7 7.93v-2.02c-2.84-.48-5-2.94-5-5.91s2.16-5.43 5-5.91V10zM19.93 11c-.17-1.39-.72-2.73-1.62-3.89l-1.42 1.42c.54.75.88 1.6 1.02 2.47zM13 17.9v2.02c1.39-.17 2.74-.71 3.9-1.61l-1.44-1.44c-.75.54-1.59.89-2.46 1.03m3.89-2.42 1.42 1.41c.9-1.16 1.45-2.5 1.62-3.89h-2.02c-.14.87-.48 1.72-1.02 2.48"})),$=p(e.jsx("path",{d:"M12 5V2L8 6l4 4V7c3.31 0 6 2.69 6 6 0 2.97-2.17 5.43-5 5.91v2.02c3.95-.49 7-3.85 7-7.93 0-4.42-3.58-8-8-8m-6 8c0-1.65.67-3.15 1.76-4.24L6.34 7.34C4.9 8.79 4 10.79 4 13c0 4.08 3.05 7.44 7 7.93v-2.02c-2.83-.48-5-2.94-5-5.91"})),G=({open:t,onClose:s,item:i,handlePrev:a,handleNext:d,zoom:l,setZoom:m,rotation:r,setRotation:u,videoRef:h})=>e.jsxs(S,{open:t,onClose:s,fullWidth:!0,maxWidth:"lg",children:[e.jsxs(Y,{sx:{minHeight:431,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:2},children:[e.jsxs(y,{direction:"row",justifyContent:"space-between",alignItems:"center",width:"100%",children:[e.jsx(g,{onClick:a,children:e.jsx(N,{})}),e.jsx(z,{variant:"subtitle1",fontWeight:600,sx:{flex:1,textAlign:"center"},children:i.title}),e.jsx(g,{onClick:d,children:e.jsx(K,{})})]}),i.type==="video"?e.jsx(c,{component:"video",ref:h,src:i.url,controls:!0,autoPlay:!0,sx:{width:"100%",maxWidth:"900px",maxHeight:"70vh",objectFit:"contain",bgcolor:"#000",borderRadius:1}},i.url):e.jsx(c,{component:"img",src:i.url,alt:i.title,sx:{transform:`scale(${l}) rotate(${r}deg)`,transition:"transform 0.2s ease",width:"100%",maxWidth:"900px",maxHeight:"70vh",objectFit:"contain",borderRadius:1}})]}),e.jsxs(L,{sx:{display:"flex",justifyContent:i.type==="image"?"space-between":"end",flexWrap:"wrap",gap:1},children:[i.type==="image"&&e.jsxs(e.Fragment,{children:[e.jsxs(y,{direction:"row",spacing:1,children:[e.jsx(x,{variant:"outlined",startIcon:e.jsx(O,{}),onClick:()=>m(n=>n+.25),children:"Zoom +"}),e.jsx(x,{variant:"outlined",startIcon:e.jsx(P,{}),onClick:()=>m(n=>Math.max(.25,n-.25)),children:"Zoom −"})]}),e.jsxs(y,{direction:"row",spacing:1,children:[e.jsx(x,{variant:"outlined",onClick:()=>u(n=>n-90),children:e.jsx(U,{})}),e.jsx(x,{variant:"outlined",onClick:()=>u(n=>n+90),children:e.jsx(Z,{})})]}),e.jsx(x,{variant:"outlined",startIcon:e.jsx($,{}),onClick:()=>{m(1),u(0)},children:"Reset"})]}),e.jsx(x,{variant:"contained",startIcon:e.jsx(R,{}),onClick:s,children:"Cerrar"})]})]});G.__docgenInfo={description:"",methods:[],displayName:"GalleryLightbox",props:{open:{required:!0,tsType:{name:"boolean"},description:""},onClose:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},item:{required:!0,tsType:{name:"signature",type:"object",raw:`{
-  url: string;
-  type: "image" | "video" | string;
-  title: string;
-  thumbnail: string;
-}`,signature:{properties:[{key:"url",value:{name:"string",required:!0}},{key:"type",value:{name:"union",raw:'"image" | "video" | string',elements:[{name:"literal",value:'"image"'},{name:"literal",value:'"video"'},{name:"string"}],required:!0}},{key:"title",value:{name:"string",required:!0}},{key:"thumbnail",value:{name:"string",required:!0}}]}},description:""},handlePrev:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},handleNext:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},zoom:{required:!0,tsType:{name:"number"},description:""},setZoom:{required:!0,tsType:{name:"ReactDispatch",raw:"React.Dispatch<React.SetStateAction<number>>",elements:[{name:"ReactSetStateAction",raw:"React.SetStateAction<number>",elements:[{name:"number"}]}]},description:""},rotation:{required:!0,tsType:{name:"number"},description:""},setRotation:{required:!0,tsType:{name:"ReactDispatch",raw:"React.Dispatch<React.SetStateAction<number>>",elements:[{name:"ReactSetStateAction",raw:"React.SetStateAction<number>",elements:[{name:"number"}]}]},description:""},videoRef:{required:!1,tsType:{name:"ReactRefObject",raw:"React.RefObject<HTMLVideoElement | null>",elements:[{name:"union",raw:"HTMLVideoElement | null",elements:[{name:"HTMLVideoElement"},{name:"null"}]}]},description:""}}};const D=({items:t,maxWidth:s="600px"})=>{const i=_("(max-width:700px)"),[a,d]=f.useState(0),[l,m]=f.useState(!1),[r,u]=f.useState(1),[h,n]=f.useState(0),b=f.useRef(null),[B,j]=f.useState(0),v=i?3:5,I=()=>{j(o=>Math.max(0,o-1))},V=()=>{j(o=>Math.min(t.length-v,o+1))},M=()=>{d(o=>o===0?t.length-1:o-1)},H=()=>{d(o=>o===t.length-1?0:o+1)};return f.useEffect(()=>{if(!l)return;const o=T=>{switch(T.key){case"ArrowLeft":M();break;case"ArrowRight":H();break;case"Escape":m(!1);break}};return window.addEventListener("keydown",o),()=>window.removeEventListener("keydown",o)},[l,t.length]),f.useEffect(()=>{l&&t[a]?.type==="video"&&b.current&&(b.current.currentTime=0,b.current.play()),u(1),n(0)},[l,a,t]),e.jsxs(y,{direction:i?"column":"row",gap:3,sx:{maxWidth:s,mx:"auto",minHeight:300},children:[e.jsx(A,{items:t,selectedIdx:a,onSelect:d,thumbStartIdx:B,THUMB_VISIBLE_COUNT:v,handleThumbUp:I,handleThumbDown:V,isMobile:i}),e.jsx(q,{item:t[a],onOpenLightbox:()=>m(!0),isMobile:i}),e.jsx(G,{open:l,onClose:()=>m(!1),item:t[a],handlePrev:M,handleNext:H,zoom:r,setZoom:u,rotation:h,setRotation:n,videoRef:b})]})};D.__docgenInfo={description:"",methods:[],displayName:"Gallery",props:{items:{required:!0,tsType:{name:"Array",elements:[{name:"signature",type:"object",raw:`{
-  url: string;
-  type: "image" | "video" | string;
-  title: string;
-  thumbnail: string;
-}`,signature:{properties:[{key:"url",value:{name:"string",required:!0}},{key:"type",value:{name:"union",raw:'"image" | "video" | string',elements:[{name:"literal",value:'"image"'},{name:"literal",value:'"video"'},{name:"string"}],required:!0}},{key:"title",value:{name:"string",required:!0}},{key:"thumbnail",value:{name:"string",required:!0}}]}}],raw:`Array<{
-  url: string;
-  type: "image" | "video" | string;
-  title: string;
-  thumbnail: string;
-}>`},description:""},maxWidth:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'600px'",computed:!1}}}};const Q=`
-<Gallery
-  maxWidth="600px"
-  items={[
-    {
-      type: "image",
-      url: "https://images.unsplash.com/photo-1506744038136-46273834b3fb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80",
-      title: "Image 1",
-      thumbnail: "https://images.unsplash.com/photo-1506744038136-46273834b3fb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"
-    },
-    {
-      type: "image",
-      url: "https://images.unsplash.com/photo-1511765224389-37f0e77cf0eb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80",
-      title: "Image 2",
-      thumbnail: "https://images.unsplash.com/photo-1511765224389-37f0e77cf0eb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"
-    },
-    {
-      type: "image",
-      url: "https://images.unsplash.com/photo-1500534623283-312aade485b7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80",
-      title: "Image 3",
-      thumbnail: "https://images.unsplash.com/photo-1500534623283-312aade485b7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"
-    },
-    {
-      type: "video",
-      url: "https://www.w3schools.com/html/mov_bbb.mp4",
-      title: "Video 1",
-      thumbnail: "https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
-    },
-    {
-      type: "image",
-      url: "https://images.unsplash.com/photo-1494526585095-c41746248156?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80",
-      title: "Image 4",
-      thumbnail: "https://images.unsplash.com/photo-1494526585095-c41746248156?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"
-    }
-  ]}
-/>
-`.trim(),Ce={title:"Components/Gallery",component:D,parameters:{layout:"centered"},tags:["autodocs"]},w={args:{maxWidth:"600px",items:[{type:"image",url:"https://images.unsplash.com/photo-1506744038136-46273834b3fb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80",title:"Image 1",thumbnail:"https://images.unsplash.com/photo-1506744038136-46273834b3fb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"},{type:"image",url:"https://images.unsplash.com/photo-1511765224389-37f0e77cf0eb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80",title:"Image 2",thumbnail:"https://images.unsplash.com/photo-1511765224389-37f0e77cf0eb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"},{type:"image",url:"https://images.unsplash.com/photo-1500534623283-312aade485b7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80",title:"Image 3",thumbnail:"https://images.unsplash.com/photo-1500534623283-312aade485b7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"},{type:"video",url:"https://www.w3schools.com/html/mov_bbb.mp4",title:"Video 1",thumbnail:"https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"},{type:"image",url:"https://images.unsplash.com/photo-1494526585095-c41746248156?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80",title:"Image 4",thumbnail:"https://images.unsplash.com/photo-1494526585095-c41746248156?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"}]},render:t=>e.jsx(D,{...t}),parameters:{docs:{description:{story:"Ejemplo básico de Gallery, permite ver imagenes y videos"},source:{code:Q},argTypes:{maxWidth:{description:"Permite ajustar el maxwidht de el componente gallery"},items:{control:!1,description:`Array de objetos con la información de las imágenes y videos a mostrar, la estructura de los objetos es la siguiente : {
-                    type: "image" | "video",
-                    url: string,
-                    title: string,
-                    thumbnail: string
-                }`}}}}};w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
-  args: {
-    maxWidth: "600px",
-    items: [{
-      type: "image",
-      url: "https://images.unsplash.com/photo-1506744038136-46273834b3fb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80",
-      title: "Image 1",
-      thumbnail: "https://images.unsplash.com/photo-1506744038136-46273834b3fb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"
-    }, {
-      type: "image",
-      url: "https://images.unsplash.com/photo-1511765224389-37f0e77cf0eb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80",
-      title: "Image 2",
-      thumbnail: "https://images.unsplash.com/photo-1511765224389-37f0e77cf0eb?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"
-    }, {
-      type: "image",
-      url: "https://images.unsplash.com/photo-1500534623283-312aade485b7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80",
-      title: "Image 3",
-      thumbnail: "https://images.unsplash.com/photo-1500534623283-312aade485b7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"
-    }, {
-      type: "video",
-      url: "https://www.w3schools.com/html/mov_bbb.mp4",
-      title: "Video 1",
-      thumbnail: "https://peach.blender.org/wp-content/uploads/title_anouncement.jpg?x11217"
-    }, {
-      type: "image",
-      url: "https://images.unsplash.com/photo-1494526585095-c41746248156?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80",
-      title: "Image 4",
-      thumbnail: "https://images.unsplash.com/photo-1494526585095-c41746248156?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1170&q=80"
-    }]
-  },
-  render: args => <Gallery {...args} />,
-  parameters: {
-    docs: {
-      description: {
-        story: "Ejemplo básico de Gallery, permite ver imagenes y videos"
-      },
-      source: {
-        code: DefaultGalleryDefinition
-      },
-      argTypes: {
-        maxWidth: {
-          description: 'Permite ajustar el maxwidht de el componente gallery'
-        },
-        items: {
-          control: false,
-          description: \`Array de objetos con la información de las imágenes y videos a mostrar, la estructura de los objetos es la siguiente : {
-                    type: "image" | "video",
-                    url: string,
-                    title: string,
-                    thumbnail: string
-                }\`
-        }
-      }
-    }
-  }
-}`,...w.parameters?.docs?.source}}};const Re=["Default"];export{w as Default,Re as __namedExportsOrder,Ce as default};

package/storybook-static/assets/Grow-8y4FglGK.js

@@ -1 +0,0 @@
-import{r as d}from"./iframe-BAJnc_4n.js";import{u as B}from"./useTheme-BmOJK7ra.js";import{j as J}from"./jsx-runtime-D_zvdyIk.js";import{T as M,g as N,a as v,r as O}from"./getReactElementRef-BQ3ANZdy.js";import{c as Q}from"./useTimeout-DNjRaOWc.js";import{u as U}from"./useForkRef-0ANIrxcF.js";function p(l){return`scale(${l}, ${l**2})`}const V={entering:{opacity:1,transform:p(1)},entered:{opacity:1,transform:"none"}},E=typeof navigator<"u"&&/^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent)&&/(os |version\/)15(.|_)4/i.test(navigator.userAgent),j=d.forwardRef(function(w,A){const{addEndListener:h,appear:D=!0,children:f,easing:y,in:x,onEnter:T,onEntered:H,onEntering:F,onExit:R,onExited:G,onExiting:L,style:m,timeout:i="auto",TransitionComponent:S=M,...C}=w,P=Q(),g=d.useRef(),r=B(),u=d.useRef(null),$=U(u,N(f),A),s=t=>o=>{if(t){const n=u.current;o===void 0?t(n):t(n,o)}},b=s(F),z=s((t,o)=>{O(t);const{duration:n,delay:c,easing:e}=v({style:m,timeout:i,easing:y},{mode:"enter"});let a;i==="auto"?(a=r.transitions.getAutoHeightDuration(t.clientHeight),g.current=a):a=n,t.style.transition=[r.transitions.create("opacity",{duration:a,delay:c}),r.transitions.create("transform",{duration:E?a:a*.666,delay:c,easing:e})].join(","),T&&T(t,o)}),K=s(H),W=s(L),_=s(t=>{const{duration:o,delay:n,easing:c}=v({style:m,timeout:i,easing:y},{mode:"exit"});let e;i==="auto"?(e=r.transitions.getAutoHeightDuration(t.clientHeight),g.current=e):e=o,t.style.transition=[r.transitions.create("opacity",{duration:e,delay:n}),r.transitions.create("transform",{duration:E?e:e*.666,delay:E?n:n||e*.333,easing:c})].join(","),t.style.opacity=0,t.style.transform=p(.75),R&&R(t)}),k=s(G),q=t=>{i==="auto"&&P.start(g.current||0,t),h&&h(u.current,t)};return J.jsx(S,{appear:D,in:x,nodeRef:u,onEnter:z,onEntered:K,onEntering:b,onExit:_,onExited:k,onExiting:W,addEndListener:q,timeout:i==="auto"?null:i,...C,children:(t,{ownerState:o,...n})=>d.cloneElement(f,{style:{opacity:0,transform:p(.75),visibility:t==="exited"&&!x?"hidden":void 0,...V[t],...m,...f.props.style},ref:$,...n})})});j&&(j.muiSupportAuto=!0);export{j as G};

package/storybook-static/assets/Home-BRvJEp2L.js

@@ -1 +0,0 @@
-import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{c as t}from"./createSvgIcon-D_Gca4vA.js";const m=t(o.jsx("path",{d:"M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"}));export{m as H};