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

package/storybook-static/assets/InputGroup.stories-DH6gUfmn.js

@@ -1,306 +0,0 @@
-import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{r as p}from"./iframe-BAJnc_4n.js";import{d as T}from"./PickersModalDialog-Tjnr_cu5.js";import{B as u}from"./Box-BnhEcfFm.js";import{I as d}from"./Input-CjX0t4h-.js";import{S as R}from"./Select-CjcuMAY0.js";import{B as c}from"./Button-D9h7OggD.js";import{D as q}from"./DatePicker-Clkpr-Ku.js";import{T as f}from"./Typography-BgntX2Ep.js";import"./preload-helper-PPVm8Dsz.js";import"./DefaultPropsProvider-BGoQxtDa.js";import"./useTimeout-DNjRaOWc.js";import"./useSlotProps-C0uMfuBt.js";import"./useSlot-b6pXgp5_.js";import"./useForkRef-0ANIrxcF.js";import"./useThemeProps-U4yXiZ_5.js";import"./useThemeProps-DYtxXiUU.js";import"./extendSxProp-CEpa30hT.js";import"./Fade-Ll96CvH8.js";import"./useTheme-BmOJK7ra.js";import"./getReactElementRef-BQ3ANZdy.js";import"./index-CY7j4a7o.js";import"./index-BF3FAXTk.js";import"./Grow-8y4FglGK.js";import"./Modal-3okp9H2i.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-Cj8XF9Lf.js";import"./Paper-SwQBhqI7.js";import"./Popper-CnCTYXxy.js";import"./index-CIeucmOB.js";import"./useControlled-DsVh1a5j.js";import"./useId-b4fZxjOL.js";import"./Button-DBpqmVB_.js";import"./createSimplePaletteValueFilter-bm0fmN_7.js";import"./ButtonBase-qyaMEhe4.js";import"./emotion-react.browser.esm--g-C9cX9.js";import"./isFocusVisible-B8k4qzLc.js";import"./CircularProgress-DC7ZNWwl.js";import"./DialogContent-BeCDKgax.js";import"./ListItem-D3O0103N.js";import"./Menu-ClzfjLc3.js";import"./debounce-Be36O1Ab.js";import"./mergeSlotProps-B0UBKBMe.js";import"./isMuiElement-CTZSFcY5.js";import"./Chip-C3vKPpzR.js";import"./createSvgIcon-D_Gca4vA.js";import"./TextField-22T-xHBm.js";import"./Select-DJh2biEb.js";import"./visuallyHidden-Dan1xhjv.js";import"./IconButton-9OYSTH58.js";import"./formField.sx-DMCmZIAa.js";import"./resolvePreset-CN2aOJJr.js";import"./Clear-4kYcKvT3.js";import"./Avatar-NbFfkZws.js";import"./MenuItem-iU6tAqJI.js";import"./listItemTextClasses-CC_rwJam.js";import"./ListItemIcon-hca6xN79.js";import"./useMobilePicker-DK-c8xbD.js";const B=(o,t)=>{if(!t)return o;const r=Array.isArray(o)?o:[o],n=Array.isArray(t)?t:[t];return[...r,...n]},l=({children:o,sx:t,slotSx:r,borderRadius:n=10,disabled:a,orientation:y="horizontal",className:G})=>{const i=typeof n=="number"?`${n}px`:n,S=p.Children.toArray(o).filter(p.isValidElement),m=y==="horizontal",D={marginTop:"14px",display:"flex",flexDirection:m?"row":"column",alignItems:"stretch",width:"100%",border:s=>`1px solid ${s.palette.divider}`,borderRadius:i,backgroundColor:"background.paper",transition:"border-color 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms, box-shadow 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms","&:focus-within":{borderColor:"primary.main",boxShadow:s=>`0 0 0 1px ${s.palette.primary.main}`},opacity:a?.6:1,pointerEvents:a?"none":"auto","& .MuiFormControl-root, & > .InputGroup__slot > .MuiTextField-root, & > .InputGroup__slot > .MuiFormControl-root":{marginTop:0},"& .MuiOutlinedInput-notchedOutline":{border:"none"},"& .MuiInputBase-root, & .MuiChip-root":{borderRadius:0},"& .MuiButton-root":{borderRadius:0,height:"100%",boxShadow:"none",border:"none"},"& > .InputGroup__slot":{flex:1,display:"flex",alignItems:"center",minWidth:0,...m?{borderRight:s=>`1px solid ${s.palette.divider}`}:{borderBottom:s=>`1px solid ${s.palette.divider}`},"&:last-of-type":{borderRight:"none",borderBottom:"none"}},"& > .InputGroup__slot:first-of-type .MuiInputBase-root, & > .InputGroup__slot:first-of-type .MuiButton-root, & > .InputGroup__slot:first-of-type .MuiChip-root":m?{borderTopLeftRadius:i,borderBottomLeftRadius:i}:{borderTopLeftRadius:i,borderTopRightRadius:i},"& > .InputGroup__slot:last-of-type .MuiInputBase-root, & > .InputGroup__slot:last-of-type .MuiButton-root, & > .InputGroup__slot:last-of-type .MuiChip-root":m?{borderTopRightRadius:i,borderBottomRightRadius:i}:{borderBottomLeftRadius:i,borderBottomRightRadius:i}},j={flex:1,display:"flex",alignItems:"center",minWidth:0};return e.jsx(u,{"data-testid":"input-group",className:G,"aria-disabled":a?"true":void 0,sx:B(D,t),children:S.map((s,C)=>e.jsx(u,{className:"InputGroup__slot",sx:B(j,r),children:s},C))})};l.__docgenInfo={description:`Agrupa visualmente varios componentes de entrada (Input / Select / DatePicker /
-Button, etc.) compartiendo un solo borde y con separadores internos.
-
-El grupo respeta el espacio que Input/Select reservan para su label \`outside\`
-(marginTop=14px) moviendo ese reservado al contenedor externo y cancelándolo
-en los hijos. Los labels siguen flotando por encima del borde del grupo con
-la misma animación que fuera del grupo.
-
-No inspecciona el tipo de cada hijo; aplica los overrides a través de
-descendant selectors por CSS para funcionar con cualquier wrapper / memoizado.`,methods:[],displayName:"InputGroup",props:{children:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},sx:{required:!1,tsType:{name:"SxProps",elements:[{name:"Theme"}],raw:"SxProps<Theme>"},description:"sx aplicado al contenedor raíz del grupo. Se mergea sobre los defaults."},slotSx:{required:!1,tsType:{name:"SxProps",elements:[{name:"Theme"}],raw:"SxProps<Theme>"},description:`sx aplicado a cada slot individual. Útil para controlar flex/gap entre
-los hijos del grupo.`},borderRadius:{required:!1,tsType:{name:"union",raw:"number | string",elements:[{name:"number"},{name:"string"}]},description:"Radio del borde del grupo. Default: 10.",defaultValue:{value:"10",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"Desactiva visualmente el grupo (no cascada lógica — los hijos deben\nmanejar su propio `disabled`)."},orientation:{required:!1,tsType:{name:"union",raw:"'horizontal' | 'vertical'",elements:[{name:"literal",value:"'horizontal'"},{name:"literal",value:"'vertical'"}]},description:"Orientación del grupo. Default: 'horizontal'.",defaultValue:{value:"'horizontal'",computed:!1}},className:{required:!1,tsType:{name:"string"},description:""}}};const _=`
-import { useState } from 'react';
-import { Box, Typography } from '@mui/material';
-import InputGroup from './InputGroup';
-import { Input } from '../Input';
-import { Button } from '../Button';
-
-export const BasicInputGroupExample = () => {
-    const [text, setText] = useState('');
-    return (
-        <Box>
-            <Typography variant="h6" sx={{ mb: 2 }}>
-                Grupo de entrada básico
-            </Typography>
-            <InputGroup>
-                <Input label="Buscar" value={text} onChange={(val) => setText(val as string)} />
-                <Button variant="outlined">Buscar</Button>
-            </InputGroup>
-        </Box>
-    );
-};
-`,w=`
-import { useState } from 'react';
-import { Box, Typography } from '@mui/material';
-import InputGroup from './InputGroup';
-import { Input } from '../Input';
-import Select, { SelectOption } from '../Select/Select';
-import { Button } from '../Button';
-
-const basicOptions: SelectOption[] = [
-    { value: '10', label: '10' },
-    { value: '25', label: '25' },
-    { value: '50', label: '50' },
-    { value: '100', label: '100' },
-];
-
-export const CombinedInputGroupExample = () => {
-    const [text, setText] = useState('');
-    const [selectValue, setSelectValue] = useState('25');
-
-    return (
-        <Box>
-            <Typography variant="h6" sx={{ mb: 2 }}>
-                Grupo de entrada combinado
-            </Typography>
-            <InputGroup>
-                <Select
-                    label="Registros"
-                    options={basicOptions}
-                    value={selectValue}
-                    onChange={(val) => setSelectValue(val as string)}
-                />
-                <Input
-                    label="Filtrar por nombre"
-                    value={text}
-                    onChange={(val) => setText(val as string)}
-                />
-                <Button variant="contained">Aplicar</Button>
-            </InputGroup>
-        </Box>
-    );
-};
-`,E=`
-import { useState } from 'react';
-import { Box, Typography } from '@mui/material';
-import dayjs, { Dayjs } from 'dayjs';
-import InputGroup from './InputGroup';
-import { DatePicker } from '../DatePicker';
-import { Button } from '../Button';
-
-export const DatePickerInputGroupExample = () => {
-    const [selectedDate, setSelectedDate] = useState<Dayjs | null>(dayjs());
-
-    return (
-        <Box>
-            <Typography variant="h6" sx={{ mb: 2 }}>
-                Grupo de entrada con DatePicker
-            </Typography>
-            <InputGroup>
-                <DatePicker
-                    label="Fecha de inicio"
-                    selectedDate={selectedDate}
-                    onDateChange={(date) => setSelectedDate(date)}
-                />
-                <Button variant="contained">Ver calendario</Button>
-            </InputGroup>
-        </Box>
-    );
-};
-`,P=`
-import { useState } from 'react';
-import { Box } from '@mui/material';
-import InputGroup from './InputGroup';
-import { Input } from '../Input';
-
-export const VerticalInputGroupExample = () => {
-    const [nombre, setNombre] = useState('');
-    const [email, setEmail] = useState('');
-
-    return (
-        <Box sx={{ width: 320 }}>
-            <InputGroup orientation="vertical">
-                <Input label="Nombre" value={nombre} onChange={(val) => setNombre(val as string)} />
-                <Input label="Email" value={email} onChange={(val) => setEmail(val as string)} />
-            </InputGroup>
-        </Box>
-    );
-};
-`,V=`
-import { useState } from 'react';
-import { Box } from '@mui/material';
-import InputGroup from './InputGroup';
-import { Input } from '../Input';
-import { Button } from '../Button';
-
-export const CustomStylingInputGroupExample = () => {
-    const [q, setQ] = useState('');
-
-    return (
-        <Box sx={{ width: 500 }}>
-            <InputGroup
-                borderRadius={999}
-                sx={{
-                    bgcolor: 'action.hover',
-                    borderColor: 'primary.main',
-                }}
-            >
-                <Input label="Búsqueda avanzada" value={q} onChange={(val) => setQ(val as string)} />
-                <Button variant="contained" color="primary">Buscar</Button>
-            </InputGroup>
-        </Box>
-    );
-};
-`,k=`
-import { Box } from '@mui/material';
-import InputGroup from './InputGroup';
-import { Input } from '../Input';
-import { Button } from '../Button';
-
-export const DisabledInputGroupExample = () => (
-    <Box sx={{ width: 400 }}>
-        <InputGroup disabled>
-            <Input label="Búsqueda" value="" onChange={() => {}} disabled />
-            <Button variant="outlined" disabled>Buscar</Button>
-        </InputGroup>
-    </Box>
-);
-`,Le={title:"Components/InputGroup",component:l,tags:["autodocs"],parameters:{layout:"centered",docs:{description:{component:"Agrupa visualmente varios campos (Input / Select / DatePicker / Button, etc.) bajo un único borde, con separadores internos por cada slot. Respeta el espacio reservado para los labels `outside` de Input/Select, y mantiene el contenido centrado verticalmente sin importar si cada hijo tiene label o no."}}},decorators:[o=>e.jsx(u,{sx:{width:600,maxWidth:"100%"},children:e.jsx(o,{})})],argTypes:{borderRadius:{control:"number",description:"Radio del borde del grupo. Default: 10."},orientation:{control:"radio",options:["horizontal","vertical"],description:"Orientación del grupo."},disabled:{control:"boolean",description:"Desactiva visualmente el grupo (los hijos manejan su propio `disabled` lógico)."},sx:{control:!1,description:"sx del contenedor raíz. Se mergea sobre los defaults."},slotSx:{control:!1,description:"sx aplicado a cada slot que envuelve un hijo."}}},z=[{value:"10",label:"10"},{value:"25",label:"25"},{value:"50",label:"50"},{value:"100",label:"100"}],b={render:()=>{const[o,t]=p.useState("");return e.jsxs(u,{children:[e.jsx(f,{variant:"h6",sx:{mb:2},children:"Grupo de entrada básico"}),e.jsxs(l,{children:[e.jsx(d,{label:"Buscar",value:o,onChange:r=>t(r)}),e.jsx(c,{variant:"outlined",children:"Buscar"})]})]})},parameters:{docs:{description:{story:"Un grupo de entrada simple que combina un campo de texto y un botón."},source:{code:_.trim()}}}},x={render:()=>{const[o,t]=p.useState(""),[r,n]=p.useState("25");return e.jsxs(u,{children:[e.jsx(f,{variant:"h6",sx:{mb:2},children:"Grupo de entrada combinado"}),e.jsxs(l,{children:[e.jsx(R,{label:"Registros",options:z,value:r,onChange:a=>n(a)}),e.jsx(d,{label:"Filtrar por nombre",value:o,onChange:a=>t(a)}),e.jsx(c,{variant:"contained",children:"Aplicar"})]})]})},parameters:{docs:{description:{story:"Select + Input + Button compartiendo un borde. Los labels de Select e Input flotan por encima del borde del grupo con la misma animación que fuera del grupo."},source:{code:w.trim()}}}},h={render:()=>{const[o,t]=p.useState(T());return e.jsxs(u,{children:[e.jsx(f,{variant:"h6",sx:{mb:2},children:"Grupo de entrada con DatePicker"}),e.jsxs(l,{children:[e.jsx(q,{label:"Fecha de inicio",selectedDate:o,onDateChange:r=>t(r)}),e.jsx(c,{variant:"contained",children:"Ver calendario"})]})]})},parameters:{docs:{description:{story:"Un grupo de entrada que combina un `DatePicker` con un botón de acción."},source:{code:E.trim()}}}},g={render:()=>{const[o,t]=p.useState(""),[r,n]=p.useState("");return e.jsx(u,{sx:{width:320},children:e.jsxs(l,{orientation:"vertical",children:[e.jsx(d,{label:"Nombre",value:o,onChange:a=>t(a)}),e.jsx(d,{label:"Email",value:r,onChange:a=>n(a)})]})})},parameters:{docs:{description:{story:"Grupo en orientación vertical: los separadores pasan a ser horizontales entre slots."},source:{code:P.trim()}}}},v={render:()=>{const[o,t]=p.useState("");return e.jsx(u,{sx:{width:500},children:e.jsxs(l,{borderRadius:999,sx:{bgcolor:"action.hover",borderColor:"primary.main"},children:[e.jsx(d,{label:"Búsqueda avanzada",value:o,onChange:r=>t(r)}),e.jsx(c,{variant:"contained",color:"primary",children:"Buscar"})]})})},parameters:{docs:{description:{story:"Demo del passthrough de `sx` y `borderRadius`. El consumidor puede pintar fondo, cambiar el color del borde o dejar el grupo completamente pill-shaped (`borderRadius={999}`) sin tocar el componente."},source:{code:V.trim()}}}},I={render:()=>e.jsx(u,{sx:{width:400},children:e.jsxs(l,{disabled:!0,children:[e.jsx(d,{label:"Búsqueda",value:"",onChange:()=>{},disabled:!0}),e.jsx(c,{variant:"outlined",disabled:!0,children:"Buscar"})]})}),parameters:{docs:{description:{story:"`disabled` aplica opacidad y bloquea interacciones en el grupo. Cada hijo debe manejar su propio `disabled` lógico (validación, formularios, etc.)."},source:{code:k.trim()}}}};b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [text, setText] = useState('');
-    return <Box>
-        <Typography variant="h6" sx={{
-        mb: 2
-      }}>
-          Grupo de entrada básico
-        </Typography>
-        <InputGroup>
-          <Input label="Buscar" value={text} onChange={val => setText(val as string)} />
-          <Button variant="outlined">Buscar</Button>
-        </InputGroup>
-      </Box>;
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Un grupo de entrada simple que combina un campo de texto y un botón.'
-      },
-      source: {
-        code: BasicInputGroupDefinition.trim()
-      }
-    }
-  }
-}`,...b.parameters?.docs?.source}}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [text, setText] = useState('');
-    const [selectValue, setSelectValue] = useState('25');
-    return <Box>
-        <Typography variant="h6" sx={{
-        mb: 2
-      }}>
-          Grupo de entrada combinado
-        </Typography>
-        <InputGroup>
-          <Select label="Registros" options={basicOptions} value={selectValue} onChange={val => setSelectValue(val as string)} />
-          <Input label="Filtrar por nombre" value={text} onChange={val => setText(val as string)} />
-          <Button variant="contained">Aplicar</Button>
-        </InputGroup>
-      </Box>;
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Select + Input + Button compartiendo un borde. Los labels de Select e Input flotan por encima del borde del grupo con la misma animación que fuera del grupo.'
-      },
-      source: {
-        code: CombinedInputGroupDefinition.trim()
-      }
-    }
-  }
-}`,...x.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [selectedDate, setSelectedDate] = useState<Dayjs | null>(dayjs());
-    return <Box>
-        <Typography variant="h6" sx={{
-        mb: 2
-      }}>
-          Grupo de entrada con DatePicker
-        </Typography>
-        <InputGroup>
-          <DatePicker label="Fecha de inicio" selectedDate={selectedDate} onDateChange={date => setSelectedDate(date)} />
-          <Button variant="contained">Ver calendario</Button>
-        </InputGroup>
-      </Box>;
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Un grupo de entrada que combina un \`DatePicker\` con un botón de acción.'
-      },
-      source: {
-        code: DatePickerInputGroupDefinition.trim()
-      }
-    }
-  }
-}`,...h.parameters?.docs?.source}}};g.parameters={...g.parameters,docs:{...g.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [nombre, setNombre] = useState('');
-    const [email, setEmail] = useState('');
-    return <Box sx={{
-      width: 320
-    }}>
-        <InputGroup orientation="vertical">
-          <Input label="Nombre" value={nombre} onChange={val => setNombre(val as string)} />
-          <Input label="Email" value={email} onChange={val => setEmail(val as string)} />
-        </InputGroup>
-      </Box>;
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Grupo en orientación vertical: los separadores pasan a ser horizontales entre slots.'
-      },
-      source: {
-        code: VerticalInputGroupDefinition.trim()
-      }
-    }
-  }
-}`,...g.parameters?.docs?.source}}};v.parameters={...v.parameters,docs:{...v.parameters?.docs,source:{originalSource:`{
-  render: () => {
-    const [q, setQ] = useState('');
-    return <Box sx={{
-      width: 500
-    }}>
-        <InputGroup borderRadius={999} sx={{
-        bgcolor: 'action.hover',
-        borderColor: 'primary.main'
-      }}>
-          <Input label="Búsqueda avanzada" value={q} onChange={val => setQ(val as string)} />
-          <Button variant="contained" color="primary">
-            Buscar
-          </Button>
-        </InputGroup>
-      </Box>;
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Demo del passthrough de \`sx\` y \`borderRadius\`. El consumidor puede pintar fondo, cambiar el color del borde o dejar el grupo completamente pill-shaped (\`borderRadius={999}\`) sin tocar el componente.'
-      },
-      source: {
-        code: CustomStylingInputGroupDefinition.trim()
-      }
-    }
-  }
-}`,...v.parameters?.docs?.source}}};I.parameters={...I.parameters,docs:{...I.parameters?.docs,source:{originalSource:`{
-  render: () => <Box sx={{
-    width: 400
-  }}>
-      <InputGroup disabled>
-        <Input label="Búsqueda" value="" onChange={() => {}} disabled />
-        <Button variant="outlined" disabled>
-          Buscar
-        </Button>
-      </InputGroup>
-    </Box>,
-  parameters: {
-    docs: {
-      description: {
-        story: '\`disabled\` aplica opacidad y bloquea interacciones en el grupo. Cada hijo debe manejar su propio \`disabled\` lógico (validación, formularios, etc.).'
-      },
-      source: {
-        code: DisabledInputGroupDefinition.trim()
-      }
-    }
-  }
-}`,...I.parameters?.docs?.source}}};const Qe=["BasicInputGroup","CombinedInputGroup","DatePickerInputGroup","VerticalInputGroup","CustomStyling","DisabledGroup"];export{b as BasicInputGroup,x as CombinedInputGroup,v as CustomStyling,h as DatePickerInputGroup,I as DisabledGroup,g as VerticalInputGroup,Qe as __namedExportsOrder,Le as default};

package/storybook-static/assets/KeyboardArrowRight-WO_attK2.js

@@ -1 +0,0 @@
-import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{c as r}from"./createSvgIcon-D_Gca4vA.js";const s=r(o.jsx("path",{d:"M15.41 16.59 10.83 12l4.58-4.59L14 6l-6 6 6 6z"})),c=r(o.jsx("path",{d:"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z"}));export{s as K,c as a};

package/storybook-static/assets/KeyboardArrowUp-DsyVef-i.js

@@ -1 +0,0 @@
-import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{c as r}from"./createSvgIcon-D_Gca4vA.js";const a=r(o.jsx("path",{d:"M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z"}));export{a as K};

package/storybook-static/assets/ListItem-D3O0103N.js

@@ -1 +0,0 @@
-import{r as a}from"./iframe-BAJnc_4n.js";import{g as N,a as C,u as w,s as h,c as v,d as U,m as Y}from"./DefaultPropsProvider-BGoQxtDa.js";import{b}from"./Menu-ClzfjLc3.js";import{j as r}from"./jsx-runtime-D_zvdyIk.js";import{i as q}from"./isMuiElement-CTZSFcY5.js";import{u as J}from"./useForkRef-0ANIrxcF.js";import{i as j}from"./useSlot-b6pXgp5_.js";function K(e){return N("MuiListItem",e)}C("MuiListItem",["root","container","dense","alignItemsFlexStart","divider","gutters","padding","secondaryAction"]);const O=C("MuiListItemButton",["root","focusVisible","dense","alignItemsFlexStart","disabled","divider","gutters","selected"]);function Q(e){return N("MuiListItemSecondaryAction",e)}C("MuiListItemSecondaryAction",["root","disableGutters"]);const W=e=>{const{disableGutters:t,classes:s}=e;return U({root:["root",t&&"disableGutters"]},Q,s)},X=h("div",{name:"MuiListItemSecondaryAction",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:s}=e;return[t.root,s.disableGutters&&t.disableGutters]}})({position:"absolute",right:16,top:"50%",transform:"translateY(-50%)",variants:[{props:({ownerState:e})=>e.disableGutters,style:{right:0}}]}),k=a.forwardRef(function(t,s){const o=w({props:t,name:"MuiListItemSecondaryAction"}),{className:n,...c}=o,p=a.useContext(b),i={...o,disableGutters:p.disableGutters},g=W(i);return r.jsx(X,{className:v(g.root,n),ownerState:i,ref:s,...c})});k.muiName="ListItemSecondaryAction";const Z=(e,t)=>{const{ownerState:s}=e;return[t.root,s.dense&&t.dense,s.alignItems==="flex-start"&&t.alignItemsFlexStart,s.divider&&t.divider,!s.disableGutters&&t.gutters,!s.disablePadding&&t.padding,s.hasSecondaryAction&&t.secondaryAction]},_=e=>{const{alignItems:t,classes:s,dense:o,disableGutters:n,disablePadding:c,divider:p,hasSecondaryAction:i}=e;return U({root:["root",o&&"dense",!n&&"gutters",!c&&"padding",p&&"divider",t==="flex-start"&&"alignItemsFlexStart",i&&"secondaryAction"],container:["container"]},K,s)},tt=h("div",{name:"MuiListItem",slot:"Root",overridesResolver:Z})(Y(({theme:e})=>({display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",width:"100%",boxSizing:"border-box",textAlign:"left",variants:[{props:({ownerState:t})=>!t.disablePadding,style:{paddingTop:8,paddingBottom:8}},{props:({ownerState:t})=>!t.disablePadding&&t.dense,style:{paddingTop:4,paddingBottom:4}},{props:({ownerState:t})=>!t.disablePadding&&!t.disableGutters,style:{paddingLeft:16,paddingRight:16}},{props:({ownerState:t})=>!t.disablePadding&&!!t.secondaryAction,style:{paddingRight:48}},{props:({ownerState:t})=>!!t.secondaryAction,style:{[`& > .${O.root}`]:{paddingRight:48}}},{props:{alignItems:"flex-start"},style:{alignItems:"flex-start"}},{props:({ownerState:t})=>t.divider,style:{borderBottom:`1px solid ${(e.vars||e).palette.divider}`,backgroundClip:"padding-box"}},{props:({ownerState:t})=>t.button,style:{transition:e.transitions.create("background-color",{duration:e.transitions.duration.shortest}),"&:hover":{textDecoration:"none",backgroundColor:(e.vars||e).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}}}},{props:({ownerState:t})=>t.hasSecondaryAction,style:{paddingRight:48}}]}))),et=h("li",{name:"MuiListItem",slot:"Container"})({position:"relative"}),lt=a.forwardRef(function(t,s){const o=w({props:t,name:"MuiListItem"}),{alignItems:n="center",children:c,className:p,component:i,components:g={},componentsProps:B={},ContainerComponent:L="li",ContainerProps:{className:F,...D}={},dense:S=!1,disableGutters:y=!1,disablePadding:E=!1,divider:T=!1,secondaryAction:A,slotProps:$={},slots:z={},...H}=o,R=a.useContext(b),I=a.useMemo(()=>({dense:S||R.dense||!1,alignItems:n,disableGutters:y}),[n,R.dense,S,y]),V=a.useRef(null),d=a.Children.toArray(c),P=d.length&&q(d[d.length-1],["ListItemSecondaryAction"]),f={...o,alignItems:n,dense:I.dense,disableGutters:y,disablePadding:E,divider:T,hasSecondaryAction:P},G=_(f),M=J(V,s),x=z.root||g.Root||tt,m=$.root||B.root||{},u={className:v(G.root,m.className,p),...H};let l=i||"li";return P?(l=!u.component&&!i?"div":l,L==="li"&&(l==="li"?l="div":u.component==="li"&&(u.component="div")),r.jsx(b.Provider,{value:I,children:r.jsxs(et,{as:L,className:v(G.container,F),ref:M,ownerState:f,...D,children:[r.jsx(x,{...m,...!j(x)&&{as:l,ownerState:{...f,...m.ownerState}},...u,children:d}),d.pop()]})})):r.jsx(b.Provider,{value:I,children:r.jsxs(x,{...m,as:l,ref:M,...!j(x)&&{ownerState:{...f,...m.ownerState}},...u,children:[d,A&&r.jsx(k,{children:A})]})})});export{lt as L};

package/storybook-static/assets/ListItemIcon-hca6xN79.js

@@ -1 +0,0 @@
-import{r as a}from"./iframe-BAJnc_4n.js";import{u as c,s as p,c as I,d as x,m as f}from"./DefaultPropsProvider-BGoQxtDa.js";import{g as u}from"./MenuItem-iU6tAqJI.js";import{b as g}from"./Menu-ClzfjLc3.js";import{j as L}from"./jsx-runtime-D_zvdyIk.js";const d=t=>{const{alignItems:s,classes:o}=t;return x({root:["root",s==="flex-start"&&"alignItemsFlexStart"]},u,o)},v=p("div",{name:"MuiListItemIcon",slot:"Root",overridesResolver:(t,s)=>{const{ownerState:o}=t;return[s.root,o.alignItems==="flex-start"&&s.alignItemsFlexStart]}})(f(({theme:t})=>({minWidth:56,color:(t.vars||t).palette.action.active,flexShrink:0,display:"inline-flex",variants:[{props:{alignItems:"flex-start"},style:{marginTop:8}}]}))),j=a.forwardRef(function(s,o){const e=c({props:s,name:"MuiListItemIcon"}),{className:n,...i}=e,l=a.useContext(g),r={...e,alignItems:l.alignItems},m=d(r);return L.jsx(v,{className:I(m.root,n),ownerState:r,ref:o,...i})});export{j as L};

package/storybook-static/assets/ListItemText-BFLAwLdl.js

@@ -1 +0,0 @@
-import{r as P}from"./iframe-BAJnc_4n.js";import{u as B,s as E,c as F,d as M}from"./DefaultPropsProvider-BGoQxtDa.js";import{b as U}from"./Menu-ClzfjLc3.js";import{g as D,l as p}from"./listItemTextClasses-CC_rwJam.js";import{u as x}from"./useSlot-b6pXgp5_.js";import{j as u}from"./jsx-runtime-D_zvdyIk.js";import{T as m,t as g}from"./Typography-BgntX2Ep.js";const W=o=>{const{classes:r,inset:s,primary:a,secondary:l,dense:y}=o;return M({root:["root",s&&"inset",y&&"dense",a&&l&&"multiline"],primary:["primary"],secondary:["secondary"]},D,r)},q=E("div",{name:"MuiListItemText",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:s}=o;return[{[`& .${p.primary}`]:r.primary},{[`& .${p.secondary}`]:r.secondary},r.root,s.inset&&r.inset,s.primary&&s.secondary&&r.multiline,s.dense&&r.dense]}})({flex:"1 1 auto",minWidth:0,marginTop:4,marginBottom:4,[`.${g.root}:where(& .${p.primary})`]:{display:"block"},[`.${g.root}:where(& .${p.secondary})`]:{display:"block"},variants:[{props:({ownerState:o})=>o.primary&&o.secondary,style:{marginTop:6,marginBottom:6}},{props:({ownerState:o})=>o.inset,style:{paddingLeft:56}}]}),Q=P.forwardRef(function(r,s){const a=B({props:r,name:"MuiListItemText"}),{children:l,className:y,disableTypography:n=!1,inset:S=!1,primary:f,primaryTypographyProps:L,secondary:v,secondaryTypographyProps:b,slots:C={},slotProps:I={},...w}=a,{dense:T}=P.useContext(U);let e=f??l,t=v;const i={...a,disableTypography:n,inset:S,primary:!!e,secondary:!!t,dense:T},c=W(i),d={slots:C,slotProps:{primary:L,secondary:b,...I}},[R,$]=x("root",{className:F(c.root,y),elementType:q,externalForwardedProps:{...d,...w},ownerState:i,ref:s}),[j,h]=x("primary",{className:c.primary,elementType:m,externalForwardedProps:d,ownerState:i}),[N,k]=x("secondary",{className:c.secondary,elementType:m,externalForwardedProps:d,ownerState:i});return e!=null&&e.type!==m&&!n&&(e=u.jsx(j,{variant:T?"body2":"body1",component:h?.variant?void 0:"span",...h,children:e})),t!=null&&t.type!==m&&!n&&(t=u.jsx(N,{variant:"body2",color:"textSecondary",...k,children:t})),u.jsxs(R,{...$,children:[e,t]})});export{Q as L};

package/storybook-static/assets/Logout-gj-P3AfU.js

@@ -1 +0,0 @@
-import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{c as t}from"./createSvgIcon-D_Gca4vA.js";const s=t(o.jsx("path",{d:"m17 7-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4z"}));export{s as L};

package/storybook-static/assets/Menu-ClzfjLc3.js

@@ -1 +0,0 @@
-import{r as s}from"./iframe-BAJnc_4n.js";import{g as Q,a as Z,u as ee,s as A,c as te,d as oe,r as Se}from"./DefaultPropsProvider-BGoQxtDa.js";import{a as Ce,u as Ee}from"./useSlotProps-C0uMfuBt.js";import{u as W,i as Re}from"./useSlot-b6pXgp5_.js";import{j as K}from"./jsx-runtime-D_zvdyIk.js";import{P as ke}from"./Paper-SwQBhqI7.js";import{o as q}from"./ownerDocument-DW-IO8s5.js";import{o as J}from"./ownerWindow-HkKU3E4x.js";import{d as Le}from"./debounce-Be36O1Ab.js";import{G as Te}from"./Grow-8y4FglGK.js";import{m as De}from"./mergeSlotProps-B0UBKBMe.js";import{g as Fe,M as Ie}from"./Modal-3okp9H2i.js";import{a as Oe}from"./useTimeout-DNjRaOWc.js";import{u as Ke}from"./useForkRef-0ANIrxcF.js";const ze=s.createContext({});function je(e){return Q("MuiList",e)}Z("MuiList",["root","padding","dense","subheader"]);const He=e=>{const{classes:t,disablePadding:o,dense:b,subheader:P}=e;return oe({root:["root",!o&&"padding",b&&"dense",P&&"subheader"]},je,t)},Ne=A("ul",{name:"MuiList",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,!o.disablePadding&&t.padding,o.dense&&t.dense,o.subheader&&t.subheader]}})({listStyle:"none",margin:0,padding:0,position:"relative",variants:[{props:({ownerState:e})=>!e.disablePadding,style:{paddingTop:8,paddingBottom:8}},{props:({ownerState:e})=>e.subheader,style:{paddingTop:0}}]}),Ae=s.forwardRef(function(t,o){const b=ee({props:t,name:"MuiList"}),{children:P,className:f,component:h="ul",dense:u=!1,disablePadding:d=!1,subheader:M,...x}=b,L=s.useMemo(()=>({dense:u}),[u]),T={...b,component:h,dense:u,disablePadding:d},n=He(T);return K.jsx(ze.Provider,{value:L,children:K.jsxs(Ne,{as:h,className:te(n.root,f),ref:o,ownerState:T,...x,children:[M,P]})})});function Y(e,t,o){return e===t?e.firstChild:t&&t.nextElementSibling?t.nextElementSibling:o?null:e.firstChild}function ue(e,t,o){return e===t?o?e.firstChild:e.lastChild:t&&t.previousElementSibling?t.previousElementSibling:o?null:e.lastChild}function he(e,t){if(t===void 0)return!0;let o=e.innerText;return o===void 0&&(o=e.textContent),o=o.trim().toLowerCase(),o.length===0?!1:t.repeating?o[0]===t.keys[0]:o.startsWith(t.keys.join(""))}function U(e,t,o,b,P,f){let h=!1,u=P(e,t,t?o:!1);for(;u;){if(u===e.firstChild){if(h)return!1;h=!0}const d=b?!1:u.disabled||u.getAttribute("aria-disabled")==="true";if(!u.hasAttribute("tabindex")||!he(u,f)||d)u=P(e,u,o);else return u.focus(),!0}return!1}const Ue=s.forwardRef(function(t,o){const{actions:b,autoFocus:P=!1,autoFocusItem:f=!1,children:h,className:u,disabledItemsFocusable:d=!1,disableListWrap:M=!1,onKeyDown:x,variant:L="selectedMenu",...T}=t,n=s.useRef(null),v=s.useRef({keys:[],repeating:!0,previousKeyMatched:!0,lastTime:null});Oe(()=>{P&&n.current.focus()},[P]),s.useImperativeHandle(b,()=>({adjustStyleForScrollbar:(r,{direction:a})=>{const l=!n.current.style.width;if(r.clientHeight<n.current.clientHeight&&l){const S=`${Fe(J(r))}px`;n.current.style[a==="rtl"?"paddingLeft":"paddingRight"]=S,n.current.style.width=`calc(100% + ${S})`}return n.current}}),[]);const j=r=>{const a=n.current,l=r.key;if(r.ctrlKey||r.metaKey||r.altKey){x&&x(r);return}const D=q(a).activeElement;if(l==="ArrowDown")r.preventDefault(),U(a,D,M,d,Y);else if(l==="ArrowUp")r.preventDefault(),U(a,D,M,d,ue);else if(l==="Home")r.preventDefault(),U(a,null,M,d,Y);else if(l==="End")r.preventDefault(),U(a,null,M,d,ue);else if(l.length===1){const c=v.current,k=l.toLowerCase(),z=performance.now();c.keys.length>0&&(z-c.lastTime>500?(c.keys=[],c.repeating=!0,c.previousKeyMatched=!0):c.repeating&&k!==c.keys[0]&&(c.repeating=!1)),c.lastTime=z,c.keys.push(k);const F=D&&!c.repeating&&he(D,c);c.previousKeyMatched&&(F||U(a,D,!1,d,Y,c))?r.preventDefault():c.previousKeyMatched=!1}x&&x(r)},I=Ke(n,o);let i=-1;s.Children.forEach(h,(r,a)=>{if(!s.isValidElement(r)){i===a&&(i+=1,i>=h.length&&(i=-1));return}r.props.disabled||(L==="selectedMenu"&&r.props.selected||i===-1)&&(i=a),i===a&&(r.props.disabled||r.props.muiSkipListHighlight||r.type.muiSkipListHighlight)&&(i+=1,i>=h.length&&(i=-1))});const w=s.Children.map(h,(r,a)=>{if(a===i){const l={};return f&&(l.autoFocus=!0),r.props.tabIndex===void 0&&L==="selectedMenu"&&(l.tabIndex=0),s.cloneElement(r,l)}return r});return K.jsx(Ae,{role:"menu",ref:I,className:u,onKeyDown:j,tabIndex:P?0:-1,...T,children:w})});function We(e){return Q("MuiPopover",e)}Z("MuiPopover",["root","paper"]);function fe(e,t){let o=0;return typeof t=="number"?o=t:t==="center"?o=e.height/2:t==="bottom"&&(o=e.height),o}function de(e,t){let o=0;return typeof t=="number"?o=t:t==="center"?o=e.width/2:t==="right"&&(o=e.width),o}function me(e){return[e.horizontal,e.vertical].map(t=>typeof t=="number"?`${t}px`:t).join(" ")}function B(e){return typeof e=="function"?e():e}const $e=e=>{const{classes:t}=e;return oe({root:["root"],paper:["paper"]},We,t)},Ge=A(Ie,{name:"MuiPopover",slot:"Root"})({}),ge=A(ke,{name:"MuiPopover",slot:"Paper"})({position:"absolute",overflowY:"auto",overflowX:"hidden",minWidth:16,minHeight:16,maxWidth:"calc(100% - 32px)",maxHeight:"calc(100% - 32px)",outline:0}),Ve=s.forwardRef(function(t,o){const b=ee({props:t,name:"MuiPopover"}),{action:P,anchorEl:f,anchorOrigin:h={vertical:"top",horizontal:"left"},anchorPosition:u,anchorReference:d="anchorEl",children:M,className:x,container:L,elevation:T=8,marginThreshold:n=16,open:v,PaperProps:j={},slots:I={},slotProps:i={},transformOrigin:w={vertical:"top",horizontal:"left"},TransitionComponent:r,transitionDuration:a="auto",TransitionProps:l={},disableScrollLock:S=!1,...D}=b,c=s.useRef(),k={...b,anchorOrigin:h,anchorReference:d,elevation:T,marginThreshold:n,transformOrigin:w,TransitionComponent:r,transitionDuration:a,TransitionProps:l},z=$e(k),F=s.useCallback(()=>{if(d==="anchorPosition")return u;const p=B(f),y=(p&&p.nodeType===1?p:q(c.current).body).getBoundingClientRect();return{top:y.top+fe(y,h.vertical),left:y.left+de(y,h.horizontal)}},[f,h.horizontal,h.vertical,u,d]),O=s.useCallback(p=>({vertical:fe(p,w.vertical),horizontal:de(p,w.horizontal)}),[w.horizontal,w.vertical]),$=s.useCallback(p=>{const g={width:p.offsetWidth,height:p.offsetHeight},y=O(g);if(d==="none")return{top:null,left:null,transformOrigin:me(y)};const ne=F();let H=ne.top-y.vertical,N=ne.left-y.horizontal;const ie=H+g.height,ae=N+g.width,le=J(B(f)),ce=le.innerHeight-n,pe=le.innerWidth-n;if(n!==null&&H<n){const R=H-n;H-=R,y.vertical+=R}else if(n!==null&&ie>ce){const R=ie-ce;H-=R,y.vertical+=R}if(n!==null&&N<n){const R=N-n;N-=R,y.horizontal+=R}else if(ae>pe){const R=ae-pe;N-=R,y.horizontal+=R}return{top:`${Math.round(H)}px`,left:`${Math.round(N)}px`,transformOrigin:me(y)}},[f,d,F,O,n]),[_,G]=s.useState(v),C=s.useCallback(()=>{const p=c.current;if(!p)return;const g=$(p);g.top!==null&&p.style.setProperty("top",g.top),g.left!==null&&(p.style.left=g.left),p.style.transformOrigin=g.transformOrigin,G(!0)},[$]);s.useEffect(()=>(S&&window.addEventListener("scroll",C),()=>window.removeEventListener("scroll",C)),[f,S,C]);const X=()=>{C()},V=()=>{G(!1)};s.useEffect(()=>{v&&C()}),s.useImperativeHandle(P,()=>v?{updatePosition:()=>{C()}}:null,[v,C]),s.useEffect(()=>{if(!v)return;const p=Le(()=>{C()}),g=J(B(f));return g.addEventListener("resize",p),()=>{p.clear(),g.removeEventListener("resize",p)}},[f,v,C]);let m=a;const E={slots:{transition:r,...I},slotProps:{transition:l,paper:j,...i}},[re,Pe]=W("transition",{elementType:Te,externalForwardedProps:E,ownerState:k,getSlotProps:p=>({...p,onEntering:(g,y)=>{p.onEntering?.(g,y),X()},onExited:g=>{p.onExited?.(g),V()}}),additionalProps:{appear:!0,in:v}});a==="auto"&&!re.muiSupportAuto&&(m=void 0);const ye=L||(f?q(B(f)).body:void 0),[se,{slots:be,slotProps:ve,...we}]=W("root",{ref:o,elementType:Ge,externalForwardedProps:{...E,...D},shouldForwardComponentProp:!0,additionalProps:{slots:{backdrop:I.backdrop},slotProps:{backdrop:De(typeof i.backdrop=="function"?i.backdrop(k):i.backdrop,{invisible:!0})},container:ye,open:v},ownerState:k,className:te(z.root,x)}),[Me,xe]=W("paper",{ref:c,className:z.paper,elementType:ge,externalForwardedProps:E,shouldForwardComponentProp:!0,additionalProps:{elevation:T,style:_?void 0:{opacity:0}},ownerState:k});return K.jsx(se,{...we,...!Re(se)&&{slots:be,slotProps:ve,disableScrollLock:S},children:K.jsx(re,{...Pe,timeout:m,children:K.jsx(Me,{...xe,children:M})})})});function Be(e){return Q("MuiMenu",e)}Z("MuiMenu",["root","paper","list"]);const _e={vertical:"top",horizontal:"right"},Xe={vertical:"top",horizontal:"left"},Ye=e=>{const{classes:t}=e;return oe({root:["root"],paper:["paper"],list:["list"]},Be,t)},qe=A(Ve,{shouldForwardProp:e=>Se(e)||e==="classes",name:"MuiMenu",slot:"Root"})({}),Je=A(ge,{name:"MuiMenu",slot:"Paper"})({maxHeight:"calc(100% - 96px)",WebkitOverflowScrolling:"touch"}),Qe=A(Ue,{name:"MuiMenu",slot:"List"})({outline:0}),dt=s.forwardRef(function(t,o){const b=ee({props:t,name:"MuiMenu"}),{autoFocus:P=!0,children:f,className:h,disableAutoFocusItem:u=!1,MenuListProps:d={},onClose:M,open:x,PaperProps:L={},PopoverClasses:T,transitionDuration:n="auto",TransitionProps:{onEntering:v,...j}={},variant:I="selectedMenu",slots:i={},slotProps:w={},...r}=b,a=Ce(),l={...b,autoFocus:P,disableAutoFocusItem:u,MenuListProps:d,onEntering:v,PaperProps:L,transitionDuration:n,TransitionProps:j,variant:I},S=Ye(l),D=P&&!u&&x,c=s.useRef(null),k=(m,E)=>{c.current&&c.current.adjustStyleForScrollbar(m,{direction:a?"rtl":"ltr"}),v&&v(m,E)},z=m=>{m.key==="Tab"&&(m.preventDefault(),M&&M(m,"tabKeyDown"))};let F=-1;s.Children.map(f,(m,E)=>{s.isValidElement(m)&&(m.props.disabled||(I==="selectedMenu"&&m.props.selected||F===-1)&&(F=E))});const O={slots:i,slotProps:{list:d,transition:j,paper:L,...w}},$=Ee({elementType:i.root,externalSlotProps:w.root,ownerState:l,className:[S.root,h]}),[_,G]=W("paper",{className:S.paper,elementType:Je,externalForwardedProps:O,shouldForwardComponentProp:!0,ownerState:l}),[C,X]=W("list",{className:te(S.list,d.className),elementType:Qe,shouldForwardComponentProp:!0,externalForwardedProps:O,getSlotProps:m=>({...m,onKeyDown:E=>{z(E),m.onKeyDown?.(E)}}),ownerState:l}),V=typeof O.slotProps.transition=="function"?O.slotProps.transition(l):O.slotProps.transition;return K.jsx(qe,{onClose:M,anchorOrigin:{vertical:"bottom",horizontal:a?"right":"left"},transformOrigin:a?_e:Xe,slots:{root:i.root,paper:_,backdrop:i.backdrop,...i.transition&&{transition:i.transition}},slotProps:{root:$,paper:G,backdrop:typeof w.backdrop=="function"?w.backdrop(l):w.backdrop,transition:{...V,onEntering:(...m)=>{k(...m),V?.onEntering?.(...m)}}},open:x,ref:o,transitionDuration:n,ownerState:l,...r,classes:T,children:K.jsx(C,{actions:c,autoFocus:P&&(F===-1||u),autoFocusItem:D,variant:I,...X,children:f})})});export{Ae as L,dt as M,Ue as a,ze as b};

package/storybook-static/assets/MenuButton.stories-B-W_QVDt.js

@@ -1,162 +0,0 @@
-import{j as n}from"./jsx-runtime-D_zvdyIk.js";import{r as i}from"./iframe-BAJnc_4n.js";import{B as W}from"./Button-DBpqmVB_.js";import{M as V}from"./Menu-ClzfjLc3.js";import{M as E}from"./MenuItem-iU6tAqJI.js";import{L as N}from"./ListItemIcon-hca6xN79.js";import{T as k}from"./Typography-BgntX2Ep.js";import{A as U}from"./AccountCircle-BDZFsbTw.js";import{S as e}from"./Settings-BLKc1CnO.js";import{L as I}from"./Logout-gj-P3AfU.js";import{M as _}from"./MoreVert-BoIVG4gh.js";import{P as s}from"./Person-CkQl-mpq.js";import{c as C}from"./createSvgIcon-D_Gca4vA.js";import{N as A}from"./Notifications-DY_A-Sho.js";import{f as o}from"./index-B1tlhOpe.js";import"./preload-helper-PPVm8Dsz.js";import"./DefaultPropsProvider-BGoQxtDa.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"./useSlotProps-C0uMfuBt.js";import"./useSlot-b6pXgp5_.js";import"./Paper-SwQBhqI7.js";import"./useTheme-BmOJK7ra.js";import"./extendSxProp-CEpa30hT.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Grow-8y4FglGK.js";import"./getReactElementRef-BQ3ANZdy.js";import"./index-CY7j4a7o.js";import"./index-BF3FAXTk.js";import"./mergeSlotProps-B0UBKBMe.js";import"./Modal-3okp9H2i.js";import"./Portal-Cj8XF9Lf.js";import"./Fade-Ll96CvH8.js";import"./listItemTextClasses-CC_rwJam.js";const r=({buttonText:g,buttonIcon:a,options:S,variant:P="contained"})=>{const[j,y]=i.useState(null),[B,q]=i.useState(0),x=!!j,f=i.useRef(null),M=i.useId(),h=`menu-button-${M}`,v=`menu-content-${M}`,O=t=>{y(t.currentTarget),f.current&&q(f.current.offsetWidth)},T=()=>{y(null)},D=t=>{T(),t()};return n.jsxs(n.Fragment,{children:[n.jsx(W,{ref:f,variant:P,id:h,"aria-controls":x?v:void 0,"aria-haspopup":"true","aria-expanded":x?"true":void 0,onClick:O,startIcon:a,children:g}),n.jsx(V,{id:v,anchorEl:j,open:x,onClose:T,MenuListProps:{"aria-labelledby":h},PaperProps:{style:{minWidth:B}},children:S.map((t,L)=>n.jsxs(E,{onClick:()=>D(t.action),children:[t.icon&&n.jsx(N,{children:t.icon}),n.jsx(k,{variant:"inherit",noWrap:!0,children:t.label})]},L))})]})};r.__docgenInfo={description:"",methods:[],displayName:"MenuButton",props:{buttonText:{required:!1,tsType:{name:"string"},description:""},buttonIcon:{required:!1,tsType:{name:"ReactNode"},description:""},options:{required:!0,tsType:{name:"Array",elements:[{name:"MenuOption"}],raw:"MenuOption[]"},description:""},variant:{required:!1,tsType:{name:"ButtonProps['variant']",raw:"ButtonProps['variant']"},description:"",defaultValue:{value:"'contained'",computed:!1}}}};const z=C(n.jsx("path",{d:"M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2"})),G=C(n.jsx("path",{d:"M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"})),Dn={title:"Components/MenuButton",component:r,tags:["autodocs"],argTypes:{buttonText:{control:"text",description:"Texto a mostrar en el botón."},buttonIcon:{control:!1,description:"Ícono a mostrar en el botón."},options:{control:"object",description:"Arreglo de opciones del menú, cada una con `label`, `action` y opcionalmente `icon`."},variant:{control:"select",options:["text","outlined","contained"],description:"Variante de estilo del botón de Material-UI."}},parameters:{docs:{description:{component:"Un botón que despliega un menú de opciones. El ancho del menú se ajusta automáticamente al ancho del botón. Cada ítem del menú puede incluir un ícono."}}}},c={args:{buttonText:"Opciones de Usuario",options:[{label:"Ver Perfil",action:o(),icon:n.jsx(s,{})},{label:"Cambiar Contraseña",action:o()},{label:"Cerrar Sesión",action:o(),icon:n.jsx(I,{})}],variant:"contained"},parameters:{docs:{description:{story:"Muestra un botón con texto y un menú con ítems que incluyen íconos."}}}},l={args:{buttonIcon:n.jsx(U,{}),options:[{label:"Mi Perfil",action:o(),icon:n.jsx(s,{})},{label:"Ajustes de Cuenta",action:o(),icon:n.jsx(e,{})}],variant:"text"},parameters:{docs:{description:{story:"Muestra un botón que solo contiene un ícono, con un menú de opciones también con íconos."}}}},u={args:{buttonText:"Configuración",buttonIcon:n.jsx(e,{}),options:[{label:"General",action:o(),icon:n.jsx(e,{})},{label:"Privacidad",action:o(),icon:n.jsx(z,{})},{label:"Notificaciones",action:o(),icon:n.jsx(A,{})}],variant:"outlined"},parameters:{docs:{description:{story:"Muestra un botón con texto e ícono, y un menú con ítems que también tienen íconos."}}}},p={args:{buttonText:"Más Opciones de Gestión de Datos",buttonIcon:n.jsx(_,{}),options:Array.from({length:15},(g,a)=>({label:`Opción de Datos ${a+1}`,action:o(),icon:a%3===0?n.jsx(s,{}):a%3===1?n.jsx(e,{}):n.jsx(I,{})})),variant:"contained"},parameters:{docs:{description:{story:"Demuestra un menú con muchas opciones para probar el scroll y cómo el ancho del menú se ajusta al botón, incluso si el texto del ítem es más corto."}}}},m={args:{buttonText:"Acciones con Alerta",options:[{label:"Mostrar Alerta Crítica",action:()=>alert("¡Alerta Crítica!"),icon:n.jsx(G,{})},{label:"Mostrar Alerta Informativa",action:()=>alert("¡Alerta Informativa!"),icon:n.jsx(A,{})}],variant:"contained"},parameters:{docs:{description:{story:"Muestra un botón con ítems de menú que ejecutan funciones de alerta al ser clickeados."}}}},d={render:()=>n.jsxs("div",{style:{display:"flex",gap:"20px"},children:[n.jsx(r,{buttonText:"Contained",options:[{label:"Item Contenido",action:o(),icon:n.jsx(s,{})}],variant:"contained"}),n.jsx(r,{buttonText:"Outlined",options:[{label:"Item Delineado",action:o(),icon:n.jsx(e,{})}],variant:"outlined"}),n.jsx(r,{buttonText:"Text",options:[{label:"Item de Texto",action:o(),icon:n.jsx(I,{})}],variant:"text"})]}),parameters:{docs:{description:{story:"Muestra el componente con diferentes variantes de botón de Material-UI."}}}},b={args:{buttonText:"Este es un botón con un texto muy largo para probar el ancho del menú",options:[{label:"Opción corta",action:o(),icon:n.jsx(s,{})},{label:"Opción con texto más largo para el ítem",action:o(),icon:n.jsx(e,{})}],variant:"contained"},parameters:{docs:{description:{story:"Demuestra cómo el menú ajusta su ancho para coincidir con un botón que tiene un texto considerablemente largo."}}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
-  args: {
-    buttonText: 'Opciones de Usuario',
-    options: [{
-      label: 'Ver Perfil',
-      action: fn(),
-      icon: <PersonIcon />
-    }, {
-      label: 'Cambiar Contraseña',
-      action: fn()
-    }, {
-      label: 'Cerrar Sesión',
-      action: fn(),
-      icon: <LogoutIcon />
-    }],
-    variant: 'contained'
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Muestra un botón con texto y un menú con ítems que incluyen íconos.'
-      }
-    }
-  }
-}`,...c.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
-  args: {
-    buttonIcon: <AccountCircleIcon />,
-    options: [{
-      label: 'Mi Perfil',
-      action: fn(),
-      icon: <PersonIcon />
-    }, {
-      label: 'Ajustes de Cuenta',
-      action: fn(),
-      icon: <SettingsIcon />
-    }],
-    variant: 'text'
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Muestra un botón que solo contiene un ícono, con un menú de opciones también con íconos.'
-      }
-    }
-  }
-}`,...l.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
-  args: {
-    buttonText: 'Configuración',
-    buttonIcon: <SettingsIcon />,
-    options: [{
-      label: 'General',
-      action: fn(),
-      icon: <SettingsIcon />
-    }, {
-      label: 'Privacidad',
-      action: fn(),
-      icon: <VpnKeyIcon />
-    }, {
-      label: 'Notificaciones',
-      action: fn(),
-      icon: <NotificationsIcon />
-    }],
-    variant: 'outlined'
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Muestra un botón con texto e ícono, y un menú con ítems que también tienen íconos.'
-      }
-    }
-  }
-}`,...u.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
-  args: {
-    buttonText: 'Más Opciones de Gestión de Datos',
-    buttonIcon: <MoreVertIcon />,
-    options: Array.from({
-      length: 15
-    }, (_, i) => ({
-      label: \`Opción de Datos \${i + 1}\`,
-      action: fn(),
-      icon: i % 3 === 0 ? <PersonIcon /> : i % 3 === 1 ? <SettingsIcon /> : <LogoutIcon />
-    })),
-    variant: 'contained'
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Demuestra un menú con muchas opciones para probar el scroll y cómo el ancho del menú se ajusta al botón, incluso si el texto del ítem es más corto.'
-      }
-    }
-  }
-}`,...p.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
-  args: {
-    buttonText: 'Acciones con Alerta',
-    options: [{
-      label: 'Mostrar Alerta Crítica',
-      action: () => alert('¡Alerta Crítica!'),
-      icon: <WarningIcon />
-    }, {
-      label: 'Mostrar Alerta Informativa',
-      action: () => alert('¡Alerta Informativa!'),
-      icon: <NotificationsIcon />
-    }],
-    variant: 'contained'
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Muestra un botón con ítems de menú que ejecutan funciones de alerta al ser clickeados.'
-      }
-    }
-  }
-}`,...m.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
-  render: () => <div style={{
-    display: 'flex',
-    gap: '20px'
-  }}>
-      <MenuButton buttonText="Contained" options={[{
-      label: 'Item Contenido',
-      action: fn(),
-      icon: <PersonIcon />
-    }]} variant="contained" />
-      <MenuButton buttonText="Outlined" options={[{
-      label: 'Item Delineado',
-      action: fn(),
-      icon: <SettingsIcon />
-    }]} variant="outlined" />
-      <MenuButton buttonText="Text" options={[{
-      label: 'Item de Texto',
-      action: fn(),
-      icon: <LogoutIcon />
-    }]} variant="text" />
-    </div>,
-  parameters: {
-    docs: {
-      description: {
-        story: 'Muestra el componente con diferentes variantes de botón de Material-UI.'
-      }
-    }
-  }
-}`,...d.parameters?.docs?.source}}};b.parameters={...b.parameters,docs:{...b.parameters?.docs,source:{originalSource:`{
-  args: {
-    buttonText: 'Este es un botón con un texto muy largo para probar el ancho del menú',
-    options: [{
-      label: 'Opción corta',
-      action: fn(),
-      icon: <PersonIcon />
-    }, {
-      label: 'Opción con texto más largo para el ítem',
-      action: fn(),
-      icon: <SettingsIcon />
-    }],
-    variant: 'contained'
-  },
-  parameters: {
-    docs: {
-      description: {
-        story: 'Demuestra cómo el menú ajusta su ancho para coincidir con un botón que tiene un texto considerablemente largo.'
-      }
-    }
-  }
-}`,...b.parameters?.docs?.source}}};const Ln=["Default","IconButton","TextAndIconButton","LongMenu","WithAlertActions","Variants","WideButton"];export{c as Default,l as IconButton,p as LongMenu,u as TextAndIconButton,d as Variants,b as WideButton,m as WithAlertActions,Ln as __namedExportsOrder,Dn as default};

package/storybook-static/assets/MenuItem-iU6tAqJI.js

@@ -1 +0,0 @@
-import{r as l}from"./iframe-BAJnc_4n.js";import{a as $,g as k,u as T,s as V,c as b,d as j,r as F,m as P}from"./DefaultPropsProvider-BGoQxtDa.js";import{b as y}from"./Menu-ClzfjLc3.js";import{j as C}from"./jsx-runtime-D_zvdyIk.js";import{a as U}from"./useTimeout-DNjRaOWc.js";import{u as E}from"./useForkRef-0ANIrxcF.js";import{B as G}from"./ButtonBase-qyaMEhe4.js";import{l as x,d as I}from"./listItemTextClasses-CC_rwJam.js";function Z(s){return k("MuiListItemIcon",s)}const M=$("MuiListItemIcon",["root","alignItemsFlexStart"]);function N(s){return k("MuiMenuItem",s)}const i=$("MuiMenuItem",["root","focusVisible","dense","disabled","divider","gutters","selected"]),D=(s,e)=>{const{ownerState:t}=s;return[e.root,t.dense&&e.dense,t.divider&&e.divider,!t.disableGutters&&e.gutters]},H=s=>{const{disabled:e,dense:t,divider:o,disableGutters:n,selected:d,classes:a}=s,r=j({root:["root",t&&"dense",e&&"disabled",!n&&"gutters",o&&"divider",d&&"selected"]},N,a);return{...a,...r}},z=V(G,{shouldForwardProp:s=>F(s)||s==="classes",name:"MuiMenuItem",slot:"Root",overridesResolver:D})(P(({theme:s})=>({...s.typography.body1,display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",minHeight:48,paddingTop:6,paddingBottom:6,boxSizing:"border-box",whiteSpace:"nowrap","&:hover":{textDecoration:"none",backgroundColor:(s.vars||s).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${i.selected}`]:{backgroundColor:s.alpha((s.vars||s).palette.primary.main,(s.vars||s).palette.action.selectedOpacity),[`&.${i.focusVisible}`]:{backgroundColor:s.alpha((s.vars||s).palette.primary.main,`${(s.vars||s).palette.action.selectedOpacity} + ${(s.vars||s).palette.action.focusOpacity}`)}},[`&.${i.selected}:hover`]:{backgroundColor:s.alpha((s.vars||s).palette.primary.main,`${(s.vars||s).palette.action.selectedOpacity} + ${(s.vars||s).palette.action.hoverOpacity}`),"@media (hover: none)":{backgroundColor:s.alpha((s.vars||s).palette.primary.main,(s.vars||s).palette.action.selectedOpacity)}},[`&.${i.focusVisible}`]:{backgroundColor:(s.vars||s).palette.action.focus},[`&.${i.disabled}`]:{opacity:(s.vars||s).palette.action.disabledOpacity},[`& + .${I.root}`]:{marginTop:s.spacing(1),marginBottom:s.spacing(1)},[`& + .${I.inset}`]:{marginLeft:52},[`& .${x.root}`]:{marginTop:0,marginBottom:0},[`& .${x.inset}`]:{paddingLeft:36},[`& .${M.root}`]:{minWidth:36},variants:[{props:({ownerState:e})=>!e.disableGutters,style:{paddingLeft:16,paddingRight:16}},{props:({ownerState:e})=>e.divider,style:{borderBottom:`1px solid ${(s.vars||s).palette.divider}`,backgroundClip:"padding-box"}},{props:({ownerState:e})=>!e.dense,style:{[s.breakpoints.up("sm")]:{minHeight:"auto"}}},{props:({ownerState:e})=>e.dense,style:{minHeight:32,paddingTop:4,paddingBottom:4,...s.typography.body2,[`& .${M.root} svg`]:{fontSize:"1.25rem"}}}]}))),_=l.forwardRef(function(e,t){const o=T({props:e,name:"MuiMenuItem"}),{autoFocus:n=!1,component:d="li",dense:a=!1,divider:u=!1,disableGutters:r=!1,focusVisibleClassName:R,role:B="menuitem",tabIndex:f,className:w,...L}=o,g=l.useContext(y),m=l.useMemo(()=>({dense:a||g.dense||!1,disableGutters:r}),[g.dense,a,r]),c=l.useRef(null);U(()=>{n&&c.current&&c.current.focus()},[n]);const O={...o,dense:m.dense,divider:u,disableGutters:r},p=H(o),S=E(c,t);let v;return o.disabled||(v=f!==void 0?f:-1),C.jsx(y.Provider,{value:m,children:C.jsx(z,{ref:S,role:B,tabIndex:v,component:d,focusVisibleClassName:b(p.focusVisible,R),className:b(p.root,w),...L,ownerState:O,classes:p})})});export{_ as M,Z as g};

package/storybook-static/assets/Modal-3okp9H2i.js

@@ -1 +0,0 @@
-import{r as l}from"./iframe-BAJnc_4n.js";import{g as ne,a as oe,u as re,c as Y,s as q,d as se,m as me}from"./DefaultPropsProvider-BGoQxtDa.js";import{o as j}from"./ownerWindow-HkKU3E4x.js";import{o as F}from"./ownerDocument-DW-IO8s5.js";import{u as ie}from"./useForkRef-0ANIrxcF.js";import{u as Q}from"./useTimeout-DNjRaOWc.js";import{u as U,e as he}from"./useSlot-b6pXgp5_.js";import{j as I}from"./jsx-runtime-D_zvdyIk.js";import{P as be}from"./Portal-Cj8XF9Lf.js";import{g as ge}from"./getReactElementRef-BQ3ANZdy.js";import{F as xe}from"./Fade-Ll96CvH8.js";function Z(...e){return e.reduce((t,o)=>o==null?t:function(...s){t.apply(this,s),o.apply(this,s)},()=>{})}function Ee(e){return ne("MuiBackdrop",e)}oe("MuiBackdrop",["root","invisible"]);const Re=e=>{const{classes:t,invisible:o}=e;return se({root:["root",o&&"invisible"]},Ee,t)},ye=q("div",{name:"MuiBackdrop",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,o.invisible&&t.invisible]}})({position:"fixed",display:"flex",alignItems:"center",justifyContent:"center",right:0,bottom:0,top:0,left:0,backgroundColor:"rgba(0, 0, 0, 0.5)",WebkitTapHighlightColor:"transparent",variants:[{props:{invisible:!0},style:{backgroundColor:"transparent"}}]}),Te=l.forwardRef(function(t,o){const n=re({props:t,name:"MuiBackdrop"}),{children:s,className:r,component:i="div",invisible:c=!1,open:f,components:g={},componentsProps:T={},slotProps:m={},slots:E={},TransitionComponent:p,transitionDuration:d,...S}=n,R={...n,component:i,invisible:c},v=Re(R),y={transition:p,root:g.Root,...E},a={...T,...m},h={component:i,slots:y,slotProps:a},[P,w]=U("root",{elementType:ye,externalForwardedProps:h,className:Y(v.root,r),ownerState:R}),[x,k]=U("transition",{elementType:xe,externalForwardedProps:h,ownerState:R});return I.jsx(x,{in:f,timeout:d,...S,...k,children:I.jsx(P,{"aria-hidden":!0,...w,classes:v,ref:o,children:s})})});function ve(e=window){const t=e.document.documentElement.clientWidth;return e.innerWidth-t}function Pe(e){const t=F(e);return t.body===e?j(e).innerWidth>t.documentElement.clientWidth:e.scrollHeight>e.clientHeight}function O(e,t){t?e.setAttribute("aria-hidden","true"):e.removeAttribute("aria-hidden")}function _(e){return parseInt(j(e).getComputedStyle(e).paddingRight,10)||0}function ke(e){const o=["TEMPLATE","SCRIPT","STYLE","LINK","MAP","META","NOSCRIPT","PICTURE","COL","COLGROUP","PARAM","SLOT","SOURCE","TRACK"].includes(e.tagName),n=e.tagName==="INPUT"&&e.getAttribute("type")==="hidden";return o||n}function ee(e,t,o,n,s){const r=[t,o,...n];[].forEach.call(e.children,i=>{const c=!r.includes(i),f=!ke(i);c&&f&&O(i,s)})}function z(e,t){let o=-1;return e.some((n,s)=>t(n)?(o=s,!0):!1),o}function Ce(e,t){const o=[],n=e.container;if(!t.disableScrollLock){if(Pe(n)){const i=ve(j(n));o.push({value:n.style.paddingRight,property:"padding-right",el:n}),n.style.paddingRight=`${_(n)+i}px`;const c=F(n).querySelectorAll(".mui-fixed");[].forEach.call(c,f=>{o.push({value:f.style.paddingRight,property:"padding-right",el:f}),f.style.paddingRight=`${_(f)+i}px`})}let r;if(n.parentNode instanceof DocumentFragment)r=F(n).body;else{const i=n.parentElement,c=j(n);r=i?.nodeName==="HTML"&&c.getComputedStyle(i).overflowY==="scroll"?i:n}o.push({value:r.style.overflow,property:"overflow",el:r},{value:r.style.overflowX,property:"overflow-x",el:r},{value:r.style.overflowY,property:"overflow-y",el:r}),r.style.overflow="hidden"}return()=>{o.forEach(({value:r,el:i,property:c})=>{r?i.style.setProperty(c,r):i.style.removeProperty(c)})}}function Ie(e){const t=[];return[].forEach.call(e.children,o=>{o.getAttribute("aria-hidden")==="true"&&t.push(o)}),t}class Se{constructor(){this.modals=[],this.containers=[]}add(t,o){let n=this.modals.indexOf(t);if(n!==-1)return n;n=this.modals.length,this.modals.push(t),t.modalRef&&O(t.modalRef,!1);const s=Ie(o);ee(o,t.mount,t.modalRef,s,!0);const r=z(this.containers,i=>i.container===o);return r!==-1?(this.containers[r].modals.push(t),n):(this.containers.push({modals:[t],container:o,restore:null,hiddenSiblings:s}),n)}mount(t,o){const n=z(this.containers,r=>r.modals.includes(t)),s=this.containers[n];s.restore||(s.restore=Ce(s,o))}remove(t,o=!0){const n=this.modals.indexOf(t);if(n===-1)return n;const s=z(this.containers,i=>i.modals.includes(t)),r=this.containers[s];if(r.modals.splice(r.modals.indexOf(t),1),this.modals.splice(n,1),r.modals.length===0)r.restore&&r.restore(),t.modalRef&&O(t.modalRef,o),ee(r.container,t.mount,t.modalRef,r.hiddenSiblings,!1),this.containers.splice(s,1);else{const i=r.modals[r.modals.length-1];i.modalRef&&O(i.modalRef,!1)}return n}isTopModal(t){return this.modals.length>0&&this.modals[this.modals.length-1]===t}}const we=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])'].join(",");function Me(e){const t=parseInt(e.getAttribute("tabindex")||"",10);return Number.isNaN(t)?e.contentEditable==="true"||(e.nodeName==="AUDIO"||e.nodeName==="VIDEO"||e.nodeName==="DETAILS")&&e.getAttribute("tabindex")===null?0:e.tabIndex:t}function Ne(e){if(e.tagName!=="INPUT"||e.type!=="radio"||!e.name)return!1;const t=n=>e.ownerDocument.querySelector(`input[type="radio"]${n}`);let o=t(`[name="${e.name}"]:checked`);return o||(o=t(`[name="${e.name}"]`)),o!==e}function Fe(e){return!(e.disabled||e.tagName==="INPUT"&&e.type==="hidden"||Ne(e))}function Ae(e){const t=[],o=[];return Array.from(e.querySelectorAll(we)).forEach((n,s)=>{const r=Me(n);r===-1||!Fe(n)||(r===0?t.push(n):o.push({documentOrder:s,tabIndex:r,node:n}))}),o.sort((n,s)=>n.tabIndex===s.tabIndex?n.documentOrder-s.documentOrder:n.tabIndex-s.tabIndex).map(n=>n.node).concat(t)}function Be(){return!0}function Oe(e){const{children:t,disableAutoFocus:o=!1,disableEnforceFocus:n=!1,disableRestoreFocus:s=!1,getTabbable:r=Ae,isEnabled:i=Be,open:c}=e,f=l.useRef(!1),g=l.useRef(null),T=l.useRef(null),m=l.useRef(null),E=l.useRef(null),p=l.useRef(!1),d=l.useRef(null),S=ie(ge(t),d),R=l.useRef(null);l.useEffect(()=>{!c||!d.current||(p.current=!o)},[o,c]),l.useEffect(()=>{if(!c||!d.current)return;const a=F(d.current);return d.current.contains(a.activeElement)||(d.current.hasAttribute("tabIndex")||d.current.setAttribute("tabIndex","-1"),p.current&&d.current.focus()),()=>{s||(m.current&&m.current.focus&&(f.current=!0,m.current.focus()),m.current=null)}},[c]),l.useEffect(()=>{if(!c||!d.current)return;const a=F(d.current),h=x=>{R.current=x,!(n||!i()||x.key!=="Tab")&&a.activeElement===d.current&&x.shiftKey&&(f.current=!0,T.current&&T.current.focus())},P=()=>{const x=d.current;if(x===null)return;if(!a.hasFocus()||!i()||f.current){f.current=!1;return}if(x.contains(a.activeElement)||n&&a.activeElement!==g.current&&a.activeElement!==T.current)return;if(a.activeElement!==E.current)E.current=null;else if(E.current!==null)return;if(!p.current)return;let k=[];if((a.activeElement===g.current||a.activeElement===T.current)&&(k=r(d.current)),k.length>0){const C=!!(R.current?.shiftKey&&R.current?.key==="Tab"),M=k[0],N=k[k.length-1];typeof M!="string"&&typeof N!="string"&&(C?N.focus():M.focus())}else x.focus()};a.addEventListener("focusin",P),a.addEventListener("keydown",h,!0);const w=setInterval(()=>{a.activeElement&&a.activeElement.tagName==="BODY"&&P()},50);return()=>{clearInterval(w),a.removeEventListener("focusin",P),a.removeEventListener("keydown",h,!0)}},[o,n,s,i,c,r]);const v=a=>{m.current===null&&(m.current=a.relatedTarget),p.current=!0,E.current=a.target;const h=t.props.onFocus;h&&h(a)},y=a=>{m.current===null&&(m.current=a.relatedTarget),p.current=!0};return I.jsxs(l.Fragment,{children:[I.jsx("div",{tabIndex:c?0:-1,onFocus:y,ref:g,"data-testid":"sentinelStart"}),l.cloneElement(t,{ref:S,onFocus:v}),I.jsx("div",{tabIndex:c?0:-1,onFocus:y,ref:T,"data-testid":"sentinelEnd"})]})}function De(e){return typeof e=="function"?e():e}function He(e){return e?e.props.hasOwnProperty("in"):!1}const te=()=>{},L=new Se;function Le(e){const{container:t,disableEscapeKeyDown:o=!1,disableScrollLock:n=!1,closeAfterTransition:s=!1,onTransitionEnter:r,onTransitionExited:i,children:c,onClose:f,open:g,rootRef:T}=e,m=l.useRef({}),E=l.useRef(null),p=l.useRef(null),d=ie(p,T),[S,R]=l.useState(!g),v=He(c);let y=!0;(e["aria-hidden"]==="false"||e["aria-hidden"]===!1)&&(y=!1);const a=()=>F(E.current),h=()=>(m.current.modalRef=p.current,m.current.mount=E.current,m.current),P=()=>{L.mount(h(),{disableScrollLock:n}),p.current&&(p.current.scrollTop=0)},w=Q(()=>{const b=De(t)||a().body;L.add(h(),b),p.current&&P()}),x=()=>L.isTopModal(h()),k=Q(b=>{E.current=b,b&&(g&&x()?P():p.current&&O(p.current,y))}),C=l.useCallback(()=>{L.remove(h(),y)},[y]);l.useEffect(()=>()=>{C()},[C]),l.useEffect(()=>{g?w():(!v||!s)&&C()},[g,C,v,s,w]);const M=b=>u=>{b.onKeyDown?.(u),!(u.key!=="Escape"||u.which===229||!x())&&(o||(u.stopPropagation(),f&&f(u,"escapeKeyDown")))},N=b=>u=>{b.onClick?.(u),u.target===u.currentTarget&&f&&f(u,"backdropClick")};return{getRootProps:(b={})=>{const u=he(e);delete u.onTransitionEnter,delete u.onTransitionExited;const D={...u,...b};return{role:"presentation",...D,onKeyDown:M(D),ref:d}},getBackdropProps:(b={})=>{const u=b;return{"aria-hidden":!0,...u,onClick:N(u),open:g}},getTransitionProps:()=>{const b=()=>{R(!1),r&&r()},u=()=>{R(!0),i&&i(),s&&C()};return{onEnter:Z(b,c?.props.onEnter??te),onExited:Z(u,c?.props.onExited??te)}},rootRef:d,portalRef:k,isTopModal:x,exited:S,hasTransition:v}}function je(e){return ne("MuiModal",e)}oe("MuiModal",["root","hidden","backdrop"]);const Ue=e=>{const{open:t,exited:o,classes:n}=e;return se({root:["root",!t&&o&&"hidden"],backdrop:["backdrop"]},je,n)},Ke=q("div",{name:"MuiModal",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.root,!o.open&&o.exited&&t.hidden]}})(me(({theme:e})=>({position:"fixed",zIndex:(e.vars||e).zIndex.modal,right:0,bottom:0,top:0,left:0,variants:[{props:({ownerState:t})=>!t.open&&t.exited,style:{visibility:"hidden"}}]}))),We=q(Te,{name:"MuiModal",slot:"Backdrop"})({zIndex:-1}),et=l.forwardRef(function(t,o){const n=re({name:"MuiModal",props:t}),{BackdropComponent:s=We,BackdropProps:r,classes:i,className:c,closeAfterTransition:f=!1,children:g,container:T,component:m,components:E={},componentsProps:p={},disableAutoFocus:d=!1,disableEnforceFocus:S=!1,disableEscapeKeyDown:R=!1,disablePortal:v=!1,disableRestoreFocus:y=!1,disableScrollLock:a=!1,hideBackdrop:h=!1,keepMounted:P=!1,onClose:w,onTransitionEnter:x,onTransitionExited:k,open:C,slotProps:M={},slots:N={},theme:ae,...G}=n,K={...n,closeAfterTransition:f,disableAutoFocus:d,disableEnforceFocus:S,disableEscapeKeyDown:R,disablePortal:v,disableRestoreFocus:y,disableScrollLock:a,hideBackdrop:h,keepMounted:P},{getRootProps:b,getBackdropProps:u,getTransitionProps:D,portalRef:ce,isTopModal:le,exited:V,hasTransition:X}=Le({...K,rootRef:o}),A={...K,exited:V},W=Ue(A),H={};if(g.props.tabIndex===void 0&&(H.tabIndex="-1"),X){const{onEnter:B,onExited:$}=D();H.onEnter=B,H.onExited=$}const J={slots:{root:E.Root,backdrop:E.Backdrop,...N},slotProps:{...p,...M}},[de,ue]=U("root",{ref:o,elementType:Ke,externalForwardedProps:{...J,...G,component:m},getSlotProps:b,ownerState:A,className:Y(c,W?.root,!A.open&&A.exited&&W?.hidden)}),[fe,pe]=U("backdrop",{ref:r?.ref,elementType:s,externalForwardedProps:J,shouldForwardComponentProp:!0,additionalProps:r,getSlotProps:B=>u({...B,onClick:$=>{B?.onClick&&B.onClick($)}}),className:Y(r?.className,W?.backdrop),ownerState:A});return!P&&!C&&(!X||V)?null:I.jsx(be,{ref:ce,container:T,disablePortal:v,children:I.jsxs(de,{...ue,children:[!h&&s?I.jsx(fe,{...pe}):null,I.jsx(Oe,{disableEnforceFocus:S,disableAutoFocus:d,disableRestoreFocus:y,isEnabled:le,open:C,children:l.cloneElement(g,H)})]})})});export{Te as B,Oe as F,et as M,ve as g};