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

package/storybook-static/assets/Icon.stories-D0mUiW_t.js

@@ -0,0 +1,78 @@
+import{j as t}from"./jsx-runtime-D_zvdyIk.js";import{r as q}from"./iframe-BAJnc_4n.js";import{a as le,g as ce,u as pe,c as de,s as $,b as n,d as ge,m as me}from"./DefaultPropsProvider-BGoQxtDa.js";import{u as A}from"./usePreviousProps-WR0rG4aR.js";import{c as ue}from"./createSimplePaletteValueFilter-bm0fmN_7.js";import{u as G}from"./useSlot-b6pXgp5_.js";import{N as k}from"./Notifications-DY_A-Sho.js";import{S as E}from"./Settings-BLKc1CnO.js";import"./preload-helper-PPVm8Dsz.js";import"./useForkRef-0ANIrxcF.js";import"./createSvgIcon-D_Gca4vA.js";function he(r){const{badgeContent:e,invisible:a=!1,max:o=99,showZero:s=!1}=r,c=A({badgeContent:e,max:o});let p=a;a===!1&&e===0&&!s&&(p=!0);const{badgeContent:i,max:l=o}=p?c:r,g=i&&Number(i)>l?`${l}+`:i;return{badgeContent:i,invisible:p,max:l,displayValue:g}}function ve(r){return ce("MuiBadge",r)}const d=le("MuiBadge",["root","badge","dot","standard","anchorOriginTopRight","anchorOriginBottomRight","anchorOriginTopLeft","anchorOriginBottomLeft","invisible","colorError","colorInfo","colorPrimary","colorSecondary","colorSuccess","colorWarning","overlapRectangular","overlapCircular","anchorOriginTopLeftCircular","anchorOriginTopLeftRectangular","anchorOriginTopRightCircular","anchorOriginTopRightRectangular","anchorOriginBottomLeftCircular","anchorOriginBottomLeftRectangular","anchorOriginBottomRightCircular","anchorOriginBottomRightRectangular"]),L=10,j=4,fe=r=>{const{color:e,anchorOrigin:a,invisible:o,overlap:s,variant:c,classes:p={}}=r,i={root:["root"],badge:["badge",c,o&&"invisible",`anchorOrigin${n(a.vertical)}${n(a.horizontal)}`,`anchorOrigin${n(a.vertical)}${n(a.horizontal)}${n(s)}`,`overlap${n(s)}`,e!=="default"&&`color${n(e)}`]};return ge(i,ve,p)},be=$("span",{name:"MuiBadge",slot:"Root"})({position:"relative",display:"inline-flex",verticalAlign:"middle",flexShrink:0}),ye=$("span",{name:"MuiBadge",slot:"Badge",overridesResolver:(r,e)=>{const{ownerState:a}=r;return[e.badge,e[a.variant],e[`anchorOrigin${n(a.anchorOrigin.vertical)}${n(a.anchorOrigin.horizontal)}${n(a.overlap)}`],a.color!=="default"&&e[`color${n(a.color)}`],a.invisible&&e.invisible]}})(me(({theme:r})=>({display:"flex",flexDirection:"row",flexWrap:"wrap",justifyContent:"center",alignContent:"center",alignItems:"center",position:"absolute",boxSizing:"border-box",fontFamily:r.typography.fontFamily,fontWeight:r.typography.fontWeightMedium,fontSize:r.typography.pxToRem(12),minWidth:L*2,lineHeight:1,padding:"0 6px",height:L*2,borderRadius:L,zIndex:1,transition:r.transitions.create("transform",{easing:r.transitions.easing.easeInOut,duration:r.transitions.duration.enteringScreen}),variants:[...Object.entries(r.palette).filter(ue(["contrastText"])).map(([e])=>({props:{color:e},style:{backgroundColor:(r.vars||r).palette[e].main,color:(r.vars||r).palette[e].contrastText}})),{props:{variant:"dot"},style:{borderRadius:j,height:j*2,minWidth:j*2,padding:0}},{props:({ownerState:e})=>e.anchorOrigin.vertical==="top"&&e.anchorOrigin.horizontal==="right"&&e.overlap==="rectangular",style:{top:0,right:0,transform:"scale(1) translate(50%, -50%)",transformOrigin:"100% 0%",[`&.${d.invisible}`]:{transform:"scale(0) translate(50%, -50%)"}}},{props:({ownerState:e})=>e.anchorOrigin.vertical==="bottom"&&e.anchorOrigin.horizontal==="right"&&e.overlap==="rectangular",style:{bottom:0,right:0,transform:"scale(1) translate(50%, 50%)",transformOrigin:"100% 100%",[`&.${d.invisible}`]:{transform:"scale(0) translate(50%, 50%)"}}},{props:({ownerState:e})=>e.anchorOrigin.vertical==="top"&&e.anchorOrigin.horizontal==="left"&&e.overlap==="rectangular",style:{top:0,left:0,transform:"scale(1) translate(-50%, -50%)",transformOrigin:"0% 0%",[`&.${d.invisible}`]:{transform:"scale(0) translate(-50%, -50%)"}}},{props:({ownerState:e})=>e.anchorOrigin.vertical==="bottom"&&e.anchorOrigin.horizontal==="left"&&e.overlap==="rectangular",style:{bottom:0,left:0,transform:"scale(1) translate(-50%, 50%)",transformOrigin:"0% 100%",[`&.${d.invisible}`]:{transform:"scale(0) translate(-50%, 50%)"}}},{props:({ownerState:e})=>e.anchorOrigin.vertical==="top"&&e.anchorOrigin.horizontal==="right"&&e.overlap==="circular",style:{top:"14%",right:"14%",transform:"scale(1) translate(50%, -50%)",transformOrigin:"100% 0%",[`&.${d.invisible}`]:{transform:"scale(0) translate(50%, -50%)"}}},{props:({ownerState:e})=>e.anchorOrigin.vertical==="bottom"&&e.anchorOrigin.horizontal==="right"&&e.overlap==="circular",style:{bottom:"14%",right:"14%",transform:"scale(1) translate(50%, 50%)",transformOrigin:"100% 100%",[`&.${d.invisible}`]:{transform:"scale(0) translate(50%, 50%)"}}},{props:({ownerState:e})=>e.anchorOrigin.vertical==="top"&&e.anchorOrigin.horizontal==="left"&&e.overlap==="circular",style:{top:"14%",left:"14%",transform:"scale(1) translate(-50%, -50%)",transformOrigin:"0% 0%",[`&.${d.invisible}`]:{transform:"scale(0) translate(-50%, -50%)"}}},{props:({ownerState:e})=>e.anchorOrigin.vertical==="bottom"&&e.anchorOrigin.horizontal==="left"&&e.overlap==="circular",style:{bottom:"14%",left:"14%",transform:"scale(1) translate(-50%, 50%)",transformOrigin:"0% 100%",[`&.${d.invisible}`]:{transform:"scale(0) translate(-50%, 50%)"}}},{props:{invisible:!0},style:{transition:r.transitions.create("transform",{easing:r.transitions.easing.easeInOut,duration:r.transitions.duration.leavingScreen})}}]})));function H(r){return{vertical:r?.vertical??"top",horizontal:r?.horizontal??"right"}}const xe=q.forwardRef(function(e,a){const o=pe({props:e,name:"MuiBadge"}),{anchorOrigin:s,className:c,classes:p,component:i,components:l={},componentsProps:g={},children:B,overlap:h="rectangular",color:u="default",invisible:v=!1,max:I=99,badgeContent:f,slots:b,slotProps:y,showZero:m=!1,variant:M="standard",...J}=o,{badgeContent:F,invisible:K,max:Q,displayValue:X}=he({max:I,invisible:v,badgeContent:f,showZero:m}),Y=A({anchorOrigin:H(s),color:u,overlap:h,variant:M,badgeContent:f}),N=K||F==null&&M!=="dot",{color:ee=u,overlap:re=h,anchorOrigin:ae,variant:D=M}=N?Y:o,oe=H(ae),W=D!=="dot"?X:void 0,V={...o,badgeContent:F,invisible:N,max:Q,displayValue:W,showZero:m,anchorOrigin:oe,color:ee,overlap:re,variant:D},U=fe(V),_={slots:{root:b?.root??l.Root,badge:b?.badge??l.Badge},slotProps:{root:y?.root??g.root,badge:y?.badge??g.badge}},[te,ne]=G("root",{elementType:be,externalForwardedProps:{..._,...J},ownerState:V,className:de(U.root,c),ref:a,additionalProps:{as:i}}),[ie,se]=G("badge",{elementType:ye,externalForwardedProps:_,ownerState:V,className:U.badge});return t.jsxs(te,{...ne,children:[B,t.jsx(ie,{...se,children:W})]})}),Oe={xs:18,sm:24,md:36,lg:48,xl:64},ze=$("span")(({color:r,fontSize:e,spin:a,outlined:o})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",color:r,fontSize:e,width:e,height:e,animation:a?"spin 1s linear infinite":void 0,border:o?"1px solid currentColor":void 0,borderRadius:"50%",padding:o?4:0,"@keyframes spin":{"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}},"& svg":{width:"100%",height:"100%",fill:"currentColor",display:"block"},"& img":{width:"100%",height:"100%",display:"block"}})),Z=({children:r,path:e,url:a,alt:o="icon",viewBox:s="0 0 24 24",color:c="var(--primary-color)",outlined:p=!1,spin:i=!1,badge:l,badgeColor:g="primary",badgePosition:B={vertical:"bottom",horizontal:"right"},size:h="sm",black:u,white:v,className:I})=>{const f=q.useMemo(()=>v?"white":u?"black":c,[c,v,u]),b=Oe[h],y=q.useMemo(()=>{if(r)return r;if(e){const m=e.trim();return m.startsWith("<svg")?t.jsx("span",{dangerouslySetInnerHTML:{__html:m}}):t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:s,fill:"currentColor","aria-hidden":"true",children:t.jsx("path",{d:m})})}return a?t.jsx("img",{src:a,alt:o}):null},[r,e,a,o,s]);return t.jsx(xe,{badgeContent:l,color:g,anchorOrigin:B,invisible:l===void 0,sx:{".MuiBadge-badge":{transform:"scale(1)"}},children:t.jsx(ze,{color:f,fontSize:b,spin:i,outlined:p,className:`hsi-icon ${I||""}`,children:y})})};Z.__docgenInfo={description:"",methods:[],displayName:"Icon",props:{children:{required:!1,tsType:{name:"ReactNode"},description:"Contenido icono. Modo legacy: acepta un elemento MUI o SVG ya armado.\nSi se usa junto con `path` o `url`, `children` tiene prioridad."},path:{required:!1,tsType:{name:"string"},description:'Ruta SVG inline (el contenido del atributo `d` de un `<path>`). Útil para\nlos iconos custom de Metronic que vienen como strings de path.\n\n```tsx\n<Icon path="M12 2L2 22h20L12 2z" />\n```\n\nSi el string contiene el tag `<svg>` completo (no solo el `d`), también\nse soporta y se inyecta tal cual via `dangerouslySetInnerHTML`.'},url:{required:!1,tsType:{name:"string"},description:'URL a un archivo `.svg` (asset local o remoto). Se renderiza vía `<img>`.\n\n```tsx\n<Icon url="/assets/icons/custom-warning.svg" />\n```'},alt:{required:!1,tsType:{name:"string"},description:'Alt text cuando se usa `url`. Default: `"icon"`.',defaultValue:{value:"'icon'",computed:!1}},viewBox:{required:!1,tsType:{name:"string"},description:'ViewBox cuando se usa `path`. Default: `"0 0 24 24"`. Ignorado si `path`\nya viene como `<svg>` completo.',defaultValue:{value:"'0 0 24 24'",computed:!1}},color:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"'var(--primary-color)'",computed:!1}},outlined:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},spin:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},badge:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},badgeColor:{required:!1,tsType:{name:"union",raw:"'primary' | 'secondary' | 'error'",elements:[{name:"literal",value:"'primary'"},{name:"literal",value:"'secondary'"},{name:"literal",value:"'error'"}]},description:"",defaultValue:{value:"'primary'",computed:!1}},badgePosition:{required:!1,tsType:{name:"signature",type:"object",raw:`{
+  vertical: 'top' | 'bottom';
+  horizontal: 'right' | 'left';
+}`,signature:{properties:[{key:"vertical",value:{name:"union",raw:"'top' | 'bottom'",elements:[{name:"literal",value:"'top'"},{name:"literal",value:"'bottom'"}],required:!0}},{key:"horizontal",value:{name:"union",raw:"'right' | 'left'",elements:[{name:"literal",value:"'right'"},{name:"literal",value:"'left'"}],required:!0}}]}},description:"",defaultValue:{value:"{ vertical: 'bottom', horizontal: 'right' }",computed:!1}},badgeSize:{required:!1,tsType:{name:"union",raw:"'small' | 'medium' | 'large'",elements:[{name:"literal",value:"'small'"},{name:"literal",value:"'medium'"},{name:"literal",value:"'large'"}]},description:""},size:{required:!1,tsType:{name:"union",raw:"'xs' | 'sm' | 'md' | 'lg' | 'xl'",elements:[{name:"literal",value:"'xs'"},{name:"literal",value:"'sm'"},{name:"literal",value:"'md'"},{name:"literal",value:"'lg'"},{name:"literal",value:"'xl'"}]},description:"",defaultValue:{value:"'sm'",computed:!1}},black:{required:!1,tsType:{name:"boolean"},description:""},white:{required:!1,tsType:{name:"boolean"},description:""},className:{required:!1,tsType:{name:"string"},description:""}}};const je={title:"Components/Icon",component:Z,parameters:{layout:"centered",docs:{description:{component:"Componente Icon con soporte para 3 fuentes: `children` (elemento MUI), `path` (string SVG inline, para los iconos custom de Metronic) y `url` (ruta a un archivo `.svg`)."}}},tags:["autodocs"]},x={args:{children:t.jsx(k,{})}},O={args:{children:t.jsx(E,{}),outlined:!0}},z={args:{children:t.jsx(E,{}),spin:!0}},C={args:{children:t.jsx(k,{}),badge:3,badgeColor:"error"}},S={args:{children:t.jsx(k,{}),size:"xl",white:!0,badge:10,badgeColor:"primary"}},P={args:{path:"M12 2L2 22h20L12 2zm0 3.83L19.17 20H4.83L12 5.83zM11 16h2v2h-2v-2zm0-6h2v5h-2v-5z",color:"#f59e0b",size:"lg"},parameters:{docs:{description:{story:"Renderiza un SVG a partir del atributo `d` de un `<path>`. Es la forma en que Metronic suele entregar iconos custom."}}}},w={args:{path:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2" stroke="white" stroke-width="2" fill="none"/></svg>',color:"#2563eb",size:"lg"},parameters:{docs:{description:{story:"Si `path` contiene un `<svg>` completo (con `viewBox`, múltiples paths, etc), se inyecta tal cual."}}}},R={args:{url:"https://upload.wikimedia.org/wikipedia/commons/4/4f/SVG_Logo.svg",alt:"SVG logo",size:"xl"},parameters:{docs:{description:{story:"Renderiza un `<img>` apuntando a un archivo `.svg`. Útil para assets locales (p.ej. `/public/icons/foo.svg`)."}}}},T={args:{path:"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z",badge:"9+",badgeColor:"error",size:"md"}};x.parameters={...x.parameters,docs:{...x.parameters?.docs,source:{originalSource:`{
+  args: {
+    children: <NotificationsIcon />
+  }
+}`,...x.parameters?.docs?.source}}};O.parameters={...O.parameters,docs:{...O.parameters?.docs,source:{originalSource:`{
+  args: {
+    children: <SettingsIcon />,
+    outlined: true
+  }
+}`,...O.parameters?.docs?.source}}};z.parameters={...z.parameters,docs:{...z.parameters?.docs,source:{originalSource:`{
+  args: {
+    children: <SettingsIcon />,
+    spin: true
+  }
+}`,...z.parameters?.docs?.source}}};C.parameters={...C.parameters,docs:{...C.parameters?.docs,source:{originalSource:`{
+  args: {
+    children: <NotificationsIcon />,
+    badge: 3,
+    badgeColor: 'error'
+  }
+}`,...C.parameters?.docs?.source}}};S.parameters={...S.parameters,docs:{...S.parameters?.docs,source:{originalSource:`{
+  args: {
+    children: <NotificationsIcon />,
+    size: 'xl',
+    white: true,
+    badge: 10,
+    badgeColor: 'primary'
+  }
+}`,...S.parameters?.docs?.source}}};P.parameters={...P.parameters,docs:{...P.parameters?.docs,source:{originalSource:`{
+  args: {
+    path: 'M12 2L2 22h20L12 2zm0 3.83L19.17 20H4.83L12 5.83zM11 16h2v2h-2v-2zm0-6h2v5h-2v-5z',
+    color: '#f59e0b',
+    size: 'lg'
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Renderiza un SVG a partir del atributo \`d\` de un \`<path>\`. Es la forma en que Metronic suele entregar iconos custom.'
+      }
+    }
+  }
+}`,...P.parameters?.docs?.source}}};w.parameters={...w.parameters,docs:{...w.parameters?.docs,source:{originalSource:`{
+  args: {
+    path: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2" stroke="white" stroke-width="2" fill="none"/></svg>',
+    color: '#2563eb',
+    size: 'lg'
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Si \`path\` contiene un \`<svg>\` completo (con \`viewBox\`, múltiples paths, etc), se inyecta tal cual.'
+      }
+    }
+  }
+}`,...w.parameters?.docs?.source}}};R.parameters={...R.parameters,docs:{...R.parameters?.docs,source:{originalSource:`{
+  args: {
+    url: 'https://upload.wikimedia.org/wikipedia/commons/4/4f/SVG_Logo.svg',
+    alt: 'SVG logo',
+    size: 'xl'
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: 'Renderiza un \`<img>\` apuntando a un archivo \`.svg\`. Útil para assets locales (p.ej. \`/public/icons/foo.svg\`).'
+      }
+    }
+  }
+}`,...R.parameters?.docs?.source}}};T.parameters={...T.parameters,docs:{...T.parameters?.docs,source:{originalSource:`{
+  args: {
+    path: 'M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z',
+    badge: '9+',
+    badgeColor: 'error',
+    size: 'md'
+  }
+}`,...T.parameters?.docs?.source}}};const qe=["Default","Outlined","Spinning","WithBadge","LargeWhiteIcon","FromPathD","FromFullSvg","FromUrl","PathWithBadge"];export{x as Default,w as FromFullSvg,P as FromPathD,R as FromUrl,S as LargeWhiteIcon,O as Outlined,T as PathWithBadge,z as Spinning,C as WithBadge,qe as __namedExportsOrder,je as default};

package/storybook-static/assets/IconButton-9OYSTH58.js

@@ -0,0 +1 @@
+import{r as S}from"./iframe-BAJnc_4n.js";import{a as j,g as $,u as M,s as z,c as P,b as r,d as L,m as v}from"./DefaultPropsProvider-BGoQxtDa.js";import{c as b}from"./createSimplePaletteValueFilter-bm0fmN_7.js";import{j as i}from"./jsx-runtime-D_zvdyIk.js";import{u as W}from"./useId-b4fZxjOL.js";import{B as k}from"./ButtonBase-qyaMEhe4.js";import{C as E}from"./CircularProgress-DC7ZNWwl.js";function N(o){return $("MuiIconButton",o)}const B=j("MuiIconButton",["root","disabled","colorInherit","colorPrimary","colorSecondary","colorError","colorInfo","colorSuccess","colorWarning","edgeStart","edgeEnd","sizeSmall","sizeMedium","sizeLarge","loading","loadingIndicator","loadingWrapper"]),O=o=>{const{classes:a,disabled:t,color:s,edge:n,size:l,loading:c}=o,d={root:["root",c&&"loading",t&&"disabled",s!=="default"&&`color${r(s)}`,n&&`edge${r(n)}`,`size${r(l)}`],loadingIndicator:["loadingIndicator"],loadingWrapper:["loadingWrapper"]};return L(d,N,a)},T=z(k,{name:"MuiIconButton",slot:"Root",overridesResolver:(o,a)=>{const{ownerState:t}=o;return[a.root,t.loading&&a.loading,t.color!=="default"&&a[`color${r(t.color)}`],t.edge&&a[`edge${r(t.edge)}`],a[`size${r(t.size)}`]]}})(v(({theme:o})=>({textAlign:"center",flex:"0 0 auto",fontSize:o.typography.pxToRem(24),padding:8,borderRadius:"50%",color:(o.vars||o).palette.action.active,transition:o.transitions.create("background-color",{duration:o.transitions.duration.shortest}),variants:[{props:a=>!a.disableRipple,style:{"--IconButton-hoverBg":o.alpha((o.vars||o).palette.action.active,(o.vars||o).palette.action.hoverOpacity),"&:hover":{backgroundColor:"var(--IconButton-hoverBg)","@media (hover: none)":{backgroundColor:"transparent"}}}},{props:{edge:"start"},style:{marginLeft:-12}},{props:{edge:"start",size:"small"},style:{marginLeft:-3}},{props:{edge:"end"},style:{marginRight:-12}},{props:{edge:"end",size:"small"},style:{marginRight:-3}}]})),v(({theme:o})=>({variants:[{props:{color:"inherit"},style:{color:"inherit"}},...Object.entries(o.palette).filter(b()).map(([a])=>({props:{color:a},style:{color:(o.vars||o).palette[a].main}})),...Object.entries(o.palette).filter(b()).map(([a])=>({props:{color:a},style:{"--IconButton-hoverBg":o.alpha((o.vars||o).palette[a].main,(o.vars||o).palette.action.hoverOpacity)}})),{props:{size:"small"},style:{padding:5,fontSize:o.typography.pxToRem(18)}},{props:{size:"large"},style:{padding:12,fontSize:o.typography.pxToRem(28)}}],[`&.${B.disabled}`]:{backgroundColor:"transparent",color:(o.vars||o).palette.action.disabled},[`&.${B.loading}`]:{color:"transparent"}}))),U=z("span",{name:"MuiIconButton",slot:"LoadingIndicator"})(({theme:o})=>({display:"none",position:"absolute",visibility:"visible",top:"50%",left:"50%",transform:"translate(-50%, -50%)",color:(o.vars||o).palette.action.disabled,variants:[{props:{loading:!0},style:{display:"flex"}}]})),G=S.forwardRef(function(a,t){const s=M({props:a,name:"MuiIconButton"}),{edge:n=!1,children:l,className:c,color:d="default",disabled:u=!1,disableFocusRipple:f=!1,size:x="medium",id:y,loading:e=null,loadingIndicator:R,...C}=s,m=W(y),I=R??i.jsx(E,{"aria-labelledby":m,color:"inherit",size:16}),p={...s,edge:n,color:d,disabled:u,disableFocusRipple:f,loading:e,loadingIndicator:I,size:x},g=O(p);return i.jsxs(T,{id:e?m:y,className:P(g.root,c),centerRipple:!0,focusRipple:!f,disabled:u||e,ref:t,...C,ownerState:p,children:[typeof e=="boolean"&&i.jsx("span",{className:g.loadingWrapper,style:{display:"contents"},children:i.jsx(U,{className:g.loadingIndicator,ownerState:p,children:e&&I})}),l]})});export{G as I};

package/storybook-static/assets/Input-CjX0t4h-.js

@@ -0,0 +1 @@
+import{j as d}from"./jsx-runtime-D_zvdyIk.js";import{b as A,F as x,C as B}from"./formField.sx-DMCmZIAa.js";import{r as E}from"./resolvePreset-CN2aOJJr.js";import{u as M}from"./useTheme-BmOJK7ra.js";import{T as b}from"./TextField-22T-xHBm.js";const f=(t,e)=>{if(e!=="number"||t===""||t==="-")return t;const n=parseFloat(t);return isNaN(n)?t:n},D=(t,e,n,r,u,i,a)=>{const l=t==="number"?{min:e??Number.NEGATIVE_INFINITY,...n!==void 0&&{max:n}}:{};return{...r,htmlInput:{...u,...r?.htmlInput,...l,...a&&{readOnly:!0}},inputLabel:{...r?.inputLabel}}},L=(t,e)=>{const n=typeof t=="number"?`${t}px`:t;return A({borderRadius:t,labelPosition:e,extraOutsideSx:{"& .MuiInputBase-input":{paddingTop:x,paddingBottom:x},"& .MuiFilledInput-root":{paddingTop:0,borderRadius:`${n} ${n} 0 0`},"& .MuiFilledInput-input":{paddingTop:x},"& .MuiInput-root":{marginTop:0}}})},O=t=>{const{type:e="text",variant:n="outlined",size:r="small",borderRadius:u=10,labelPosition:i="outside",preset:a,min:l,max:T,readOnly:v,inputProps:F,slotProps:N,sx:p,...s}=t,P=M(),I=E("Input",a,P),c=D(e,l,T,N,F,i,v),g=[L(u,i),...I?[I]:[],...Array.isArray(p)?p:[p]];if("control"in t&&t.control){const{name:m,control:C,validation:S}=t;return d.jsx(B,{name:m,control:C,rules:S,render:({field:o,fieldState:{error:h}})=>d.jsx(b,{fullWidth:!0,...s,name:o.name,value:o.value??"",onChange:j=>o.onChange(f(j.target.value,e)),onBlur:o.onBlur,inputRef:o.ref,type:e,variant:n,size:r,slotProps:c,sx:g,error:!!h||s.error,helperText:h?.message??s.helperText})})}const{value:y,onChange:_}=t;return d.jsx(b,{fullWidth:!0,...s,value:y??"",onChange:m=>_(f(m.target.value,e)),type:e,variant:n,size:r,slotProps:c,sx:g})};O.__docgenInfo={description:"",methods:[],displayName:"Input"};export{O as I};