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

package/storybook-static/assets/Chip.stories-sxcfHVo9.js

@@ -0,0 +1,333 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{D as j}from"./Delete-D2SMMmIA.js";import{c as I}from"./createSvgIcon-D_Gca4vA.js";import{C as E}from"./CheckCircleOutline-CEj5mDsl.js";import{C}from"./Chip-C3vKPpzR.js";import{A as f}from"./Avatar-NbFfkZws.js";import{B as o}from"./Box-BnhEcfFm.js";import{T as k}from"./Typography-BgntX2Ep.js";import"./iframe-BAJnc_4n.js";import"./preload-helper-PPVm8Dsz.js";import"./DefaultPropsProvider-BGoQxtDa.js";import"./createSimplePaletteValueFilter-bm0fmN_7.js";import"./useSlot-b6pXgp5_.js";import"./useForkRef-0ANIrxcF.js";import"./ButtonBase-qyaMEhe4.js";import"./useTimeout-DNjRaOWc.js";import"./emotion-react.browser.esm--g-C9cX9.js";import"./isFocusVisible-B8k4qzLc.js";import"./extendSxProp-CEpa30hT.js";const q=I(e.jsx("path",{d:"M9 11.75c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25m6 0c-.69 0-1.25.56-1.25 1.25s.56 1.25 1.25 1.25 1.25-.56 1.25-1.25-.56-1.25-1.25-1.25M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8 0-.29.02-.58.05-.86 2.36-1.05 4.23-2.98 5.21-5.37C11.07 8.33 14.05 10 17.42 10c.78 0 1.53-.09 2.25-.26.21.71.33 1.47.33 2.26 0 4.41-3.59 8-8 8"})),a=({label:r,onClick:i,onDelete:x,avatar:b,icon:y,disabled:v=!1,variant:D="filled",color:g="default",size:F="medium",...B})=>e.jsx(C,{label:r,onClick:i,onDelete:x,avatar:b,icon:y,disabled:v,variant:D,color:g,size:F,clickable:!!i,...B});a.__docgenInfo={description:`Componente Chip personalizado de Material UI.
+Proporciona una interfaz simplificada para el componente Chip de Material UI,
+permitiendo una fácil personalización de etiquetas, avatares, iconos y acciones.`,methods:[],displayName:"Chip",props:{label:{required:!0,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: React.MouseEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}]},name:"event"}],return:{name:"void"}}},description:""},onDelete:{required:!1,tsType:{name:"signature",type:"function",raw:"(event: React.MouseEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}]},name:"event"}],return:{name:"void"}}},description:""},avatar:{required:!1,tsType:{name:"ReactReactElement",raw:"React.ReactElement"},description:""},icon:{required:!1,tsType:{name:"ReactReactElement",raw:"React.ReactElement"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},variant:{required:!1,tsType:{name:"union",raw:"'filled' | 'outlined'",elements:[{name:"literal",value:"'filled'"},{name:"literal",value:"'outlined'"}]},description:"",defaultValue:{value:"'filled'",computed:!1}},color:{required:!1,tsType:{name:"union",raw:"'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning'",elements:[{name:"literal",value:"'default'"},{name:"literal",value:"'primary'"},{name:"literal",value:"'secondary'"},{name:"literal",value:"'error'"},{name:"literal",value:"'info'"},{name:"literal",value:"'success'"},{name:"literal",value:"'warning'"}]},description:"",defaultValue:{value:"'default'",computed:!1}},size:{required:!1,tsType:{name:"union",raw:"'small' | 'medium'",elements:[{name:"literal",value:"'small'"},{name:"literal",value:"'medium'"}]},description:"",defaultValue:{value:"'medium'",computed:!1}}},composes:["Omit"]};const A=`
+import React from 'react';
+import { Chip } from './Chip'; // Ajusta la ruta si es necesario
+import { Box, Typography } from '@mui/material';
+
+export const BasicChipExample = () => {
+  return (
+    <Chip label="Etiqueta Básica" />
+  );
+};
+`,S=`
+import React from 'react';
+import { Chip } from './Chip'; // Ajusta la ruta si es necesario
+import { Box, Typography } from '@mui/material';
+
+export const ClickableChipExample = () => {
+  const handleClick = () => {
+    alert('Chip clickeado!');
+  };
+  return (
+    <Chip label="Clickeable" onClick={handleClick} />
+  );
+};
+`,R=`
+import React from 'react';
+import { Chip } from './Chip'; // Ajusta la ruta si es necesario
+import { Box, Typography } from '@mui/material';
+import DeleteIcon from '@mui/icons-material/Delete';
+
+export const DeletableChipExample = () => {
+  const handleDelete = () => {
+    alert('Chip borrado!');
+  };
+  return (
+    <Chip label="Borrable" onDelete={handleDelete} deleteIcon={<DeleteIcon />} />
+  );
+};
+`,T=`
+import React from 'react';
+import { Chip } from './Chip'; // Ajusta la ruta si es necesario
+import { Avatar, Box, Typography } from '@mui/material';
+
+export const ChipWithAvatarExample = () => {
+  return (
+    <Chip
+      label="Con Avatar"
+      avatar={<Avatar alt="Avatar" src="https://placehold.co/40x40/FF7F50/FFFFFF?text=A" />}
+    />
+  );
+};
+`,M=`
+import React from 'react';
+import { Chip } from './Chip'; // Ajusta la ruta si es necesario
+import { Box, Typography } from '@mui/material';
+import FaceIcon from '@mui/icons-material/Face';
+
+export const ChipWithIconExample = () => {
+  return (
+    <Chip label="Con Icono" icon={<FaceIcon />} />
+  );
+};
+`,z=`
+import React from 'react';
+import { Chip } from './Chip'; // Ajusta la ruta si es necesario
+import { Box, Typography } from '@mui/material';
+
+export const DisabledChipExample = () => {
+  return (
+    <Box sx={{ display: 'flex', gap: 2 }}>
+      <Chip label="Deshabilitado" disabled />
+      <Chip label="Deshabilitado Borrable" onDelete={() => {}} disabled />
+    </Box>
+  );
+};
+`,U=`
+import React from 'react';
+import { Chip } from './Chip'; // Ajusta la ruta si es necesario
+import { Box, Typography } from '@mui/material';
+
+export const ChipVariantsExample = () => {
+  return (
+    <Box sx={{ display: 'flex', gap: 2 }}>
+      <Chip label="Filled (Default)" />
+      <Chip label="Outlined" variant="outlined" />
+    </Box>
+  );
+};
+`,P=`
+import React from 'react';
+import { Chip } from './Chip'; // Ajusta la ruta si es necesario
+import { Box, Typography } from '@mui/material';
+
+export const ChipColorsExample = () => {
+  return (
+    <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 2 }}>
+      <Chip label="Default" />
+      <Chip label="Primary" color="primary" />
+      <Chip label="Secondary" color="secondary" />
+      <Chip label="Error" color="error" />
+      <Chip label="Info" color="info" />
+      <Chip label="Success" color="success" />
+      <Chip label="Warning" color="warning" />
+      <Chip label="Primary Outlined" color="primary" variant="outlined" />
+      <Chip label="Success Outlined" color="success" variant="outlined" />
+    </Box>
+  );
+};
+`,w=`
+import React from 'react';
+import { Chip } from './Chip'; // Ajusta la ruta si es necesario
+import { Box, Typography } from '@mui/material';
+
+export const ChipSizesExample = () => {
+  return (
+    <Box sx={{ display: 'flex', gap: 2, alignItems: 'center' }}>
+      <Chip label="Pequeño" size="small" />
+      <Chip label="Mediano (Default)" size="medium" />
+    </Box>
+  );
+};
+`,W=`
+import React from 'react';
+import { Chip } from './Chip'; // Ajusta la ruta si es necesario
+import { Box, Typography, Avatar } from '@mui/material';
+import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';
+
+export const CustomContentChipExample = () => {
+  const handleClick = () => alert('Perfil visto!');
+  const handleDelete = () => alert('Perfil eliminado!');
+
+  return (
+    <Chip
+      avatar={<Avatar src="https://placehold.co/40x40/87CEEB/FFFFFF?text=PR" />}
+      label={
+        <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.5 }}>
+          <CheckCircleOutlineIcon sx={{ fontSize: 16 }} />
+          <Typography variant="body2" sx={{ fontWeight: 'bold' }}>Perfil Completo</Typography>
+        </Box>
+      }
+      onDelete={handleDelete}
+      onClick={handleClick}
+      color="info"
+      variant="outlined"
+    />
+  );
+};
+`,te={title:"Components/Chip",component:a,tags:["autodocs"],parameters:{layout:"centered",docs:{description:{component:"Un componente `Chip` reutilizable de Material UI que muestra una pequeña pieza de información. Soporta varias variantes visuales, avatares, iconos y acciones."}}},argTypes:{label:{control:"text",description:"El contenido principal del chip. Puede ser un string o JSX."},onClick:{action:"clicked",description:"Función de callback que se dispara al hacer click en el chip."},onDelete:{action:"deleted",description:"Función de callback que se dispara al hacer click en el botón de borrar del chip. Si se provee, muestra un botón de borrar."},avatar:{control:!1,description:"Un componente `Avatar` a mostrar al inicio del chip."},icon:{control:!1,description:"Un componente `Icon` a mostrar al inicio del chip (alternativa al avatar)."},disabled:{control:"boolean",description:"Si es verdadero, el chip estará deshabilitado y no interactuable."},variant:{control:"radio",options:["filled","outlined"],description:"La variante visual del chip.",defaultValue:"filled"},color:{control:"select",options:["default","primary","secondary","error","info","success","warning"],description:"El color predefinido del chip.",defaultValue:"default"},size:{control:"radio",options:["small","medium"],description:"El tamaño del chip.",defaultValue:"medium"}}},t={render:()=>e.jsx(a,{label:"Etiqueta Básica"}),parameters:{docs:{description:{story:"Un chip simple con solo una etiqueta de texto."},source:{code:A.trim()}}}},n={render:()=>{const r=()=>{alert("Chip clickeado!")};return e.jsx(a,{label:"Clickeable",onClick:r})},parameters:{docs:{description:{story:"Un chip que puede ser clickeado y dispara un evento `onClick`."},source:{code:S.trim()}}}},l={render:()=>{const r=()=>{alert("Chip borrado!")};return e.jsx(a,{label:"Borrable",onDelete:r,deleteIcon:e.jsx(j,{})})},parameters:{docs:{description:{story:"Un chip que incluye un botón de borrar (`DeleteIcon` por defecto o personalizado) y dispara un evento `onDelete`."},source:{code:R.trim()}}}},s={render:()=>e.jsx(a,{label:"Con Avatar",avatar:e.jsx(f,{alt:"Avatar",src:"https://placehold.co/40x40/FF7F50/FFFFFF?text=A"})}),parameters:{docs:{description:{story:"Un chip que muestra un `Avatar` al inicio, útil para representar usuarios o entidades."},source:{code:T.trim()}}}},c={render:()=>e.jsx(a,{label:"Con Icono",icon:e.jsx(q,{})}),parameters:{docs:{description:{story:"Un chip que muestra un `Icon` de Material UI al inicio, como alternativa a un avatar."},source:{code:M.trim()}}}},p={render:()=>e.jsxs(o,{sx:{display:"flex",gap:2},children:[e.jsx(a,{label:"Deshabilitado",disabled:!0}),e.jsx(a,{label:"Deshabilitado Borrable",onDelete:()=>alert("No se puede borrar!"),disabled:!0})]}),parameters:{docs:{description:{story:"Chips que están deshabilitados, impidiendo cualquier interacción o acción."},source:{code:z.trim()}}}},d={render:()=>e.jsxs(o,{sx:{display:"flex",gap:2},children:[e.jsx(a,{label:"Filled (Default)"}),e.jsx(a,{label:"Outlined",variant:"outlined"})]}),parameters:{docs:{story:"Demuestra las variantes `filled` (por defecto) y `outlined` del chip."},source:{code:U.trim()}}},m={render:()=>e.jsxs(o,{sx:{display:"flex",flexWrap:"wrap",gap:2},children:[e.jsx(a,{label:"Default"}),e.jsx(a,{label:"Primary",color:"primary"}),e.jsx(a,{label:"Secondary",color:"secondary"}),e.jsx(a,{label:"Error",color:"error"}),e.jsx(a,{label:"Info",color:"info"}),e.jsx(a,{label:"Success",color:"success"}),e.jsx(a,{label:"Warning",color:"warning"}),e.jsx(C,{label:"Primary Outlined",color:"primary",variant:"outlined"})," ",e.jsx(C,{label:"Success Outlined",color:"success",variant:"outlined"})," "]}),parameters:{docs:{story:"Ejemplos de chips con diferentes colores predefinidos de Material UI, tanto en variante `filled` como `outlined`."},source:{code:P.trim()}}},u={render:()=>e.jsxs(o,{sx:{display:"flex",gap:2,alignItems:"center"},children:[e.jsx(a,{label:"Pequeño",size:"small"}),e.jsx(a,{label:"Mediano (Default)",size:"medium"})]}),parameters:{docs:{story:"Demuestra los diferentes tamaños disponibles para el chip: `small` y `medium`."},source:{code:w.trim()}}},h={render:()=>{const r=()=>alert("Perfil visto!"),i=()=>alert("Perfil eliminado!");return e.jsx(a,{avatar:e.jsx(f,{src:"https://placehold.co/40x40/87CEEB/FFFFFF?text=PR"}),label:e.jsxs(o,{sx:{display:"flex",alignItems:"center",gap:.5},children:[e.jsx(E,{sx:{fontSize:16}}),e.jsx(k,{variant:"body2",sx:{fontWeight:"bold"},children:"Perfil Completo"})]}),onDelete:i,onClick:r,color:"info",variant:"outlined"})},parameters:{docs:{story:"Un chip con contenido personalizado en su etiqueta, combinando iconos y tipografía avanzada."},source:{code:W.trim()}}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    return <Chip label="Etiqueta Básica" />;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Un chip simple con solo una etiqueta de texto."
+      },
+      source: {
+        code: BasicChipDefinition.trim()
+      }
+    }
+  }
+}`,...t.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    const handleClick = () => {
+      alert('Chip clickeado!');
+    };
+    return <Chip label="Clickeable" onClick={handleClick} />;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Un chip que puede ser clickeado y dispara un evento \`onClick\`."
+      },
+      source: {
+        code: ClickableChipDefinition.trim()
+      }
+    }
+  }
+}`,...n.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    const handleDelete = () => {
+      alert('Chip borrado!');
+    };
+    return <Chip label="Borrable" onDelete={handleDelete} deleteIcon={<DeleteIcon />} />;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Un chip que incluye un botón de borrar (\`DeleteIcon\` por defecto o personalizado) y dispara un evento \`onDelete\`."
+      },
+      source: {
+        code: DeletableChipDefinition.trim()
+      }
+    }
+  }
+}`,...l.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    return <Chip label="Con Avatar" avatar={<Avatar alt="Avatar" src="https://placehold.co/40x40/FF7F50/FFFFFF?text=A" />} />;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Un chip que muestra un \`Avatar\` al inicio, útil para representar usuarios o entidades."
+      },
+      source: {
+        code: ChipWithAvatarDefinition.trim()
+      }
+    }
+  }
+}`,...s.parameters?.docs?.source}}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    return <Chip label="Con Icono" icon={<FaceIcon />} />;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Un chip que muestra un \`Icon\` de Material UI al inicio, como alternativa a un avatar."
+      },
+      source: {
+        code: ChipWithIconDefinition.trim()
+      }
+    }
+  }
+}`,...c.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    return <Box sx={{
+      display: 'flex',
+      gap: 2
+    }}>
+        <Chip label="Deshabilitado" disabled />
+        <Chip label="Deshabilitado Borrable" onDelete={() => alert('No se puede borrar!')} disabled />
+      </Box>;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Chips que están deshabilitados, impidiendo cualquier interacción o acción."
+      },
+      source: {
+        code: DisabledChipDefinition.trim()
+      }
+    }
+  }
+}`,...p.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    return <Box sx={{
+      display: 'flex',
+      gap: 2
+    }}>
+        <Chip label="Filled (Default)" />
+        <Chip label="Outlined" variant="outlined" />
+      </Box>;
+  },
+  parameters: {
+    docs: {
+      story: "Demuestra las variantes \`filled\` (por defecto) y \`outlined\` del chip."
+    },
+    source: {
+      code: ChipVariantsDefinition.trim()
+    }
+  }
+}`,...d.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    return <Box sx={{
+      display: 'flex',
+      flexWrap: 'wrap',
+      gap: 2
+    }}>
+        <Chip label="Default" />
+        <Chip label="Primary" color="primary" />
+        <Chip label="Secondary" color="secondary" />
+        <Chip label="Error" color="error" />
+        <Chip label="Info" color="info" />
+        <Chip label="Success" color="success" />
+        <Chip label="Warning" color="warning" />
+        <MuiChip label="Primary Outlined" color="primary" variant="outlined" /> {/* Usando MuiChip para demostrar combinado */}
+        <MuiChip label="Success Outlined" color="success" variant="outlined" /> {/* Usando MuiChip para demostrar combinado */}
+      </Box>;
+  },
+  parameters: {
+    docs: {
+      story: "Ejemplos de chips con diferentes colores predefinidos de Material UI, tanto en variante \`filled\` como \`outlined\`."
+    },
+    source: {
+      code: ChipColorsDefinition.trim()
+    }
+  }
+}`,...m.parameters?.docs?.source}}};u.parameters={...u.parameters,docs:{...u.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    return <Box sx={{
+      display: 'flex',
+      gap: 2,
+      alignItems: 'center'
+    }}>
+        <Chip label="Pequeño" size="small" />
+        <Chip label="Mediano (Default)" size="medium" />
+      </Box>;
+  },
+  parameters: {
+    docs: {
+      story: "Demuestra los diferentes tamaños disponibles para el chip: \`small\` y \`medium\`."
+    },
+    source: {
+      code: ChipSizesDefinition.trim()
+    }
+  }
+}`,...u.parameters?.docs?.source}}};h.parameters={...h.parameters,docs:{...h.parameters?.docs,source:{originalSource:`{
+  render: () => {
+    const handleClick = () => alert('Perfil visto!');
+    const handleDelete = () => alert('Perfil eliminado!');
+    return <Chip avatar={<Avatar src="https://placehold.co/40x40/87CEEB/FFFFFF?text=PR" />} label={<Box sx={{
+      display: 'flex',
+      alignItems: 'center',
+      gap: 0.5
+    }}>
+            <CheckCircleOutlineIcon sx={{
+        fontSize: 16
+      }} />
+            <Typography variant="body2" sx={{
+        fontWeight: 'bold'
+      }}>Perfil Completo</Typography>
+          </Box>} onDelete={handleDelete} onClick={handleClick} color="info" variant="outlined" />;
+  },
+  parameters: {
+    docs: {
+      story: "Un chip con contenido personalizado en su etiqueta, combinando iconos y tipografía avanzada."
+    },
+    source: {
+      code: CustomContentChipDefinition.trim()
+    }
+  }
+}`,...h.parameters?.docs?.source}}};const ne=["BasicChip","ClickableChip","DeletableChip","ChipWithAvatar","ChipWithIcon","DisabledChip","ChipVariants","ChipColors","ChipSizes","CustomContentChip"];export{t as BasicChip,m as ChipColors,u as ChipSizes,d as ChipVariants,s as ChipWithAvatar,c as ChipWithIcon,n as ClickableChip,h as CustomContentChip,l as DeletableChip,p as DisabledChip,ne as __namedExportsOrder,te as default};

package/storybook-static/assets/CircularProgress-DC7ZNWwl.js

@@ -0,0 +1,28 @@
+import{r as R}from"./iframe-BAJnc_4n.js";import{g as j,a as w,u as N,s as y,c as U,b as n,d as E,m as P}from"./DefaultPropsProvider-BGoQxtDa.js";import{c as F}from"./createSimplePaletteValueFilter-bm0fmN_7.js";import{j as f}from"./jsx-runtime-D_zvdyIk.js";import{c as S,k as $}from"./emotion-react.browser.esm--g-C9cX9.js";function I(e){return j("MuiCircularProgress",e)}w("MuiCircularProgress",["root","determinate","indeterminate","colorPrimary","colorSecondary","svg","circle","circleDeterminate","circleIndeterminate","circleDisableShrink"]);const t=44,g=$`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`,h=$`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: -126px;
+  }
+`,z=typeof g!="string"?S`
+        animation: ${g} 1.4s linear infinite;
+      `:null,A=typeof h!="string"?S`
+        animation: ${h} 1.4s ease-in-out infinite;
+      `:null,K=e=>{const{classes:r,variant:s,color:a,disableShrink:c}=e,l={root:["root",s,`color${n(a)}`],svg:["svg"],circle:["circle",`circle${n(s)}`,c&&"circleDisableShrink"]};return E(l,I,r)},V=y("span",{name:"MuiCircularProgress",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:s}=e;return[r.root,r[s.variant],r[`color${n(s.color)}`]]}})(P(({theme:e})=>({display:"inline-block",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("transform")}},{props:{variant:"indeterminate"},style:z||{animation:`${g} 1.4s linear infinite`}},...Object.entries(e.palette).filter(F()).map(([r])=>({props:{color:r},style:{color:(e.vars||e).palette[r].main}}))]}))),B=y("svg",{name:"MuiCircularProgress",slot:"Svg"})({display:"block"}),G=y("circle",{name:"MuiCircularProgress",slot:"Circle",overridesResolver:(e,r)=>{const{ownerState:s}=e;return[r.circle,r[`circle${n(s.variant)}`],s.disableShrink&&r.circleDisableShrink]}})(P(({theme:e})=>({stroke:"currentColor",variants:[{props:{variant:"determinate"},style:{transition:e.transitions.create("stroke-dashoffset")}},{props:{variant:"indeterminate"},style:{strokeDasharray:"80px, 200px",strokeDashoffset:0}},{props:({ownerState:r})=>r.variant==="indeterminate"&&!r.disableShrink,style:A||{animation:`${h} 1.4s ease-in-out infinite`}}]}))),H=R.forwardRef(function(r,s){const a=N({props:r,name:"MuiCircularProgress"}),{className:c,color:l="primary",disableShrink:b=!1,size:m=40,style:D,thickness:o=3.6,value:p=0,variant:k="indeterminate",...M}=a,i={...a,color:l,disableShrink:b,size:m,thickness:o,value:p,variant:k},u=K(i),d={},v={},x={};if(k==="determinate"){const C=2*Math.PI*((t-o)/2);d.strokeDasharray=C.toFixed(3),x["aria-valuenow"]=Math.round(p),d.strokeDashoffset=`${((100-p)/100*C).toFixed(3)}px`,v.transform="rotate(-90deg)"}return f.jsx(V,{className:U(u.root,c),style:{width:m,height:m,...v,...D},ownerState:i,ref:s,role:"progressbar",...x,...M,children:f.jsx(B,{className:u.svg,ownerState:i,viewBox:`${t/2} ${t/2} ${t} ${t}`,children:f.jsx(G,{className:u.circle,style:d,ownerState:i,cx:t,cy:t,r:(t-o)/2,fill:"none",strokeWidth:o})})})});export{H as C};

package/storybook-static/assets/Clear-4kYcKvT3.js

@@ -0,0 +1 @@
+import{r as b}from"./iframe-BAJnc_4n.js";import{g as m,a as S,u as h,s as x,c as L,b as c,d as k,m as C}from"./DefaultPropsProvider-BGoQxtDa.js";import{j as p}from"./jsx-runtime-D_zvdyIk.js";import{c as v}from"./createSvgIcon-D_Gca4vA.js";function R(t){return m("MuiListSubheader",t)}S("MuiListSubheader",["root","colorPrimary","colorInherit","gutters","inset","sticky"]);const M=t=>{const{classes:s,color:o,disableGutters:e,inset:i,disableSticky:a}=t,r={root:["root",o!=="default"&&`color${c(o)}`,!e&&"gutters",i&&"inset",!a&&"sticky"]};return k(r,R,s)},z=x("li",{name:"MuiListSubheader",slot:"Root",overridesResolver:(t,s)=>{const{ownerState:o}=t;return[s.root,o.color!=="default"&&s[`color${c(o.color)}`],!o.disableGutters&&s.gutters,o.inset&&s.inset,!o.disableSticky&&s.sticky]}})(C(({theme:t})=>({boxSizing:"border-box",lineHeight:"48px",listStyle:"none",color:(t.vars||t).palette.text.secondary,fontFamily:t.typography.fontFamily,fontWeight:t.typography.fontWeightMedium,fontSize:t.typography.pxToRem(14),variants:[{props:{color:"primary"},style:{color:(t.vars||t).palette.primary.main}},{props:{color:"inherit"},style:{color:"inherit"}},{props:({ownerState:s})=>!s.disableGutters,style:{paddingLeft:16,paddingRight:16}},{props:({ownerState:s})=>s.inset,style:{paddingLeft:72}},{props:({ownerState:s})=>!s.disableSticky,style:{position:"sticky",top:0,zIndex:1,backgroundColor:(t.vars||t).palette.background.paper}}]}))),n=b.forwardRef(function(s,o){const e=h({props:s,name:"MuiListSubheader"}),{className:i,color:a="default",component:r="li",disableGutters:u=!1,disableSticky:d=!1,inset:y=!1,...f}=e,l={...e,color:a,component:r,disableGutters:u,disableSticky:d,inset:y},g=M(l);return p.jsx(z,{as:r,className:L(g.root,i),ref:o,ownerState:l,...f})});n&&(n.muiSkipListHighlight=!0);const w=v(p.jsx("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}));export{w as C,n as L};

package/storybook-static/assets/ClipBoard-DvLBdNHe.js

@@ -0,0 +1 @@
+import{j as b}from"./jsx-runtime-D_zvdyIk.js";import{r as t}from"./iframe-BAJnc_4n.js";import{S as v}from"./Snackbar-BtVeKTw6.js";import{A as S}from"./Alert-3zvTPc0p.js";function j(e){const o=t.useRef(null),[f,n]=t.useState(!1),[k,i]=t.useState(e?.message||"¡Copiado al portapapeles!"),[y,l]=t.useState(e?.severity||"success"),[C,u]=t.useState(e?.position||{vertical:"bottom",horizontal:"center"}),[p,d]=t.useState(e?.duration??3e3),m=t.useCallback((r,a)=>{a!=="clickaway"&&n(!1)},[]),s=t.useCallback(r=>{try{if(navigator.clipboard&&window.isSecureContext)navigator.clipboard.writeText(r);else{const a=document.createElement("textarea");a.value=r,document.body.appendChild(a),a.select(),document.execCommand("copy"),document.body.removeChild(a)}i(e?.message||"¡Copiado al portapapeles!"),l(e?.severity||"success"),u(e?.position||{vertical:"bottom",horizontal:"center"}),d(e?.duration??3e3),n(!0)}catch(a){console.error("Error al copiar al portapapeles:",a),i("Error al copiar."),l("error"),u(e?.position||{vertical:"bottom",horizontal:"center"}),d(e?.duration??3e3),n(!0)}},[e]),c=t.useCallback(()=>{if(o.current){const r=o.current.innerText||"";s(r)}},[s]);return t.useEffect(()=>{const r=o.current;return r&&(r.style.cursor="pointer",r.addEventListener("click",c)),()=>{r&&r.removeEventListener("click",c)}},[c]),{ref:o,copy:s,CopyMessage:()=>p<=0?null:b.jsx(v,{open:f,autoHideDuration:p,onClose:m,anchorOrigin:C,children:b.jsx(S,{onClose:m,severity:y,sx:{width:"100%"},children:k})})}}export{j as u};

package/storybook-static/assets/ClipBoard.stories-BGUo47r6.js

@@ -0,0 +1,108 @@
+import{j as e}from"./jsx-runtime-D_zvdyIk.js";import{C as M}from"./ContentCopy-BfLTDb10.js";import{u as s}from"./ClipBoard-DvLBdNHe.js";import{S as k}from"./Stack-D01OUIXi.js";import{T as a}from"./Typography-BgntX2Ep.js";import{B as c}from"./Box-BnhEcfFm.js";import{P as f}from"./Paper-SwQBhqI7.js";import{T}from"./TableContainer-CzLNaEU-.js";import{T as R,a as B,b as x,c as n,d as U}from"./TableRow-CS88-1HF.js";import{B as y}from"./Button-DBpqmVB_.js";import"./createSvgIcon-D_Gca4vA.js";import"./iframe-BAJnc_4n.js";import"./preload-helper-PPVm8Dsz.js";import"./DefaultPropsProvider-BGoQxtDa.js";import"./Snackbar-BtVeKTw6.js";import"./useTimeout-DNjRaOWc.js";import"./useSlot-b6pXgp5_.js";import"./useForkRef-0ANIrxcF.js";import"./useTheme-BmOJK7ra.js";import"./extendSxProp-CEpa30hT.js";import"./getReactElementRef-BQ3ANZdy.js";import"./index-CY7j4a7o.js";import"./index-BF3FAXTk.js";import"./ownerDocument-DW-IO8s5.js";import"./Grow-8y4FglGK.js";import"./Alert-3zvTPc0p.js";import"./createSimplePaletteValueFilter-bm0fmN_7.js";import"./Close-Cy8nELYU.js";import"./IconButton-9OYSTH58.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"./useThemeProps-DYtxXiUU.js";const F=[{id:1,content:"dato-A-456"},{id:2,content:"dato-B-789"}],g=({message:o,severity:r,duration:i,vertical:C,horizontal:h})=>{const u={message:o,severity:r,duration:i,position:{vertical:C,horizontal:h}},{copy:b,CopyMessage:v}=s(u),{ref:j,CopyMessage:D}=s({...u,message:u.message+" (MODO REF)",severity:"warning"});return e.jsxs(k,{spacing:4,sx:{width:"100%",minWidth:500,p:3},children:[e.jsx(a,{variant:"h5",children:"Hook Unificado: Ref vs. Función"}),e.jsxs(c,{children:[e.jsx(a,{variant:"h6",children:"1. MODO REF (Copia un solo elemento por clic)"}),e.jsxs(f,{sx:{p:2,mt:1,border:"1px solid #ccc",borderRadius:"8px",backgroundColor:"#eef",cursor:"pointer","&:hover":{backgroundColor:"#dde"}},children:[e.jsx(a,{ref:j,variant:"body1",sx:{userSelect:"none"},children:"Texto para copiar con **REF**: Esta línea contiene el texto completo."}),e.jsx(M,{sx:{fontSize:16,ml:1,verticalAlign:"middle",color:"text.secondary"}})]}),e.jsx(D,{})," "]}),e.jsxs(c,{children:[e.jsx(a,{variant:"h6",children:"2. MODO FUNCIÓN (Copia múltiples elementos en tabla)"}),e.jsx(T,{component:f,children:e.jsxs(R,{size:"small",children:[e.jsx(B,{children:e.jsxs(x,{children:[e.jsx(n,{children:"ID"}),e.jsx(n,{children:"Contenido"}),e.jsx(n,{children:"Acción"})]})}),e.jsx(U,{children:F.map(t=>e.jsxs(x,{children:[e.jsx(n,{children:t.id}),e.jsx(n,{children:t.content}),e.jsx(n,{children:e.jsxs(y,{variant:"contained",size:"small",onClick:()=>b(t.content),children:["Copiar ",t.id]})})]},t.id))})]})})]}),e.jsx(v,{})]})};g.__docgenInfo={description:"",methods:[],displayName:"ClipboardUnifiedDemo",props:{message:{required:!0,tsType:{name:"string"},description:""},severity:{required:!0,tsType:{name:"union",raw:"'success' | 'info' | 'warning' | 'error'",elements:[{name:"literal",value:"'success'"},{name:"literal",value:"'info'"},{name:"literal",value:"'warning'"},{name:"literal",value:"'error'"}]},description:""},duration:{required:!0,tsType:{name:"number"},description:""},vertical:{required:!0,tsType:{name:"union",raw:"'top' | 'bottom'",elements:[{name:"literal",value:"'top'"},{name:"literal",value:"'bottom'"}]},description:""},horizontal:{required:!0,tsType:{name:"union",raw:"'left' | 'center' | 'right'",elements:[{name:"literal",value:"'left'"},{name:"literal",value:"'center'"},{name:"literal",value:"'right'"}]},description:""}}};const ue={title:"Hooks/useClipboard (Unificado Ref & Función)",component:g,tags:["autodocs"],parameters:{layout:"padded",docs:{description:{component:"Hook unificado que soporta la **copia por Referencia (`ref`)** para un solo elemento y la **copia por Función (`copy(text)`)** para iteraciones (tablas, listas), proporcionando feedback visual con un Snackbar de Material UI."}}},argTypes:{message:{control:"text",description:"Mensaje de éxito para el MODO FUNCIÓN."},severity:{control:"select",options:["success","info","warning","error"],description:"Gravedad del Alert para el MODO FUNCIÓN."},duration:{control:{type:"number",min:0,max:5e3,step:500},description:"Duración del Snackbar."},vertical:{control:"select",options:["top","bottom"],description:"Posición vertical."},horizontal:{control:"select",options:["left","center","right"],description:"Posición horizontal."}},args:{message:"¡Dato copiado con la función!",severity:"success",duration:2e3,vertical:"bottom",horizontal:"center"}},p={name:"A. Demostración Completa",args:{message:"Dato copiado con éxito (Función)",severity:"success"},parameters:{docs:{description:{story:"Muestra ambos modos de uso (`ref` y `copy`) simultáneamente. El feedback del modo `ref` tiene color amarillo (warning) por defecto para diferenciarlo del modo `copy`."}}}},d={name:"B. Modo Ref: Uso Básico",render:()=>{const{ref:o,CopyMessage:r}=s();return e.jsxs(c,{children:[e.jsx(a,{ref:o,sx:{p:2,border:"1px solid #ccc",cursor:"pointer"},children:"Texto para copiar por ref (click aquí)."}),e.jsx(r,{})]})},parameters:{docs:{description:{story:"Demuestra el modo **Referencia**, donde el hook adjunta un listener de clic al elemento y copia su `innerText`."}}}},z=[{id:1,content:"Dato 1"},{id:2,content:"Dato 2"},{id:3,content:"Dato 3"}],l={name:"C. Modo Función: Uso en Iteración",render:()=>{const{copy:o,CopyMessage:r}=s({message:"Contenido de la fila copiado.",severity:"info",position:{vertical:"top",horizontal:"right"}});return e.jsxs(c,{children:[e.jsx(a,{variant:"h6",children:"Copiar datos individuales:"}),z.map(i=>e.jsxs(y,{variant:"outlined",onClick:()=>o(i.content),sx:{mr:2},children:["Copiar: ",i.content]},i.id)),e.jsx(r,{})]})},parameters:{docs:{description:{story:"Demuestra el modo **Función**, donde se llama a `copy(text)` dentro de un bucle, permitiendo controlar exactamente qué texto se copia."}}}},m={name:"D. Modo Ref: Con Configuración Custom",render:()=>{const{ref:o,CopyMessage:r}=s({message:"Copia OK en la parte superior.",severity:"success",duration:1800,position:{vertical:"top",horizontal:"left"}});return e.jsxs(c,{children:[e.jsx(a,{ref:o,sx:{p:2,border:"1px solid #0a0",backgroundColor:"#eef",cursor:"pointer"},children:"Clic. Snackbar aparecerá arriba a la izquierda."}),e.jsx(r,{})]})},parameters:{docs:{description:{story:"Muestra cómo aplicar opciones personalizadas de Snackbar al modo **Referencia**."}}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
+  name: 'A. Demostración Completa',
+  args: {
+    message: 'Dato copiado con éxito (Función)',
+    severity: 'success'
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Muestra ambos modos de uso (\`ref\` y \`copy\`) simultáneamente. El feedback del modo \`ref\` tiene color amarillo (warning) por defecto para diferenciarlo del modo \`copy\`."
+      }
+      // source: { code: MultipleFunctionElementsDefinition.trim() }
+    }
+  }
+}`,...p.parameters?.docs?.source}}};d.parameters={...d.parameters,docs:{...d.parameters?.docs,source:{originalSource:`{
+  name: 'B. Modo Ref: Uso Básico',
+  render: () => {
+    const {
+      ref,
+      CopyMessage
+    } = useClipboard(); // Sin opciones, usa valores por defecto
+    return <Box>
+                <Typography ref={ref} sx={{
+        p: 2,
+        border: '1px solid #ccc',
+        cursor: 'pointer'
+      }}>
+                    Texto para copiar por ref (click aquí).
+                </Typography>
+                <CopyMessage />
+            </Box>;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Demuestra el modo **Referencia**, donde el hook adjunta un listener de clic al elemento y copia su \`innerText\`."
+      }
+      // source: { code: BasicRefUsageDefinition.trim() }
+    }
+  }
+}`,...d.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
+  name: 'C. Modo Función: Uso en Iteración',
+  render: () => {
+    const {
+      copy,
+      CopyMessage
+    } = useClipboard({
+      message: 'Contenido de la fila copiado.',
+      severity: 'info',
+      position: {
+        vertical: 'top',
+        horizontal: 'right'
+      }
+    });
+    return <Box>
+                <Typography variant="h6">Copiar datos individuales:</Typography>
+                {mockData.map(item => <Button key={item.id} variant="outlined" onClick={() => copy(item.content)} sx={{
+        mr: 2
+      }}>
+                        Copiar: {item.content}
+                    </Button>)}
+                <CopyMessage />
+            </Box>;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Demuestra el modo **Función**, donde se llama a \`copy(text)\` dentro de un bucle, permitiendo controlar exactamente qué texto se copia."
+      }
+      // source: { code: FunctionModeUsageDefinition.trim() }
+    }
+  }
+}`,...l.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
+  name: 'D. Modo Ref: Con Configuración Custom',
+  render: () => {
+    const {
+      ref,
+      CopyMessage
+    } = useClipboard({
+      message: 'Copia OK en la parte superior.',
+      severity: 'success',
+      duration: 1800,
+      position: {
+        vertical: 'top',
+        horizontal: 'left'
+      }
+    });
+    return <Box>
+                <Typography ref={ref} sx={{
+        p: 2,
+        border: '1px solid #0a0',
+        backgroundColor: '#eef',
+        cursor: 'pointer'
+      }}>
+                    Clic. Snackbar aparecerá arriba a la izquierda.
+                </Typography>
+                <CopyMessage />
+            </Box>;
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "Muestra cómo aplicar opciones personalizadas de Snackbar al modo **Referencia**."
+      }
+      // source: { code: CustomRefUsageDefinition.trim() }
+    }
+  }
+}`,...m.parameters?.docs?.source}}};const fe=["DemoUnificada","UsoBasicoPorRef","UsoPorFuncionEnIteracion","CustomConfiguracionRef"];export{m as CustomConfiguracionRef,p as DemoUnificada,d as UsoBasicoPorRef,l as UsoPorFuncionEnIteracion,fe as __namedExportsOrder,ue as default};

package/storybook-static/assets/Close-CgHeRgmh.js

@@ -0,0 +1 @@
+import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{c as s}from"./createSvgIcon-D_Gca4vA.js";const a=s(o.jsx("path",{d:"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}));export{a as C};

package/storybook-static/assets/Close-Cy8nELYU.js

@@ -0,0 +1 @@
+import"./iframe-BAJnc_4n.js";import{c as o}from"./createSvgIcon-D_Gca4vA.js";import{j as r}from"./jsx-runtime-D_zvdyIk.js";const m=o(r.jsx("path",{d:"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"}));export{m as C};

package/storybook-static/assets/Color-AVL7NMMY-BJKvwERm.js

@@ -0,0 +1 @@
+import{d as ce,x as E,Y as A,g as he,i as fe,Z as de,M as ge,_ as be,a as I}from"./DocsRenderer-PQXLIZUC-BebLK5Y_.js";import{r as p,R as v}from"./iframe-BAJnc_4n.js";import"./preload-helper-PPVm8Dsz.js";import"./react-18-BUJ64QCV.js";import"./index-BF3FAXTk.js";import"./jsx-runtime-D_zvdyIk.js";import"./index-CY7j4a7o.js";var ve=I({"../../node_modules/color-name/index.js"(r,l){l.exports={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]}}}),U=I({"../../node_modules/color-convert/conversions.js"(r,l){var s=ve(),h={};for(let e of Object.keys(s))h[s[e]]=e;var u={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}};l.exports=u;for(let e of Object.keys(u)){if(!("channels"in u[e]))throw new Error("missing channels property: "+e);if(!("labels"in u[e]))throw new Error("missing channel labels property: "+e);if(u[e].labels.length!==u[e].channels)throw new Error("channel and label counts mismatch: "+e);let{channels:n,labels:t}=u[e];delete u[e].channels,delete u[e].labels,Object.defineProperty(u[e],"channels",{value:n}),Object.defineProperty(u[e],"labels",{value:t})}u.rgb.hsl=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,o=Math.min(n,t,a),i=Math.max(n,t,a),c=i-o,f,g;i===o?f=0:n===i?f=(t-a)/c:t===i?f=2+(a-n)/c:a===i&&(f=4+(n-t)/c),f=Math.min(f*60,360),f<0&&(f+=360);let b=(o+i)/2;return i===o?g=0:b<=.5?g=c/(i+o):g=c/(2-i-o),[f,g*100,b*100]},u.rgb.hsv=function(e){let n,t,a,o,i,c=e[0]/255,f=e[1]/255,g=e[2]/255,b=Math.max(c,f,g),y=b-Math.min(c,f,g),m=function(k){return(b-k)/6/y+1/2};return y===0?(o=0,i=0):(i=y/b,n=m(c),t=m(f),a=m(g),c===b?o=a-t:f===b?o=1/3+n-a:g===b&&(o=2/3+t-n),o<0?o+=1:o>1&&(o-=1)),[o*360,i*100,b*100]},u.rgb.hwb=function(e){let n=e[0],t=e[1],a=e[2],o=u.rgb.hsl(e)[0],i=1/255*Math.min(n,Math.min(t,a));return a=1-1/255*Math.max(n,Math.max(t,a)),[o,i*100,a*100]},u.rgb.cmyk=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,o=Math.min(1-n,1-t,1-a),i=(1-n-o)/(1-o)||0,c=(1-t-o)/(1-o)||0,f=(1-a-o)/(1-o)||0;return[i*100,c*100,f*100,o*100]};function d(e,n){return(e[0]-n[0])**2+(e[1]-n[1])**2+(e[2]-n[2])**2}u.rgb.keyword=function(e){let n=h[e];if(n)return n;let t=1/0,a;for(let o of Object.keys(s)){let i=s[o],c=d(e,i);c<t&&(t=c,a=o)}return a},u.keyword.rgb=function(e){return s[e]},u.rgb.xyz=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255;n=n>.04045?((n+.055)/1.055)**2.4:n/12.92,t=t>.04045?((t+.055)/1.055)**2.4:t/12.92,a=a>.04045?((a+.055)/1.055)**2.4:a/12.92;let o=n*.4124+t*.3576+a*.1805,i=n*.2126+t*.7152+a*.0722,c=n*.0193+t*.1192+a*.9505;return[o*100,i*100,c*100]},u.rgb.lab=function(e){let n=u.rgb.xyz(e),t=n[0],a=n[1],o=n[2];t/=95.047,a/=100,o/=108.883,t=t>.008856?t**(1/3):7.787*t+16/116,a=a>.008856?a**(1/3):7.787*a+16/116,o=o>.008856?o**(1/3):7.787*o+16/116;let i=116*a-16,c=500*(t-a),f=200*(a-o);return[i,c,f]},u.hsl.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100,o,i,c;if(t===0)return c=a*255,[c,c,c];a<.5?o=a*(1+t):o=a+t-a*t;let f=2*a-o,g=[0,0,0];for(let b=0;b<3;b++)i=n+1/3*-(b-1),i<0&&i++,i>1&&i--,6*i<1?c=f+(o-f)*6*i:2*i<1?c=o:3*i<2?c=f+(o-f)*(2/3-i)*6:c=f,g[b]=c*255;return g},u.hsl.hsv=function(e){let n=e[0],t=e[1]/100,a=e[2]/100,o=t,i=Math.max(a,.01);a*=2,t*=a<=1?a:2-a,o*=i<=1?i:2-i;let c=(a+t)/2,f=a===0?2*o/(i+o):2*t/(a+t);return[n,f*100,c*100]},u.hsv.rgb=function(e){let n=e[0]/60,t=e[1]/100,a=e[2]/100,o=Math.floor(n)%6,i=n-Math.floor(n),c=255*a*(1-t),f=255*a*(1-t*i),g=255*a*(1-t*(1-i));switch(a*=255,o){case 0:return[a,g,c];case 1:return[f,a,c];case 2:return[c,a,g];case 3:return[c,f,a];case 4:return[g,c,a];case 5:return[a,c,f]}},u.hsv.hsl=function(e){let n=e[0],t=e[1]/100,a=e[2]/100,o=Math.max(a,.01),i,c;c=(2-t)*a;let f=(2-t)*o;return i=t*o,i/=f<=1?f:2-f,i=i||0,c/=2,[n,i*100,c*100]},u.hwb.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100,o=t+a,i;o>1&&(t/=o,a/=o);let c=Math.floor(6*n),f=1-a;i=6*n-c,(c&1)!==0&&(i=1-i);let g=t+i*(f-t),b,y,m;switch(c){default:case 6:case 0:b=f,y=g,m=t;break;case 1:b=g,y=f,m=t;break;case 2:b=t,y=f,m=g;break;case 3:b=t,y=g,m=f;break;case 4:b=g,y=t,m=f;break;case 5:b=f,y=t,m=g;break}return[b*255,y*255,m*255]},u.cmyk.rgb=function(e){let n=e[0]/100,t=e[1]/100,a=e[2]/100,o=e[3]/100,i=1-Math.min(1,n*(1-o)+o),c=1-Math.min(1,t*(1-o)+o),f=1-Math.min(1,a*(1-o)+o);return[i*255,c*255,f*255]},u.xyz.rgb=function(e){let n=e[0]/100,t=e[1]/100,a=e[2]/100,o,i,c;return o=n*3.2406+t*-1.5372+a*-.4986,i=n*-.9689+t*1.8758+a*.0415,c=n*.0557+t*-.204+a*1.057,o=o>.0031308?1.055*o**(1/2.4)-.055:o*12.92,i=i>.0031308?1.055*i**(1/2.4)-.055:i*12.92,c=c>.0031308?1.055*c**(1/2.4)-.055:c*12.92,o=Math.min(Math.max(0,o),1),i=Math.min(Math.max(0,i),1),c=Math.min(Math.max(0,c),1),[o*255,i*255,c*255]},u.xyz.lab=function(e){let n=e[0],t=e[1],a=e[2];n/=95.047,t/=100,a/=108.883,n=n>.008856?n**(1/3):7.787*n+16/116,t=t>.008856?t**(1/3):7.787*t+16/116,a=a>.008856?a**(1/3):7.787*a+16/116;let o=116*t-16,i=500*(n-t),c=200*(t-a);return[o,i,c]},u.lab.xyz=function(e){let n=e[0],t=e[1],a=e[2],o,i,c;i=(n+16)/116,o=t/500+i,c=i-a/200;let f=i**3,g=o**3,b=c**3;return i=f>.008856?f:(i-16/116)/7.787,o=g>.008856?g:(o-16/116)/7.787,c=b>.008856?b:(c-16/116)/7.787,o*=95.047,i*=100,c*=108.883,[o,i,c]},u.lab.lch=function(e){let n=e[0],t=e[1],a=e[2],o;o=Math.atan2(a,t)*360/2/Math.PI,o<0&&(o+=360);let i=Math.sqrt(t*t+a*a);return[n,i,o]},u.lch.lab=function(e){let n=e[0],t=e[1],a=e[2]/360*2*Math.PI,o=t*Math.cos(a),i=t*Math.sin(a);return[n,o,i]},u.rgb.ansi16=function(e,n=null){let[t,a,o]=e,i=n===null?u.rgb.hsv(e)[2]:n;if(i=Math.round(i/50),i===0)return 30;let c=30+(Math.round(o/255)<<2|Math.round(a/255)<<1|Math.round(t/255));return i===2&&(c+=60),c},u.hsv.ansi16=function(e){return u.rgb.ansi16(u.hsv.rgb(e),e[2])},u.rgb.ansi256=function(e){let n=e[0],t=e[1],a=e[2];return n===t&&t===a?n<8?16:n>248?231:Math.round((n-8)/247*24)+232:16+36*Math.round(n/255*5)+6*Math.round(t/255*5)+Math.round(a/255*5)},u.ansi16.rgb=function(e){let n=e%10;if(n===0||n===7)return e>50&&(n+=3.5),n=n/10.5*255,[n,n,n];let t=(~~(e>50)+1)*.5,a=(n&1)*t*255,o=(n>>1&1)*t*255,i=(n>>2&1)*t*255;return[a,o,i]},u.ansi256.rgb=function(e){if(e>=232){let i=(e-232)*10+8;return[i,i,i]}e-=16;let n,t=Math.floor(e/36)/5*255,a=Math.floor((n=e%36)/6)/5*255,o=n%6/5*255;return[t,a,o]},u.rgb.hex=function(e){let n=(((Math.round(e[0])&255)<<16)+((Math.round(e[1])&255)<<8)+(Math.round(e[2])&255)).toString(16).toUpperCase();return"000000".substring(n.length)+n},u.hex.rgb=function(e){let n=e.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!n)return[0,0,0];let t=n[0];n[0].length===3&&(t=t.split("").map(f=>f+f).join(""));let a=parseInt(t,16),o=a>>16&255,i=a>>8&255,c=a&255;return[o,i,c]},u.rgb.hcg=function(e){let n=e[0]/255,t=e[1]/255,a=e[2]/255,o=Math.max(Math.max(n,t),a),i=Math.min(Math.min(n,t),a),c=o-i,f,g;return c<1?f=i/(1-c):f=0,c<=0?g=0:o===n?g=(t-a)/c%6:o===t?g=2+(a-n)/c:g=4+(n-t)/c,g/=6,g%=1,[g*360,c*100,f*100]},u.hsl.hcg=function(e){let n=e[1]/100,t=e[2]/100,a=t<.5?2*n*t:2*n*(1-t),o=0;return a<1&&(o=(t-.5*a)/(1-a)),[e[0],a*100,o*100]},u.hsv.hcg=function(e){let n=e[1]/100,t=e[2]/100,a=n*t,o=0;return a<1&&(o=(t-a)/(1-a)),[e[0],a*100,o*100]},u.hcg.rgb=function(e){let n=e[0]/360,t=e[1]/100,a=e[2]/100;if(t===0)return[a*255,a*255,a*255];let o=[0,0,0],i=n%1*6,c=i%1,f=1-c,g=0;switch(Math.floor(i)){case 0:o[0]=1,o[1]=c,o[2]=0;break;case 1:o[0]=f,o[1]=1,o[2]=0;break;case 2:o[0]=0,o[1]=1,o[2]=c;break;case 3:o[0]=0,o[1]=f,o[2]=1;break;case 4:o[0]=c,o[1]=0,o[2]=1;break;default:o[0]=1,o[1]=0,o[2]=f}return g=(1-t)*a,[(t*o[0]+g)*255,(t*o[1]+g)*255,(t*o[2]+g)*255]},u.hcg.hsv=function(e){let n=e[1]/100,t=e[2]/100,a=n+t*(1-n),o=0;return a>0&&(o=n/a),[e[0],o*100,a*100]},u.hcg.hsl=function(e){let n=e[1]/100,t=e[2]/100*(1-n)+.5*n,a=0;return t>0&&t<.5?a=n/(2*t):t>=.5&&t<1&&(a=n/(2*(1-t))),[e[0],a*100,t*100]},u.hcg.hwb=function(e){let n=e[1]/100,t=e[2]/100,a=n+t*(1-n);return[e[0],(a-n)*100,(1-a)*100]},u.hwb.hcg=function(e){let n=e[1]/100,t=1-e[2]/100,a=t-n,o=0;return a<1&&(o=(t-a)/(1-a)),[e[0],a*100,o*100]},u.apple.rgb=function(e){return[e[0]/65535*255,e[1]/65535*255,e[2]/65535*255]},u.rgb.apple=function(e){return[e[0]/255*65535,e[1]/255*65535,e[2]/255*65535]},u.gray.rgb=function(e){return[e[0]/100*255,e[0]/100*255,e[0]/100*255]},u.gray.hsl=function(e){return[0,0,e[0]]},u.gray.hsv=u.gray.hsl,u.gray.hwb=function(e){return[0,100,e[0]]},u.gray.cmyk=function(e){return[0,0,0,e[0]]},u.gray.lab=function(e){return[e[0],0,0]},u.gray.hex=function(e){let n=Math.round(e[0]/100*255)&255,t=((n<<16)+(n<<8)+n).toString(16).toUpperCase();return"000000".substring(t.length)+t},u.rgb.gray=function(e){return[(e[0]+e[1]+e[2])/3/255*100]}}}),me=I({"../../node_modules/color-convert/route.js"(r,l){var s=U();function h(){let n={},t=Object.keys(s);for(let a=t.length,o=0;o<a;o++)n[t[o]]={distance:-1,parent:null};return n}function u(n){let t=h(),a=[n];for(t[n].distance=0;a.length;){let o=a.pop(),i=Object.keys(s[o]);for(let c=i.length,f=0;f<c;f++){let g=i[f],b=t[g];b.distance===-1&&(b.distance=t[o].distance+1,b.parent=o,a.unshift(g))}}return t}function d(n,t){return function(a){return t(n(a))}}function e(n,t){let a=[t[n].parent,n],o=s[t[n].parent][n],i=t[n].parent;for(;t[i].parent;)a.unshift(t[i].parent),o=d(s[t[i].parent][i],o),i=t[i].parent;return o.conversion=a,o}l.exports=function(n){let t=u(n),a={},o=Object.keys(t);for(let i=o.length,c=0;c<i;c++){let f=o[c];t[f].parent!==null&&(a[f]=e(f,t))}return a}}}),pe=I({"../../node_modules/color-convert/index.js"(r,l){var s=U(),h=me(),u={},d=Object.keys(s);function e(t){let a=function(...o){let i=o[0];return i==null?i:(i.length>1&&(o=i),t(o))};return"conversion"in t&&(a.conversion=t.conversion),a}function n(t){let a=function(...o){let i=o[0];if(i==null)return i;i.length>1&&(o=i);let c=t(o);if(typeof c=="object")for(let f=c.length,g=0;g<f;g++)c[g]=Math.round(c[g]);return c};return"conversion"in t&&(a.conversion=t.conversion),a}d.forEach(t=>{u[t]={},Object.defineProperty(u[t],"channels",{value:s[t].channels}),Object.defineProperty(u[t],"labels",{value:s[t].labels});let a=h(t);Object.keys(a).forEach(o=>{let i=a[o];u[t][o]=n(i),u[t][o].raw=e(i)})}),l.exports=u}}),_=be(pe());function M(){return(M=Object.assign||function(r){for(var l=1;l<arguments.length;l++){var s=arguments[l];for(var h in s)Object.prototype.hasOwnProperty.call(s,h)&&(r[h]=s[h])}return r}).apply(this,arguments)}function X(r,l){if(r==null)return{};var s,h,u={},d=Object.keys(r);for(h=0;h<d.length;h++)l.indexOf(s=d[h])>=0||(u[s]=r[s]);return u}function P(r){var l=p.useRef(r),s=p.useRef(function(h){l.current&&l.current(h)});return l.current=r,s.current}var $=function(r,l,s){return l===void 0&&(l=0),s===void 0&&(s=1),r>s?s:r<l?l:r},O=function(r){return"touches"in r},L=function(r){return r&&r.ownerDocument.defaultView||self},G=function(r,l,s){var h=r.getBoundingClientRect(),u=O(l)?(function(d,e){for(var n=0;n<d.length;n++)if(d[n].identifier===e)return d[n];return d[0]})(l.touches,s):l;return{left:$((u.pageX-(h.left+L(r).pageXOffset))/h.width),top:$((u.pageY-(h.top+L(r).pageYOffset))/h.height)}},F=function(r){!O(r)&&r.preventDefault()},V=v.memo(function(r){var l=r.onMove,s=r.onKey,h=X(r,["onMove","onKey"]),u=p.useRef(null),d=P(l),e=P(s),n=p.useRef(null),t=p.useRef(!1),a=p.useMemo(function(){var f=function(y){F(y),(O(y)?y.touches.length>0:y.buttons>0)&&u.current?d(G(u.current,y,n.current)):b(!1)},g=function(){return b(!1)};function b(y){var m=t.current,k=L(u.current),x=y?k.addEventListener:k.removeEventListener;x(m?"touchmove":"mousemove",f),x(m?"touchend":"mouseup",g)}return[function(y){var m=y.nativeEvent,k=u.current;if(k&&(F(m),!(function(N,se){return se&&!O(N)})(m,t.current)&&k)){if(O(m)){t.current=!0;var x=m.changedTouches||[];x.length&&(n.current=x[0].identifier)}k.focus(),d(G(k,m,n.current)),b(!0)}},function(y){var m=y.which||y.keyCode;m<37||m>40||(y.preventDefault(),e({left:m===39?.05:m===37?-.05:0,top:m===40?.05:m===38?-.05:0}))},b]},[e,d]),o=a[0],i=a[1],c=a[2];return p.useEffect(function(){return c},[c]),v.createElement("div",M({},h,{onTouchStart:o,onMouseDown:o,className:"react-colorful__interactive",ref:u,onKeyDown:i,tabIndex:0,role:"slider"}))}),S=function(r){return r.filter(Boolean).join(" ")},D=function(r){var l=r.color,s=r.left,h=r.top,u=h===void 0?.5:h,d=S(["react-colorful__pointer",r.className]);return v.createElement("div",{className:d,style:{top:100*u+"%",left:100*s+"%"}},v.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:l}}))},w=function(r,l,s){return l===void 0&&(l=0),s===void 0&&(s=Math.pow(10,l)),Math.round(s*r)/s},ye={grad:.9,turn:360,rad:360/(2*Math.PI)},xe=function(r){return Q(B(r))},B=function(r){return r[0]==="#"&&(r=r.substring(1)),r.length<6?{r:parseInt(r[0]+r[0],16),g:parseInt(r[1]+r[1],16),b:parseInt(r[2]+r[2],16),a:r.length===4?w(parseInt(r[3]+r[3],16)/255,2):1}:{r:parseInt(r.substring(0,2),16),g:parseInt(r.substring(2,4),16),b:parseInt(r.substring(4,6),16),a:r.length===8?w(parseInt(r.substring(6,8),16)/255,2):1}},we=function(r,l){return l===void 0&&(l="deg"),Number(r)*(ye[l]||1)},ke=function(r){var l=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);return l?_e({h:we(l[1],l[2]),s:Number(l[3]),l:Number(l[4]),a:l[5]===void 0?1:Number(l[5])/(l[6]?100:1)}):{h:0,s:0,v:0,a:1}},_e=function(r){var l=r.s,s=r.l;return{h:r.h,s:(l*=(s<50?s:100-s)/100)>0?2*l/(s+l)*100:0,v:s+l,a:r.a}},Ee=function(r){return Ce(J(r))},Z=function(r){var l=r.s,s=r.v,h=r.a,u=(200-l)*s/100;return{h:w(r.h),s:w(u>0&&u<200?l*s/100/(u<=100?u:200-u)*100:0),l:w(u/2),a:w(h,2)}},K=function(r){var l=Z(r);return"hsl("+l.h+", "+l.s+"%, "+l.l+"%)"},z=function(r){var l=Z(r);return"hsla("+l.h+", "+l.s+"%, "+l.l+"%, "+l.a+")"},J=function(r){var l=r.h,s=r.s,h=r.v,u=r.a;l=l/360*6,s/=100,h/=100;var d=Math.floor(l),e=h*(1-s),n=h*(1-(l-d)*s),t=h*(1-(1-l+d)*s),a=d%6;return{r:w(255*[h,n,e,e,t,h][a]),g:w(255*[t,h,h,n,e,e][a]),b:w(255*[e,e,t,h,h,n][a]),a:w(u,2)}},Me=function(r){var l=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(r);return l?Q({r:Number(l[1])/(l[2]?100/255:1),g:Number(l[3])/(l[4]?100/255:1),b:Number(l[5])/(l[6]?100/255:1),a:l[7]===void 0?1:Number(l[7])/(l[8]?100:1)}):{h:0,s:0,v:0,a:1}},R=function(r){var l=r.toString(16);return l.length<2?"0"+l:l},Ce=function(r){var l=r.r,s=r.g,h=r.b,u=r.a,d=u<1?R(w(255*u)):"";return"#"+R(l)+R(s)+R(h)+d},Q=function(r){var l=r.r,s=r.g,h=r.b,u=r.a,d=Math.max(l,s,h),e=d-Math.min(l,s,h),n=e?d===l?(s-h)/e:d===s?2+(h-l)/e:4+(l-s)/e:0;return{h:w(60*(n<0?n+6:n)),s:w(d?e/d*100:0),v:w(d/255*100),a:u}},ee=v.memo(function(r){var l=r.hue,s=r.onChange,h=S(["react-colorful__hue",r.className]);return v.createElement("div",{className:h},v.createElement(V,{onMove:function(u){s({h:360*u.left})},onKey:function(u){s({h:$(l+360*u.left,0,360)})},"aria-label":"Hue","aria-valuenow":w(l),"aria-valuemax":"360","aria-valuemin":"0"},v.createElement(D,{className:"react-colorful__hue-pointer",left:l/360,color:K({h:l,s:100,v:100,a:1})})))}),re=v.memo(function(r){var l=r.hsva,s=r.onChange,h={backgroundColor:K({h:l.h,s:100,v:100,a:1})};return v.createElement("div",{className:"react-colorful__saturation",style:h},v.createElement(V,{onMove:function(u){s({s:100*u.left,v:100-100*u.top})},onKey:function(u){s({s:$(l.s+100*u.left,0,100),v:$(l.v-100*u.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+w(l.s)+"%, Brightness "+w(l.v)+"%"},v.createElement(D,{className:"react-colorful__saturation-pointer",top:1-l.v/100,left:l.s/100,color:K(l)})))}),te=function(r,l){if(r===l)return!0;for(var s in r)if(r[s]!==l[s])return!1;return!0},ne=function(r,l){return r.replace(/\s/g,"")===l.replace(/\s/g,"")},$e=function(r,l){return r.toLowerCase()===l.toLowerCase()||te(B(r),B(l))};function ae(r,l,s){var h=P(s),u=p.useState(function(){return r.toHsva(l)}),d=u[0],e=u[1],n=p.useRef({color:l,hsva:d});p.useEffect(function(){if(!r.equal(l,n.current.color)){var a=r.toHsva(l);n.current={hsva:a,color:l},e(a)}},[l,r]),p.useEffect(function(){var a;te(d,n.current.hsva)||r.equal(a=r.fromHsva(d),n.current.color)||(n.current={hsva:d,color:a},h(a))},[d,r,h]);var t=p.useCallback(function(a){e(function(o){return Object.assign({},o,a)})},[]);return[d,t]}var Oe=typeof window<"u"?p.useLayoutEffect:p.useEffect,Se=function(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:void 0},W=new Map,oe=function(r){Oe(function(){var l=r.current?r.current.ownerDocument:document;if(l!==void 0&&!W.has(l)){var s=l.createElement("style");s.innerHTML=`.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}`,W.set(l,s);var h=Se();h&&s.setAttribute("nonce",h),l.head.appendChild(s)}},[])},Ne=function(r){var l=r.className,s=r.colorModel,h=r.color,u=h===void 0?s.defaultColor:h,d=r.onChange,e=X(r,["className","colorModel","color","onChange"]),n=p.useRef(null);oe(n);var t=ae(s,u,d),a=t[0],o=t[1],i=S(["react-colorful",l]);return v.createElement("div",M({},e,{ref:n,className:i}),v.createElement(re,{hsva:a,onChange:o}),v.createElement(ee,{hue:a.h,onChange:o,className:"react-colorful__last-control"}))},Re={defaultColor:"000",toHsva:xe,fromHsva:function(r){return Ee({h:r.h,s:r.s,v:r.v,a:1})},equal:$e},je=function(r){return v.createElement(Ne,M({},r,{colorModel:Re}))},ze=function(r){var l=r.className,s=r.hsva,h=r.onChange,u={backgroundImage:"linear-gradient(90deg, "+z(Object.assign({},s,{a:0}))+", "+z(Object.assign({},s,{a:1}))+")"},d=S(["react-colorful__alpha",l]),e=w(100*s.a);return v.createElement("div",{className:d},v.createElement("div",{className:"react-colorful__alpha-gradient",style:u}),v.createElement(V,{onMove:function(n){h({a:n.left})},onKey:function(n){h({a:$(s.a+n.left)})},"aria-label":"Alpha","aria-valuetext":e+"%","aria-valuenow":e,"aria-valuemin":"0","aria-valuemax":"100"},v.createElement(D,{className:"react-colorful__alpha-pointer",left:s.a,color:z(s)})))},le=function(r){var l=r.className,s=r.colorModel,h=r.color,u=h===void 0?s.defaultColor:h,d=r.onChange,e=X(r,["className","colorModel","color","onChange"]),n=p.useRef(null);oe(n);var t=ae(s,u,d),a=t[0],o=t[1],i=S(["react-colorful",l]);return v.createElement("div",M({},e,{ref:n,className:i}),v.createElement(re,{hsva:a,onChange:o}),v.createElement(ee,{hue:a.h,onChange:o}),v.createElement(ze,{hsva:a,onChange:o,className:"react-colorful__last-control"}))},He={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:ke,fromHsva:z,equal:ne},Ie=function(r){return v.createElement(le,M({},r,{colorModel:He}))},qe={defaultColor:"rgba(0, 0, 0, 1)",toHsva:Me,fromHsva:function(r){var l=J(r);return"rgba("+l.r+", "+l.g+", "+l.b+", "+l.a+")"},equal:ne},Pe=function(r){return v.createElement(le,M({},r,{colorModel:qe}))},Le=E.div({position:"relative",maxWidth:250,'&[aria-readonly="true"]':{opacity:.5}}),Be=E(A)({position:"absolute",zIndex:1,top:4,left:4,"[aria-readonly=true] &":{cursor:"not-allowed"}}),Ke=E.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Te=E(fe)(({theme:r})=>({fontFamily:r.typography.fonts.base})),Xe=E.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),Ve=E.div(({theme:r,active:l})=>({width:16,height:16,boxShadow:l?`${r.appBorderColor} 0 0 0 1px inset, ${r.textMutedColor}50 0 0 0 4px`:`${r.appBorderColor} 0 0 0 1px inset`,borderRadius:r.appBorderRadius})),De=`url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>')`,Y=({value:r,style:l,...s})=>{let h=`linear-gradient(${r}, ${r}), ${De}, linear-gradient(#fff, #fff)`;return v.createElement(Ve,{...s,style:{...l,backgroundImage:h}})},Ge=E(de.Input)(({theme:r,readOnly:l})=>({width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:r.typography.fonts.base})),Fe=E(ge)(({theme:r})=>({position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:r.input.color})),ue=(r=>(r.RGB="rgb",r.HSL="hsl",r.HEX="hex",r))(ue||{}),q=Object.values(ue),We=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,Ye=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,Ae=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,T=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,Ue=/^\s*#?([0-9a-f]{3})\s*$/i,Ze={hex:je,rgb:Pe,hsl:Ie},j={hex:"transparent",rgb:"rgba(0, 0, 0, 0)",hsl:"hsla(0, 0%, 0%, 0)"},ie=r=>{let l=r?.match(We);if(!l)return[0,0,0,1];let[,s,h,u,d=1]=l;return[s,h,u,d].map(Number)},Je=r=>{let[l,s,h,u]=ie(r),[d,e,n]=_.default.rgb.hsl([l,s,h])||[0,0,0];return{valid:!0,value:r,keyword:_.default.rgb.keyword([l,s,h]),colorSpace:"rgb",rgb:r,hsl:`hsla(${d}, ${e}%, ${n}%, ${u})`,hex:`#${_.default.rgb.hex([l,s,h]).toLowerCase()}`}},Qe=r=>{let[l,s,h,u]=ie(r),[d,e,n]=_.default.hsl.rgb([l,s,h])||[0,0,0];return{valid:!0,value:r,keyword:_.default.hsl.keyword([l,s,h]),colorSpace:"hsl",rgb:`rgba(${d}, ${e}, ${n}, ${u})`,hsl:r,hex:`#${_.default.hsl.hex([l,s,h]).toLowerCase()}`}},er=r=>{let l=r.replace("#",""),s=_.default.keyword.rgb(l)||_.default.hex.rgb(l),h=_.default.rgb.hsl(s),u=r;/[^#a-f0-9]/i.test(r)?u=l:T.test(r)&&(u=`#${l}`);let d=!0;if(u.startsWith("#"))d=T.test(u);else try{_.default.keyword.hex(u)}catch{d=!1}return{valid:d,value:u,keyword:_.default.rgb.keyword(s),colorSpace:"hex",rgb:`rgba(${s[0]}, ${s[1]}, ${s[2]}, 1)`,hsl:`hsla(${h[0]}, ${h[1]}%, ${h[2]}%, 1)`,hex:u}},C=r=>{if(r)return Ye.test(r)?Je(r):Ae.test(r)?Qe(r):er(r)},rr=(r,l,s)=>{if(!r||!l?.valid)return j[s];if(s!=="hex")return l?.[s]||j[s];if(!l.hex.startsWith("#"))try{return`#${_.default.keyword.hex(l.hex)}`}catch{return j.hex}let h=l.hex.match(Ue);if(!h)return T.test(l.hex)?l.hex:j.hex;let[u,d,e]=h[1].split("");return`#${u}${u}${d}${d}${e}${e}`},tr=(r,l)=>{let[s,h]=p.useState(r||""),[u,d]=p.useState(()=>C(s)),[e,n]=p.useState(u?.colorSpace||"hex");p.useEffect(()=>{let i=r||"",c=C(i);h(i),d(c),n(c?.colorSpace||"hex")},[r]);let t=p.useMemo(()=>rr(s,u,e).toLowerCase(),[s,u,e]),a=p.useCallback(i=>{let c=C(i),f=c?.value||i||"";h(f),f===""&&(d(void 0),l(void 0)),c&&(d(c),n(c.colorSpace),l(c.value))},[l]),o=p.useCallback(()=>{let i=(q.indexOf(e)+1)%q.length,c=q[i];n(c);let f=u?.[c]||"";h(f),l(f)},[u,e,l]);return{value:s,realValue:t,updateValue:a,color:u,colorSpace:e,cycleColorSpace:o}},H=r=>r.replace(/\s*/,"").toLowerCase(),nr=(r,l,s)=>{let[h,u]=p.useState(l?.valid?[l]:[]);p.useEffect(()=>{l===void 0&&u([])},[l]);let d=p.useMemo(()=>(r||[]).map(n=>typeof n=="string"?C(n):n.title?{...C(n.color),keyword:n.title}:C(n.color)).concat(h).filter(Boolean).slice(-27),[r,h]),e=p.useCallback(n=>{n?.valid&&(d.some(t=>t&&t[s]&&H(t[s]||"")===H(n[s]||""))||u(t=>t.concat(n)))},[s,d]);return{presets:d,addPreset:e}},ar=({name:r,value:l,onChange:s,onFocus:h,onBlur:u,presetColors:d,startOpen:e=!1,argType:n})=>{let t=p.useCallback(ce(s,200),[s]),{value:a,realValue:o,updateValue:i,color:c,colorSpace:f,cycleColorSpace:g}=tr(l,t),{presets:b,addPreset:y}=nr(d??[],c,f),m=Ze[f],k=!!n?.table?.readonly;return v.createElement(Le,{"aria-readonly":k},v.createElement(Be,{startOpen:e,trigger:k?null:void 0,closeOnOutsideClick:!0,onVisibleChange:()=>c&&y(c),tooltip:v.createElement(Ke,null,v.createElement(m,{color:o==="transparent"?"#000000":o,onChange:i,onFocus:h,onBlur:u}),b.length>0&&v.createElement(Xe,null,b.map((x,N)=>v.createElement(A,{key:`${x?.value||N}-${N}`,hasChrome:!1,tooltip:v.createElement(Te,{note:x?.keyword||x?.value||""})},v.createElement(Y,{value:x?.[f]||"",active:!!(c&&x&&x[f]&&H(x[f]||"")===H(c[f])),onClick:()=>x&&i(x.value||"")})))))},v.createElement(Y,{value:o,style:{margin:4}})),v.createElement(Ge,{id:he(r),value:a,onChange:x=>i(x.target.value),onFocus:x=>x.target.select(),readOnly:k,placeholder:"Choose color..."}),a?v.createElement(Fe,{onClick:g}):null)},fr=ar;export{ar as ColorControl,fr as default};

package/storybook-static/assets/ContentCopy-BfLTDb10.js

@@ -0,0 +1 @@
+import{j as o}from"./jsx-runtime-D_zvdyIk.js";import{c}from"./createSvgIcon-D_Gca4vA.js";const r=c(o.jsx("path",{d:"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2m0 16H8V7h11z"}));export{r as C};

package/storybook-static/assets/DatePicker-Clkpr-Ku.js

@@ -0,0 +1 @@
+import{j as d}from"./jsx-runtime-D_zvdyIk.js";import{r as p,R as ae}from"./iframe-BAJnc_4n.js";import{b as re,F as M,C as se}from"./formField.sx-DMCmZIAa.js";import{u as j,f as ne,h as le,i as ie,_ as R,P as ce,j as ue,ac as de,an as pe,C as fe,E as me,F as be,G as ye,aa as Pe,N as V,B as I,V as H,O as e,Q as W,D as he,ao as De,S as Te,T as Me}from"./PickersModalDialog-Tjnr_cu5.js";import{r as _e}from"./resolvePreset-CN2aOJJr.js";import{u as ke}from"./useTheme-BmOJK7ra.js";import{g as xe,a as ge,s as U,_ as l,c as Oe,d as ve}from"./DefaultPropsProvider-BGoQxtDa.js";import{_ as C}from"./useTimeout-DNjRaOWc.js";import{u as we}from"./index-CIeucmOB.js";import{u as k}from"./useThemeProps-U4yXiZ_5.js";import{T as Fe}from"./Typography-BgntX2Ep.js";import{r as y,u as Se,a as je}from"./useMobilePicker-DK-c8xbD.js";import{r as z}from"./useSlot-b6pXgp5_.js";function Re(a){return xe("MuiDatePickerToolbar",a)}ge("MuiDatePickerToolbar",["root","title"]);const Ce=["toolbarFormat","toolbarPlaceholder","className","classes"],Ye=a=>ve({root:["root"],title:["title"]},Re,a),Ae=U(ce,{name:"MuiDatePickerToolbar",slot:"Root"})({}),Le=U(Fe,{name:"MuiDatePickerToolbar",slot:"Title"})({variants:[{props:{pickerOrientation:"landscape"},style:{margin:"auto 16px auto auto"}}]}),Ne=p.forwardRef(function(n,t){const r=k({props:n,name:"MuiDatePickerToolbar"}),{toolbarFormat:o,toolbarPlaceholder:i="––",className:s,classes:c}=r,u=C(r,Ce),f=j(),{value:P,views:m,orientation:x}=ne(),g=le(),O=ie(),h=Ye(c),D=p.useMemo(()=>{if(!f.isValid(P))return i;const v=R(f,{format:o,views:m},!0);return f.formatByString(P,v)},[P,o,i,f,m]);return d.jsx(Ae,l({ref:t,toolbarTitle:g.datePickerToolbarTitle,className:Oe(h.root,s)},u,{children:d.jsx(Le,{variant:"h4",align:x==="landscape"?"left":"center",ownerState:O,className:h.title,children:D})}))});function B(a,n){const t=k({props:a,name:n}),r=ue(t),o=p.useMemo(()=>t.localeText?.toolbarTitle==null?t.localeText:l({},t.localeText,{datePickerToolbarTitle:t.localeText.toolbarTitle}),[t.localeText]);return l({},t,r,{localeText:o},de({views:t.views,openTo:t.openTo,defaultViews:["year","day"],defaultOpenTo:"day"}),{slots:l({toolbar:Ne},t.slots)})}const Ee=a=>{const n=pe(a);return fe({manager:n,props:a})},Ve=["slots","slotProps"],G=p.forwardRef(function(n,t){const r=k({props:n,name:"MuiDateField"}),{slots:o,slotProps:i}=r,s=C(r,Ve),c=me({slotProps:i,ref:t,externalForwardedProps:s}),u=Ee(c);return d.jsx(be,{slots:o,slotProps:i,inputRef:s.inputRef,children:d.jsx(ye,{fieldResponse:u,defaultOpenPickerIcon:Pe})})}),J=p.forwardRef(function(n,t){const r=j(),o=B(n,"MuiDesktopDatePicker"),i=l({day:y,month:y,year:y},o.viewRenderers),s=l({},o,{closeOnSelect:o.closeOnSelect??!0,viewRenderers:i,format:R(r,o,!1),yearsPerRow:o.yearsPerRow??4,slots:l({field:G},o.slots),slotProps:l({},o.slotProps,{field:u=>l({},z(o.slotProps?.field,u),V(o)),toolbar:l({hidden:!0},o.slotProps?.toolbar)})}),{renderPicker:c}=Se({ref:t,props:s,valueManager:H,valueType:"date",validator:I,steps:null});return c()});J.propTypes={autoFocus:e.bool,className:e.string,closeOnSelect:e.bool,dayOfWeekFormatter:e.func,defaultValue:e.object,disabled:e.bool,disableFuture:e.bool,disableHighlightToday:e.bool,disableOpenPicker:e.bool,disablePast:e.bool,displayWeekNumber:e.bool,enableAccessibleFieldDOMStructure:e.any,fixedWeekNumber:e.number,format:e.string,formatDensity:e.oneOf(["dense","spacious"]),inputRef:W,label:e.node,loading:e.bool,localeText:e.object,maxDate:e.object,minDate:e.object,monthsPerRow:e.oneOf([3,4]),name:e.string,onAccept:e.func,onChange:e.func,onClose:e.func,onError:e.func,onMonthChange:e.func,onOpen:e.func,onSelectedSectionsChange:e.func,onViewChange:e.func,onYearChange:e.func,open:e.bool,openTo:e.oneOf(["day","month","year"]),orientation:e.oneOf(["landscape","portrait"]),readOnly:e.bool,reduceAnimations:e.bool,referenceDate:e.object,renderLoading:e.func,selectedSections:e.oneOfType([e.oneOf(["all","day","empty","hours","meridiem","minutes","month","seconds","weekDay","year"]),e.number]),shouldDisableDate:e.func,shouldDisableMonth:e.func,shouldDisableYear:e.func,showDaysOutsideCurrentMonth:e.bool,slotProps:e.object,slots:e.object,sx:e.oneOfType([e.arrayOf(e.oneOfType([e.func,e.object,e.bool])),e.func,e.object]),timezone:e.string,value:e.object,view:e.oneOf(["day","month","year"]),viewRenderers:e.shape({day:e.func,month:e.func,year:e.func}),views:e.arrayOf(e.oneOf(["day","month","year"]).isRequired),yearsOrder:e.oneOf(["asc","desc"]),yearsPerRow:e.oneOf([3,4])};const q=p.forwardRef(function(n,t){const r=j(),o=B(n,"MuiMobileDatePicker"),i=l({day:y,month:y,year:y},o.viewRenderers),s=l({},o,{viewRenderers:i,format:R(r,o,!1),slots:l({field:G},o.slots),slotProps:l({},o.slotProps,{field:u=>l({},z(o.slotProps?.field,u),V(o)),toolbar:l({hidden:!1},o.slotProps?.toolbar)})}),{renderPicker:c}=je({ref:t,props:s,valueManager:H,valueType:"date",validator:I,steps:null});return c()});q.propTypes={autoFocus:e.bool,className:e.string,closeOnSelect:e.bool,dayOfWeekFormatter:e.func,defaultValue:e.object,disabled:e.bool,disableFuture:e.bool,disableHighlightToday:e.bool,disableOpenPicker:e.bool,disablePast:e.bool,displayWeekNumber:e.bool,enableAccessibleFieldDOMStructure:e.any,fixedWeekNumber:e.number,format:e.string,formatDensity:e.oneOf(["dense","spacious"]),inputRef:W,label:e.node,loading:e.bool,localeText:e.object,maxDate:e.object,minDate:e.object,monthsPerRow:e.oneOf([3,4]),name:e.string,onAccept:e.func,onChange:e.func,onClose:e.func,onError:e.func,onMonthChange:e.func,onOpen:e.func,onSelectedSectionsChange:e.func,onViewChange:e.func,onYearChange:e.func,open:e.bool,openTo:e.oneOf(["day","month","year"]),orientation:e.oneOf(["landscape","portrait"]),readOnly:e.bool,reduceAnimations:e.bool,referenceDate:e.object,renderLoading:e.func,selectedSections:e.oneOfType([e.oneOf(["all","day","empty","hours","meridiem","minutes","month","seconds","weekDay","year"]),e.number]),shouldDisableDate:e.func,shouldDisableMonth:e.func,shouldDisableYear:e.func,showDaysOutsideCurrentMonth:e.bool,slotProps:e.object,slots:e.object,sx:e.oneOfType([e.arrayOf(e.oneOfType([e.func,e.object,e.bool])),e.func,e.object]),timezone:e.string,value:e.object,view:e.oneOf(["day","month","year"]),viewRenderers:e.shape({day:e.func,month:e.func,year:e.func}),views:e.arrayOf(e.oneOf(["day","month","year"]).isRequired),yearsOrder:e.oneOf(["asc","desc"]),yearsPerRow:e.oneOf([3,4])};const Ie=["desktopModeMediaQuery"],He=p.forwardRef(function(n,t){const r=k({props:n,name:"MuiDatePicker"}),{desktopModeMediaQuery:o=he}=r,i=C(r,Ie);return we(o,{defaultMatches:!0})?d.jsx(J,l({ref:t},i)):d.jsx(q,l({ref:t},i))});var _={exports:{}},We=_.exports,E;function Ue(){return E||(E=1,(function(a,n){(function(t,r){a.exports=r(De())})(We,(function(t){function r(s){return s&&typeof s=="object"&&"default"in s?s:{default:s}}var o=r(t),i={name:"en-gb",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),weekStart:1,yearStart:4,relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD/MM/YYYY",LL:"D MMMM YYYY",LLL:"D MMMM YYYY HH:mm",LLLL:"dddd, D MMMM YYYY HH:mm"},ordinal:function(s){var c=["th","st","nd","rd"],u=s%100;return"["+s+(c[(u-20)%10]||c[u]||c[0])+"]"}};return o.default.locale(i,null,!0),i}))})(_)),_.exports}Ue();const ze=(a,n)=>re({borderRadius:a,labelPosition:n,includePickersApi:!0,extraOutsideSx:{"& .MuiInputBase-input":{paddingTop:M,paddingBottom:M},"& .MuiPickersInputBase-sectionsContainer":{paddingTop:M,paddingBottom:M}}}),Be=a=>{switch(a){case"minDate":case"maxDate":return"Fecha fuera del rango permitido";case"invalidDate":return"Formato de fecha inválido";case"disableFuture":return"No se permiten fechas futuras";case"disablePast":return"No se permiten fechas pasadas";default:return""}},Ge=a=>{const{label:n,minDate:t,maxDate:r,disabled:o,readOnly:i,borderRadius:s=10,labelPosition:c="outside",size:u="small",helperText:f,error:P,sx:m,className:x,preset:g,adapterLocale:O="en-gb",textFieldProps:h,slotProps:D,...v}=a,[Y,Q]=ae.useState(null),A=p.useMemo(()=>Be(Y),[Y]),$=ke(),L=_e("DatePicker",g,$),K=[ze(s,c),...L?[L]:[],...Array.isArray(m)?m:[m]],N=(w,F,S,b,T,ee)=>{const oe=T||!!A||!!P,te=ee||A||f;return d.jsx(Te,{dateAdapter:Me,adapterLocale:O,children:d.jsx(He,{label:n,value:w,onChange:F,minDate:t,maxDate:r,onError:Q,disabled:o,readOnly:i,className:x,sx:K,slotProps:{...D,textField:{fullWidth:!0,size:u,variant:"outlined",onBlur:S,inputRef:b,error:!!oe,helperText:te,...D?.textField,...h}},...v})})};if("control"in a&&a.control){const{name:w,control:F,validation:S}=a;return d.jsx(se,{name:w,control:F,rules:S,render:({field:b,fieldState:{error:T}})=>N(b.value??null,b.onChange,b.onBlur,b.ref,!!T,T?.message)})}const{selectedDate:X,onDateChange:Z}=a;return N(X,Z)};Ge.__docgenInfo={description:"",methods:[],displayName:"DatePicker"};export{Ge as D};