anima-ds-nucleus 1.0.39 → 1.0.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/anima-ds.cjs.js +8 -3
  2. package/dist/anima-ds.esm.js +19 -6
  3. package/package.json +1 -1
  4. package/src/components/Layout/Header/HeaderCore.jsx +6 -1
  5. package/src/components/Layout/SaludoConFechaDashboard/SaludoConFechaDashboard.jsx +2 -1
  6. package/src/components/Layout/TenantConfig/TenantConfig.jsx +13 -8
package/dist/anima-ds.cjs.js CHANGED
@@ -100,7 +100,8 @@ React keys must be passed directly to JSX without using spread:
100
100
  border-color: #3b82f6 !important;
101
101
  box-shadow: 0 0 0 1px #3b82f6;
102
102
  }
103
- @media (max-width: 1365px) {
103
+ /* Hasta 1365px: HeaderCore mobile. Usamos max-width 1366px para que no haya hueco; en 1366 gana el bloque siguiente. */
104
+ @media (max-width: 1366px) {
104
105
  .header-mobile-layout {
105
106
  display: block;
106
107
  }
@@ -127,10 +128,14 @@ React keys must be passed directly to JSX without using spread:
127
128
  width: 36px !important;
128
129
  }
129
130
  }
131
+ /* Desde 1366px: HeaderCore desktop (oculta mobile y muestra desktop; este bloque gana en 1366 por ir después). */
130
132
  @media (min-width: 1366px) {
131
133
  .header-mobile-layout {
132
134
  display: none;
133
135
  }
136
+ .header-desktop-layout {
137
+ display: flex !important;
138
+ }
134
139
  }
135
140
  `}),l.jsxs("div",{className:"w-full",children:[l.jsxs("div",{className:`header-desktop-layout flex items-center justify-between h-16 ${v}`,style:I,children:[l.jsx("div",{className:`flex-1 mr-2 md:mr-4 ${B}`,style:{maxWidth:"none",minWidth:"0",...$||{}},children:l.jsxs("form",{onSubmit:X0,className:"header-search-form flex items-center w-full",children:[l.jsx("input",{type:"text",value:k0,onChange:O0,placeholder:a,className:`header-search-input flex-1 pl-2 md:pl-4 pr-2 md:pr-4 py-2 md:py-2.5 bg-white border border-gray-400 rounded-l-lg \r
136
141
  focus:outline-none text-sm md:text-base`,style:{height:"40px",borderRight:"none",borderTopRightRadius:"0",borderBottomRightRadius:"0",color:"#374151",fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"italic",fontSize:"14px",lineHeight:"20px",letterSpacing:"0px"}}),l.jsx("div",{className:"header-search-icon-container flex items-center justify-center border border-gray-400 rounded-r-lg bg-white",style:{width:"40px",height:"40px",borderTopLeftRadius:"0",borderBottomLeftRadius:"0"},children:l.jsx(x,{name:"MagnifyingGlassIcon",variant:"24-outline",size:20,className:"color-gray-600"})})]})}),l.jsxs("div",{className:`flex items-center space-x-3 md:space-x-6 flex-shrink-0 ${L}`,style:{marginLeft:"auto",paddingRight:"0px",...N||{}},children:[o!==void 0&&l.jsxs("button",{onClick:d,className:`ml-3 p-2 hover:bg-gray-100 rounded-lg transition-colors flex items-center gap-2 ${D}`,"aria-label":"Notificaciones",style:{transform:"translateX(12px)",...W||{},...O||{}},children:[l.jsx("span",{className:`relative inline-block ${T}`,style:{width:"24px",height:"24px",opacity:1,...V||{}},children:l.jsx(x,{name:W0,variant:"24-outline",size:M,strokeWidth:H,className:`color-gray-600 ${F}`,style:{width:"24px",height:"24px",position:"absolute",top:"0px",left:"0px",opacity:1,transform:"rotate(0deg)",...U||{},...G||{}}})}),o>0&&l.jsx("span",{className:`h-5 text-white flex items-center justify-center text-body-sm font-medium ${C}`,style:{backgroundColor:"#6D3856",minWidth:"24px",width:"fit-content",height:"20px",paddingTop:"2px",paddingRight:"8px",paddingBottom:"2px",paddingLeft:"8px",borderRadius:"16px",opacity:1,transform:"rotate(0deg)",...k||{},...X||{}},children:o>9?"9+":o})]}),t&&l.jsxs("div",{className:"relative",children:[l.jsxs("button",{ref:K,onClick:J0,className:`flex items-center space-x-3 hover:bg-gray-50 \r
@@ -463,7 +468,7 @@ React keys must be passed directly to JSX without using spread:
463
468
  text-align: ${Z?"center":"left"};
464
469
  }
465
470
  }
466
- `}),l.jsxs("div",{className:"grid grid-cols-[minmax(0,1fr)_auto] grid-rows-[auto_auto] gap-x-4 gap-y-1 items-center",children:[d&&l.jsxs("div",{className:`scfd-inicio col-start-1 row-start-1 flex items-center gap-1 ${C}`,style:{paddingLeft:"8px",...k||{}},children:[l.jsx(m,{variant:"body-md",className:u?O:`${O} ${M}`.trim(),style:{color:"#223B40",fontFamily:"IBM Plex Sans",fontWeight:u?700:H?se.fontWeight:500,fontStyle:"normal",fontSize:u?"14px":H?se.fontSize:"24px",lineHeight:u?"20px":H?se.lineHeight:"42px",letterSpacing:u?"0%":H?se.letterSpacing:"0%",verticalAlign:"middle",...u?T||{}:H?{...se,...V||{},...T||{}}:{fontFamily:"IBM Plex Sans",fontWeight:500,fontStyle:"normal",fontSize:"24px",lineHeight:"42px",letterSpacing:"0%",verticalAlign:"middle",color:"#223B40",...V||{},...T||{}}},children:s}),c&&f?l.jsx(x,{name:f,variant:h,size:g,className:Q,style:{color:"#223B40",opacity:1,transform:"rotate(0deg)",...o0||{}}}):null,!u&&a?l.jsx(m,{variant:"body-md",className:H?`${O} ${X}`.trim():O,style:H?{...nP,...G||{}}:{color:"#223B40",fontFamily:"IBM Plex Sans",fontWeight:500,fontStyle:"normal",fontSize:"24px",lineHeight:"42px",letterSpacing:"0%",verticalAlign:"middle",...T||{}},children:a}):null]}),l.jsxs("div",{className:`scfd-saludo-fecha col-start-1 col-end-3 row-start-2 flex items-center justify-between ${F}`,style:{width:"100%",minHeight:"74px",gap:"24px",opacity:1,transform:"rotate(0deg)",paddingTop:"16px",paddingBottom:"16px",paddingLeft:"8px",boxSizing:"border-box",visibility:o?"visible":"hidden",...U||{}},children:[l.jsx("div",{className:`scfd-greeting-wrapper min-w-0 ${L}`,style:N,children:l.jsxs(m,{variant:"h5",className:`scfd-greeting ${z}`,style:{color:"#223B40",fontFamily:"IBM Plex Sans",fontWeight:u?400:500,fontStyle:"normal",fontSize:u?"28px":"24px",lineHeight:"42px",letterSpacing:"0%",verticalAlign:"middle",...f0||{}},children:[u&&l.jsxs("span",{style:{display:"inline-block",verticalAlign:"middle",fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"28px",lineHeight:"42px",letterSpacing:"0%",color:"#223B40"},children:[R0,r]}),a?l.jsxs(l.Fragment,{children:[u&&l.jsx("span",{style:{display:"inline-block",verticalAlign:"middle"},children:", "}),l.jsx("span",{className:w0,style:{display:"inline-block",verticalAlign:"middle",color:"#223B40",fontFamily:"IBM Plex Sans",fontWeight:u?400:500,fontStyle:"normal",fontSize:u?"28px":"24px",lineHeight:"42px",letterSpacing:"0%",...s0||{}},children:a})]}):null,u&&l.jsx("span",{style:{display:"inline-block",verticalAlign:"middle"},children:r0})]})}),n&&p0?l.jsx("div",{className:`scfd-date flex items-center flex-shrink-0 ${D}`,style:W,children:l.jsx(m,{variant:"body-lg",className:`color-gray-600 ${E0}`,style:g0,children:p0})}):null]})]})]})},iP=({className:a="",...r})=>l.jsx("div",{className:`w-full bg-white ${a}`,style:{height:"150px",border:"1px solid #c4c4c4",borderRadius:"16px",paddingTop:"24px",paddingLeft:"24px",display:"flex",flexDirection:"column"},...r,children:l.jsx(m,{variant:"body-lg",style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"20px",lineHeight:"30px",letterSpacing:"0%",verticalAlign:"middle",color:"#223B40"},children:"Acciones rápidas"})}),cP=({idTenantLabel:a="ID TENANT",idTenantLabelStyle:r,idTenantLabelClassName:t="",idTenantValue:n="",idTenantValueStyle:o,idTenantValueClassName:u="",idTenantBadgeBorderColor:d="#334681",idTenantBadgeBackgroundColor:s="#F0F3FC",idTenantBadgeStyle:c,idTenantBadgeClassName:f="",estadoTenantLabel:h="ESTADO TENANT",estadoTenantLabelStyle:g,estadoTenantLabelClassName:b="",estadoTenantValue:w="",estadoTenantValueStyle:j,estadoTenantValueClassName:Z="",estadoTenantBadgeBorderColor:E="#0A742C",estadoTenantBadgeBackgroundColor:R="transparent",estadoTenantBadgeStyle:v,estadoTenantBadgeClassName:I="",containerStyle:B,containerClassName:$="",contentContainerStyle:L,contentContainerClassName:N="",itemsContainerStyle:D,itemsContainerClassName:W="",leftSectionStyle:F,leftSectionClassName:U="",rightSectionStyle:C,rightSectionClassName:k="",className:O="",...T})=>l.jsxs("div",{className:`anima-tenantactive__container ${$} ${O}`,style:{width:"100%",minHeight:"56px",paddingTop:"16px",paddingRight:"24px",paddingBottom:"16px",paddingLeft:"24px",borderRadius:"16px",border:"1px solid rgb(196, 196, 196)",backgroundColor:"#FFFFFF",opacity:1,boxSizing:"border-box",overflow:"hidden",...B||{}},...T,children:[l.jsx("style",{children:`
471
+ `}),l.jsxs("div",{className:"grid grid-cols-[minmax(0,1fr)_auto] grid-rows-[auto_auto] gap-x-4 gap-y-1 items-center",children:[d&&l.jsxs("div",{className:`scfd-inicio col-start-1 row-start-1 flex items-center gap-1 ${C}`,style:{paddingLeft:"8px",...k||{}},children:[l.jsx(m,{variant:"body-md",className:u?O:`${O} ${M}`.trim(),style:{color:"#223B40",fontFamily:"IBM Plex Sans",fontWeight:u?700:H?se.fontWeight:500,fontStyle:"normal",fontSize:u?"14px":H?se.fontSize:"24px",lineHeight:u?"20px":H?se.lineHeight:"42px",letterSpacing:u?"0%":H?se.letterSpacing:"0%",verticalAlign:"middle",...u?T||{}:H?{...se,...V||{},...T||{}}:{fontFamily:"IBM Plex Sans",fontWeight:500,fontStyle:"normal",fontSize:"24px",lineHeight:"42px",letterSpacing:"0%",verticalAlign:"middle",color:"#223B40",...V||{},...T||{}}},children:s}),c&&f?l.jsx(x,{name:f,variant:h,size:g,className:Q,style:{color:"#223B40",opacity:1,transform:"rotate(0deg)",...o0||{}}}):null,!u&&a?l.jsx(m,{variant:"body-md",className:H?`${O} ${X}`.trim():O,style:H?{...nP,display:"flex",...G||{}}:{color:"#223B40",fontFamily:"IBM Plex Sans",fontWeight:500,fontStyle:"normal",fontSize:"24px",lineHeight:"42px",letterSpacing:"0%",verticalAlign:"middle",...T||{}},children:a}):null]}),l.jsxs("div",{className:`scfd-saludo-fecha col-start-1 col-end-3 row-start-2 flex items-center justify-between ${F}`,style:{width:"100%",minHeight:"74px",gap:"24px",opacity:1,transform:"rotate(0deg)",paddingTop:"16px",paddingBottom:"16px",paddingLeft:"8px",boxSizing:"border-box",visibility:o?"visible":"hidden",...U||{}},children:[l.jsx("div",{className:`scfd-greeting-wrapper min-w-0 ${L}`,style:N,children:l.jsxs(m,{variant:"h5",className:`scfd-greeting ${z}`,style:{color:"#223B40",fontFamily:"IBM Plex Sans",fontWeight:u?400:500,fontStyle:"normal",fontSize:u?"28px":"24px",lineHeight:"42px",letterSpacing:"0%",verticalAlign:"middle",...f0||{}},children:[u&&l.jsxs("span",{style:{display:"inline-block",verticalAlign:"middle",fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"28px",lineHeight:"42px",letterSpacing:"0%",color:"#223B40"},children:[R0,r]}),a?l.jsxs(l.Fragment,{children:[u&&l.jsx("span",{style:{display:"inline-block",verticalAlign:"middle"},children:", "}),l.jsx("span",{className:w0,style:{display:u?"inline-block":"flex",verticalAlign:"middle",color:"#223B40",fontFamily:"IBM Plex Sans",fontWeight:u?400:500,fontStyle:"normal",fontSize:u?"28px":"24px",lineHeight:"42px",letterSpacing:"0%",...s0||{}},children:a})]}):null,u&&l.jsx("span",{style:{display:"inline-block",verticalAlign:"middle"},children:r0})]})}),n&&p0?l.jsx("div",{className:`scfd-date flex items-center flex-shrink-0 ${D}`,style:W,children:l.jsx(m,{variant:"body-lg",className:`color-gray-600 ${E0}`,style:g0,children:p0})}):null]})]})]})},iP=({className:a="",...r})=>l.jsx("div",{className:`w-full bg-white ${a}`,style:{height:"150px",border:"1px solid #c4c4c4",borderRadius:"16px",paddingTop:"24px",paddingLeft:"24px",display:"flex",flexDirection:"column"},...r,children:l.jsx(m,{variant:"body-lg",style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"20px",lineHeight:"30px",letterSpacing:"0%",verticalAlign:"middle",color:"#223B40"},children:"Acciones rápidas"})}),cP=({idTenantLabel:a="ID TENANT",idTenantLabelStyle:r,idTenantLabelClassName:t="",idTenantValue:n="",idTenantValueStyle:o,idTenantValueClassName:u="",idTenantBadgeBorderColor:d="#334681",idTenantBadgeBackgroundColor:s="#F0F3FC",idTenantBadgeStyle:c,idTenantBadgeClassName:f="",estadoTenantLabel:h="ESTADO TENANT",estadoTenantLabelStyle:g,estadoTenantLabelClassName:b="",estadoTenantValue:w="",estadoTenantValueStyle:j,estadoTenantValueClassName:Z="",estadoTenantBadgeBorderColor:E="#0A742C",estadoTenantBadgeBackgroundColor:R="transparent",estadoTenantBadgeStyle:v,estadoTenantBadgeClassName:I="",containerStyle:B,containerClassName:$="",contentContainerStyle:L,contentContainerClassName:N="",itemsContainerStyle:D,itemsContainerClassName:W="",leftSectionStyle:F,leftSectionClassName:U="",rightSectionStyle:C,rightSectionClassName:k="",className:O="",...T})=>l.jsxs("div",{className:`anima-tenantactive__container ${$} ${O}`,style:{width:"100%",minHeight:"56px",paddingTop:"16px",paddingRight:"24px",paddingBottom:"16px",paddingLeft:"24px",borderRadius:"16px",border:"1px solid rgb(196, 196, 196)",backgroundColor:"#FFFFFF",opacity:1,boxSizing:"border-box",overflow:"hidden",...B||{}},...T,children:[l.jsx("style",{children:`
467
472
  @media (max-width: 769px) {
468
473
  .anima-tenantactive__items {
469
474
  flex-direction: column !important;
@@ -491,7 +496,7 @@ React keys must be passed directly to JSX without using spread:
491
496
  padding-right: 12px !important;
492
497
  }
493
498
  }
494
- `}),l.jsx("div",{className:`anima-tenantactive__content ${N}`,style:{width:"100%",minHeight:"24px",opacity:1,boxSizing:"border-box",...L||{}},children:l.jsxs("div",{className:`anima-tenantactive__items ${W}`,style:{width:"100%",minHeight:"24px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",justifyContent:"space-between",flexWrap:"wrap",boxSizing:"border-box",...D||{}},children:[l.jsxs("div",{className:`anima-tenantactive__left-section ${U}`,style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"24px",flex:"1 1 auto",minWidth:0,boxSizing:"border-box",...F||{}},children:[a&&l.jsx(m,{variant:"body-md",className:t,style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"14px",lineHeight:"21px",letterSpacing:"1%",textTransform:"uppercase",color:"#29474C",whiteSpace:"nowrap",flexShrink:0,...r||{}},children:a}),n&&l.jsx("div",{className:`anima-tenantactive__badge anima-tenantactive__badge-id ${f}`,style:{width:"auto",minWidth:"168px",height:"24px",paddingTop:"2px",paddingRight:"12px",paddingBottom:"4px",paddingLeft:"12px",borderRadius:"16px",borderWidth:"1px",borderStyle:"solid",borderColor:d,backgroundColor:s,opacity:1,boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"flex-end",flexShrink:0,...c||{}},children:l.jsx(m,{variant:"mono-sm",className:u,style:{fontFamily:"IBM Plex Mono",fontWeight:400,fontStyle:"normal",fontSize:"12px",lineHeight:"18px",letterSpacing:"0%",textAlign:"right",verticalAlign:"middle",whiteSpace:"nowrap",color:d,...o||{}},children:n})})]}),l.jsxs("div",{className:`anima-tenantactive__right-section ${k}`,style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"24px",flex:"1 1 auto",minWidth:0,boxSizing:"border-box",...C||{}},children:[h&&l.jsx(m,{variant:"body-md",className:b,style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"14px",lineHeight:"21px",letterSpacing:"1%",textTransform:"uppercase",color:"#29474C",whiteSpace:"nowrap",flexShrink:0,...g||{}},children:h}),w&&l.jsx("div",{className:`anima-tenantactive__badge anima-tenantactive__badge-estado ${I}`,style:{width:"auto",minWidth:"168px",height:"24px",paddingTop:"2px",paddingRight:"12px",paddingBottom:"4px",paddingLeft:"12px",borderRadius:"16px",borderWidth:"1px",borderStyle:"solid",borderColor:E,backgroundColor:R,opacity:1,boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"flex-end",flexShrink:0,...v||{}},children:l.jsx(m,{variant:"mono-sm",className:Z,style:{fontFamily:"IBM Plex Mono",fontWeight:400,fontStyle:"normal",fontSize:"12px",lineHeight:"18px",letterSpacing:"0%",textAlign:"right",verticalAlign:"middle",whiteSpace:"nowrap",color:E,...j||{}},children:w})})]})]})})]}),Ie=769,dP=({title:a="",titleStyle:r,titleClassName:t="",text:n="",textStyle:o,textClassName:u="",iconName:d="Cog6ToothIcon",iconSize:s=24,iconColor:c="#334681",iconStyle:f,iconClassName:h="",containerStyle:g,containerClassName:b="",contentContainerStyle:w,contentContainerClassName:j="",iconContainerStyle:Z,iconContainerClassName:E="",textContainerStyle:R,textContainerClassName:v="",className:I="",...B})=>{const[$,L]=y.useState(()=>typeof window<"u"?window.innerWidth<=Ie:!1),[N,D]=y.useState(!1),W=()=>{const C=window.innerWidth<=Ie;L(C),C||D(!1)};y.useLayoutEffect(()=>{W()},[]),y.useEffect(()=>(window.addEventListener("resize",W),()=>window.removeEventListener("resize",W)),[]);const F=$&&N,U=$&&!N;return l.jsxs("div",{className:`anima-tenantconfig__container ${b} ${I}`,style:{width:"100%",...$&&{maxWidth:"372px"},...U?{height:"80px",minHeight:"80px"}:F?{height:"auto",minHeight:0}:{height:"auto",minHeight:0},paddingTop:"16px",paddingRight:"20px",paddingBottom:"16px",paddingLeft:"20px",gap:"12px",borderRadius:"12px",border:"1px solid var(--misc-estado-info, #334681)",backgroundColor:"#F0F3FC",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"row",alignItems:$&&!N?"center":"flex-start",overflow:"hidden",...g||{}},...B,children:[l.jsx("div",{className:`anima-tenantconfig__icon-container ${E}`,style:{width:"24px",...U?{height:"48px",minHeight:"48px"}:$?{minHeight:0}:{minHeight:0},paddingTop:"4px",opacity:1,boxSizing:"border-box",flexShrink:0,...Z||{}},children:l.jsx("div",{style:{width:"24px",height:"24px",opacity:1,boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},children:l.jsx(x,{name:d,size:24,className:h,style:{width:"24px",height:"24px",opacity:1,color:c,stroke:"#334681",strokeWidth:"1.5px",...f||{}}})})}),l.jsxs("div",{className:`anima-tenantconfig__text-container ${v}`,style:{flex:"1 1 auto",minWidth:0,...U?{height:"48px",minHeight:"48px"}:{minHeight:0},...F&&{maxWidth:"332px"},gap:F?"10px":"8px",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:U?"center":"flex-start",...R||{}},children:[a&&l.jsx("div",{className:"anima-tenantconfig__title-container",style:{width:"100%",...$?{maxWidth:"264px",height:"48px",minHeight:0,display:"flex",alignItems:"center"}:{minHeight:"30px"},gap:"8px",opacity:1,boxSizing:"border-box"},children:l.jsx(m,{variant:"mono-md",className:t,style:{fontFamily:"IBM Plex Mono",fontWeight:500,fontStyle:"normal",fontSize:"20px",lineHeight:"30px",letterSpacing:"0%",verticalAlign:"middle",color:"#334681",margin:0,...r||{}},children:a})}),n&&!U&&l.jsx(l.Fragment,{children:F?l.jsx("div",{className:"anima-tenantconfig__text-expanded-wrapper",style:{width:"100%",maxWidth:"332px",minHeight:0,paddingRight:"8px",gap:"10px",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column"},children:l.jsx("div",{className:"anima-tenantconfig__text-content anima-tenantconfig__text-content--expanded",style:{width:"100%",maxWidth:"288px",minHeight:0,opacity:1,boxSizing:"border-box"},children:l.jsx(m,{variant:"mono-md",className:u,style:{fontFamily:"IBM Plex Mono",fontWeight:450,fontStyle:"normal",fontSize:"14px",lineHeight:"21px",letterSpacing:"0.01em",verticalAlign:"middle",color:"var(--misc-estado-info, #334681)",margin:0,...o||{}},children:n})})}):l.jsx("div",{className:"anima-tenantconfig__text-content",style:{width:"100%",minHeight:0,opacity:1,boxSizing:"border-box",display:"block"},children:l.jsx(m,{variant:"mono-md",className:u,style:{fontFamily:"IBM Plex Mono",fontWeight:450,fontStyle:"normal",fontSize:"14px",lineHeight:"21px",letterSpacing:"0.01em",verticalAlign:"middle",color:"var(--misc-estado-info, #334681)",margin:0,...o||{}},children:n})})})]}),$&&l.jsx("button",{type:"button",className:"anima-tenantconfig__chevron",onClick:()=>D(C=>!C),style:{width:"20px",height:"42px",opacity:1,borderRadius:"4px",boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,border:"none",background:"transparent",cursor:"pointer",padding:0},"aria-expanded":N,"aria-label":N?"Contraer":"Expandir",children:l.jsx(x,{name:N?"ChevronUpIcon":"ChevronDownIcon",size:20,style:{width:"20px",height:"20px",color:"var(--misc-estado-info, #334681)"}})})]})},Ve=769,sP=({title:a="CONFIGURACIÓN DE MARCA",titleStyle:r,titleClassName:t="",labelText:n="Nombre comercial",labelTextStyle:o,labelTextClassName:u="",inputValue:d="",inputPlaceholder:s="",inputOnChange:c,inputStyle:f,inputClassName:h="",identidadVisualTitle:g="",identidadVisualTitleStyle:b,identidadVisualTitleClassName:w="",marcaActualTitle:j="",marcaActualTitleStyle:Z,marcaActualTitleClassName:E="",marcaActualImage:R,marcaActualImageAlt:v="",marcaActualNucleusText:I="",marcaActualNucleusTextStyle:B,marcaActualNucleusTextClassName:$="",formatoText:L=`Formato cuadrado
499
+ `}),l.jsx("div",{className:`anima-tenantactive__content ${N}`,style:{width:"100%",minHeight:"24px",opacity:1,boxSizing:"border-box",...L||{}},children:l.jsxs("div",{className:`anima-tenantactive__items ${W}`,style:{width:"100%",minHeight:"24px",display:"flex",flexDirection:"row",gap:"24px",alignItems:"center",justifyContent:"space-between",flexWrap:"wrap",boxSizing:"border-box",...D||{}},children:[l.jsxs("div",{className:`anima-tenantactive__left-section ${U}`,style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"24px",flex:"1 1 auto",minWidth:0,boxSizing:"border-box",...F||{}},children:[a&&l.jsx(m,{variant:"body-md",className:t,style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"14px",lineHeight:"21px",letterSpacing:"1%",textTransform:"uppercase",color:"#29474C",whiteSpace:"nowrap",flexShrink:0,...r||{}},children:a}),n&&l.jsx("div",{className:`anima-tenantactive__badge anima-tenantactive__badge-id ${f}`,style:{width:"auto",minWidth:"168px",height:"24px",paddingTop:"2px",paddingRight:"12px",paddingBottom:"4px",paddingLeft:"12px",borderRadius:"16px",borderWidth:"1px",borderStyle:"solid",borderColor:d,backgroundColor:s,opacity:1,boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"flex-end",flexShrink:0,...c||{}},children:l.jsx(m,{variant:"mono-sm",className:u,style:{fontFamily:"IBM Plex Mono",fontWeight:400,fontStyle:"normal",fontSize:"12px",lineHeight:"18px",letterSpacing:"0%",textAlign:"right",verticalAlign:"middle",whiteSpace:"nowrap",color:d,...o||{}},children:n})})]}),l.jsxs("div",{className:`anima-tenantactive__right-section ${k}`,style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"24px",flex:"1 1 auto",minWidth:0,boxSizing:"border-box",...C||{}},children:[h&&l.jsx(m,{variant:"body-md",className:b,style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"14px",lineHeight:"21px",letterSpacing:"1%",textTransform:"uppercase",color:"#29474C",whiteSpace:"nowrap",flexShrink:0,...g||{}},children:h}),w&&l.jsx("div",{className:`anima-tenantactive__badge anima-tenantactive__badge-estado ${I}`,style:{width:"auto",minWidth:"168px",height:"24px",paddingTop:"2px",paddingRight:"12px",paddingBottom:"4px",paddingLeft:"12px",borderRadius:"16px",borderWidth:"1px",borderStyle:"solid",borderColor:E,backgroundColor:R,opacity:1,boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"flex-end",flexShrink:0,...v||{}},children:l.jsx(m,{variant:"mono-sm",className:Z,style:{fontFamily:"IBM Plex Mono",fontWeight:400,fontStyle:"normal",fontSize:"12px",lineHeight:"18px",letterSpacing:"0%",textAlign:"right",verticalAlign:"middle",whiteSpace:"nowrap",color:E,...j||{}},children:w})})]})]})})]}),Ie=769,dP=({title:a="",titleStyle:r,titleClassName:t="",text:n="",textStyle:o,textClassName:u="",iconName:d="Cog6ToothIcon",iconSize:s=24,iconColor:c="#334681",iconStyle:f,iconClassName:h="",containerStyle:g,containerClassName:b="",contentContainerStyle:w,contentContainerClassName:j="",iconContainerStyle:Z,iconContainerClassName:E="",textContainerStyle:R,textContainerClassName:v="",className:I="",...B})=>{const[$,L]=y.useState(()=>typeof window<"u"?window.innerWidth<=Ie:!1),[N,D]=y.useState(!1),W=()=>{const C=window.innerWidth<=Ie;L(C),C||D(!1)};y.useLayoutEffect(()=>{W()},[]),y.useEffect(()=>(window.addEventListener("resize",W),()=>window.removeEventListener("resize",W)),[]);const F=$&&N,U=$&&!N;return l.jsxs("div",{className:`anima-tenantconfig__container ${b} ${I}`,style:{width:"100%",minWidth:0,maxWidth:"100%",...U?{height:"80px",minHeight:"80px"}:F?{height:"auto",minHeight:0}:{height:"auto",minHeight:0},paddingTop:"16px",paddingRight:"20px",paddingBottom:"16px",paddingLeft:"20px",gap:"12px",borderRadius:"12px",border:"1px solid var(--misc-estado-info, #334681)",backgroundColor:"#F0F3FC",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"row",alignItems:$&&!N?"center":"flex-start",overflow:"hidden",...g||{}},...B,children:[l.jsx("div",{className:`anima-tenantconfig__icon-container ${E}`,style:{width:"24px",...$?{height:"48px",minHeight:"48px",display:"flex",alignItems:"center",paddingTop:0}:{minHeight:0,paddingTop:"4px"},opacity:1,boxSizing:"border-box",flexShrink:0,...Z||{}},children:l.jsx("div",{style:{width:"24px",height:"24px",opacity:1,boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},children:l.jsx(x,{name:d,size:24,className:h,style:{width:"24px",height:"24px",opacity:1,color:c,stroke:"#334681",strokeWidth:"1.5px",...f||{}}})})}),l.jsxs("div",{className:`anima-tenantconfig__text-container ${v}`,style:{flex:"1 1 auto",minWidth:0,...U?{height:"48px",minHeight:"48px"}:{minHeight:0},...F&&{maxWidth:"332px"},gap:F?"10px":"8px",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:U?"center":"flex-start",...R||{}},children:[a&&l.jsx("div",{className:"anima-tenantconfig__title-container",style:{width:"100%",...$?{width:"100%",minWidth:0,height:"48px",minHeight:0,display:"flex",alignItems:"center"}:{minHeight:"30px"},gap:"8px",opacity:1,boxSizing:"border-box"},children:l.jsx(m,{variant:"mono-md",className:t,style:{fontFamily:"IBM Plex Mono",fontWeight:500,fontStyle:"normal",fontSize:"20px",lineHeight:"30px",letterSpacing:"0%",verticalAlign:"middle",color:"#334681",margin:0,...r||{}},children:a})}),n&&!U&&l.jsx(l.Fragment,{children:F?l.jsx("div",{className:"anima-tenantconfig__text-expanded-wrapper",style:{width:"100%",maxWidth:"332px",minHeight:0,paddingRight:"8px",gap:"10px",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column"},children:l.jsx("div",{className:"anima-tenantconfig__text-content anima-tenantconfig__text-content--expanded",style:{width:"100%",maxWidth:"288px",minHeight:0,opacity:1,boxSizing:"border-box"},children:l.jsx(m,{variant:"mono-md",className:u,style:{fontFamily:"IBM Plex Mono",fontWeight:450,fontStyle:"normal",fontSize:"14px",lineHeight:"21px",letterSpacing:"0.01em",verticalAlign:"middle",color:"var(--misc-estado-info, #334681)",margin:0,...o||{}},children:n})})}):l.jsx("div",{className:"anima-tenantconfig__text-content",style:{width:"100%",minHeight:0,opacity:1,boxSizing:"border-box",display:"block"},children:l.jsx(m,{variant:"mono-md",className:u,style:{fontFamily:"IBM Plex Mono",fontWeight:450,fontStyle:"normal",fontSize:"14px",lineHeight:"21px",letterSpacing:"0.01em",verticalAlign:"middle",color:"var(--misc-estado-info, #334681)",margin:0,...o||{}},children:n})})})]}),$&&l.jsx("button",{type:"button",className:"anima-tenantconfig__chevron",onClick:()=>D(C=>!C),style:{width:"20px",height:"42px",marginLeft:"auto",opacity:1,borderRadius:"4px",boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,border:"none",background:"transparent",cursor:"pointer",padding:0},"aria-expanded":N,"aria-label":N?"Contraer":"Expandir",children:l.jsx(x,{name:N?"ChevronUpIcon":"ChevronDownIcon",size:20,style:{width:"20px",height:"20px",color:"var(--misc-estado-info, #334681)"}})})]})},Ve=769,sP=({title:a="CONFIGURACIÓN DE MARCA",titleStyle:r,titleClassName:t="",labelText:n="Nombre comercial",labelTextStyle:o,labelTextClassName:u="",inputValue:d="",inputPlaceholder:s="",inputOnChange:c,inputStyle:f,inputClassName:h="",identidadVisualTitle:g="",identidadVisualTitleStyle:b,identidadVisualTitleClassName:w="",marcaActualTitle:j="",marcaActualTitleStyle:Z,marcaActualTitleClassName:E="",marcaActualImage:R,marcaActualImageAlt:v="",marcaActualNucleusText:I="",marcaActualNucleusTextStyle:B,marcaActualNucleusTextClassName:$="",formatoText:L=`Formato cuadrado
495
500
  PNG de máximo 2Mb`,formatoTextStyle:N,formatoTextClassName:D="",uploadButtonText:W="Subir imagen",uploadButtonOnClick:F,uploadButtonStyle:U,uploadButtonClassName:C="",actualizacionLabel:k="Última actualización:",actualizacionLabelStyle:O,actualizacionLabelClassName:T="",actualizacionText:V="hace 2 horas",actualizacionTextStyle:M,actualizacionTextClassName:H="",guardarButtonText:G="Guardar",guardarButtonDisabled:X=!0,guardarButtonOnClick:Q,guardarButtonStyle:o0,guardarButtonClassName:z="",containerStyle:f0,containerClassName:R0="",titleContainerStyle:r0,titleContainerClassName:w0="",contentContainerStyle:s0,contentContainerClassName:E0="",className:g0="",...L0})=>{const[n0,p0]=y.useState(()=>typeof window<"u"?window.innerWidth<=Ve:!1),$0=()=>{p0(window.innerWidth<=Ve)};return y.useLayoutEffect(()=>{$0()},[]),y.useEffect(()=>(window.addEventListener("resize",$0),()=>window.removeEventListener("resize",$0)),[]),l.jsxs("div",{className:`anima-configuracionmarcatenant__container ${R0} ${g0}`,style:{width:"100%",...n0?{minHeight:0}:{minHeight:"518px"},borderRadius:"16px",border:"1px solid #C4C4C4",backgroundColor:"#FFFFFF",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column",overflow:"hidden",...f0||{}},...L0,children:[l.jsx("div",{className:`anima-configuracionmarcatenant__title-container ${w0}`,style:{width:"100%",...n0?{minHeight:0}:{minHeight:"58px"},paddingTop:"24px",paddingRight:n0?"16px":"24px",paddingBottom:"4px",paddingLeft:n0?"16px":"24px",gap:"8px",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column",...r0||{}},children:l.jsx("div",{style:{width:"100%",minHeight:"30px",opacity:1,boxSizing:"border-box"},children:a&&l.jsx(m,{variant:"body-md",className:t,style:{fontFamily:"IBM Plex Sans",fontWeight:500,fontStyle:"normal",fontSize:"16px",lineHeight:"30px",letterSpacing:"0%",verticalAlign:"middle",textTransform:"uppercase",color:"#223B40",margin:0,...r||{}},children:a})})}),l.jsxs("div",{className:`anima-configuracionmarcatenant__content ${E0}`,style:{width:"100%",...n0?{minHeight:0}:{minHeight:"460px"},paddingTop:"16px",paddingRight:n0?"16px":"24px",paddingBottom:"24px",paddingLeft:n0?"16px":"24px",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column",gap:"24px",...s0||{}},children:[l.jsx("div",{style:{width:"100%",...n0?{minHeight:0,paddingBottom:0}:{minHeight:"95px",paddingBottom:"24px"},gap:"24px",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column"},children:l.jsxs("div",{style:{width:"100%",...n0?{minHeight:0}:{minHeight:"71px"},gap:"10px",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column"},children:[n&&l.jsx("div",{style:{width:"100%",minHeight:"21px",gap:"8px",opacity:1,boxSizing:"border-box"},children:l.jsx(m,{variant:"body-sm",className:u,style:{fontFamily:"IBM Plex Sans",fontWeight:500,fontStyle:"normal",fontSize:"14px",lineHeight:"21px",letterSpacing:"1%",color:"#29474C",margin:0,...o||{}},children:n})}),l.jsx(z0,{...c?{value:d,onChange:c}:{defaultValue:d},placeholder:s,className:h,style:{width:"100%",height:"42px",paddingTop:"10px",paddingRight:"12px",paddingBottom:"10px",paddingLeft:"12px",borderRadius:"8px",borderWidth:"1px",borderStyle:"solid",borderColor:"#38656D",backgroundColor:"#FFFFFF",fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0px",color:"#29474C",...f||{}}})]})}),l.jsxs("div",{style:{width:"100%",...n0?{minHeight:0,paddingBottom:0}:{minHeight:"256px",paddingBottom:"24px"},gap:"12px",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column"},children:[g&&l.jsx("div",{style:{width:"100%",minHeight:0,opacity:1,boxSizing:"border-box"},children:l.jsx(m,{variant:"body-sm",className:w,style:{fontFamily:"IBM Plex Sans",fontWeight:500,fontStyle:"normal",fontSize:"14px",lineHeight:"21px",letterSpacing:"0.01em",color:"#29474C",margin:0,...b||{}},children:g})}),n0?l.jsxs(l.Fragment,{children:[l.jsxs("div",{style:{width:"100%",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",gap:"12px",minWidth:0},children:[l.jsx("div",{style:{width:"56px",height:"56px",flexShrink:0,borderRadius:"12px",border:"1px solid #38656D",backgroundColor:"#FFFFFF",boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"},children:R?l.jsx("img",{src:R,alt:v,style:{width:"100%",height:"100%",objectFit:"contain"}}):l.jsx(m,{variant:"mono-lg",className:$,style:{fontFamily:"IBM Plex Sans",fontWeight:500,fontSize:"24px",lineHeight:"24px",color:"#38656D",margin:0,...B||{}},children:I})}),j&&l.jsx(m,{variant:"body-md",className:E,style:{fontFamily:"IBM Plex Sans",fontWeight:500,fontSize:"16px",lineHeight:"24px",color:"#223B40",margin:0,...Z||{}},children:j})]}),l.jsxs("div",{style:{width:"100%",padding:"16px",borderRadius:"16px",backgroundColor:"#F0F3FC",boxSizing:"border-box",display:"flex",flexDirection:"column",gap:"12px"},children:[l.jsxs("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"12px",minWidth:0},children:[l.jsx("div",{style:{width:"48px",height:"48px",flexShrink:0,borderRadius:"8px",border:"1.5px dashed #38656D",boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"center"},children:l.jsx(x,{name:"PhotoIcon",size:24,style:{width:"24px",height:"24px",color:"#29474C",opacity:1}})}),L&&l.jsx(m,{variant:"body-sm",className:D,style:{flex:1,fontFamily:"IBM Plex Sans",fontWeight:400,fontSize:"14px",lineHeight:"21px",letterSpacing:"0.01em",color:"#5F5F5F",margin:0,whiteSpace:"pre-line",...N||{}},children:L})]}),l.jsx("div",{style:{display:"flex",justifyContent:"flex-end"},children:l.jsx(l0,{onClick:F,className:C,style:{width:"110px",height:"37px",padding:"8px 12px",borderRadius:"8px",backgroundColor:"#38656D",border:"none",boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",...U||{}},children:l.jsx(m,{variant:"body-sm",style:{fontFamily:"IBM Plex Sans",fontWeight:500,fontSize:"14px",lineHeight:"21px",letterSpacing:"0.01em",color:"#FFFFFF",margin:0,textAlign:"center"},children:W})})})]})]}):l.jsx(l.Fragment,{children:l.jsxs("div",{style:{width:"100%",minHeight:"199px",gap:"40px",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"row",alignItems:"flex-start",flexWrap:"nowrap",minWidth:0},children:[l.jsxs("div",{style:{flex:"0 0 170px",minWidth:0,maxWidth:"170px",height:"196px",paddingTop:"16px",paddingRight:"36px",paddingBottom:"16px",paddingLeft:"36px",gap:"32px",borderRadius:"20px",backgroundColor:"#FFFFFF",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column",alignItems:"center",overflow:"hidden"},children:[j&&l.jsx("div",{style:{width:"98px",minHeight:"24px",paddingLeft:"4px",opacity:1,boxSizing:"border-box"},children:l.jsx(m,{variant:"body-md",className:E,style:{width:"94px",minHeight:"24px",fontFamily:"IBM Plex Sans",fontWeight:500,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0px",color:"#223B40",margin:0,...Z||{}},children:j})}),l.jsx("div",{style:{width:"72px",height:"128px",gap:"10px",opacity:1,boxSizing:"border-box",display:"inline-flex",flexDirection:"column",alignItems:"center"},children:l.jsx("div",{style:{width:"72px",height:"72px",borderRadius:"16px",borderWidth:"1px",borderStyle:"solid",borderColor:"#38656D",padding:"16px",backgroundColor:"#FFFFFF",opacity:1,boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden"},children:R?l.jsx("img",{src:R,alt:v,style:{width:"100%",height:"100%",objectFit:"contain"}}):l.jsx(m,{variant:"mono-lg",className:$,style:{width:"23px",minHeight:"24px",fontFamily:"IBM Plex Sans",fontWeight:500,fontStyle:"normal",fontSize:"32px",lineHeight:"24px",letterSpacing:"0px",color:"#38656D",margin:0,...B||{}},children:I})})})]}),l.jsxs("div",{style:{flex:"1 1 0",minWidth:0,minHeight:"199px",paddingTop:"20px",paddingRight:"12px",paddingBottom:"20px",paddingLeft:"12px",gap:"16px",borderRadius:"16px",backgroundColor:"#F0F3FC",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",overflow:"hidden"},children:[l.jsx("div",{style:{width:"48px",height:"48px",borderRadius:"8px",borderWidth:"1.5px",borderStyle:"dashed",borderColor:"#38656D",padding:"16px",opacity:1,boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"center",position:"relative"},children:l.jsx("div",{style:{width:"24px",height:"24px",display:"flex",alignItems:"center",justifyContent:"center"},children:l.jsx(x,{name:"PhotoIcon",size:24,style:{width:"24px",height:"24px",color:"#29474C",opacity:1}})})}),L&&l.jsx("div",{style:{width:"194px",minHeight:"42px",display:"flex",alignItems:"center",justifyContent:"center"},children:l.jsx(m,{variant:"body-sm",className:D,style:{width:"135px",minHeight:"42px",fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"14px",lineHeight:"21px",letterSpacing:"1%",textAlign:"center",color:"#5F5F5F",margin:0,whiteSpace:"pre-line",...N||{}},children:L})}),l.jsx(l0,{onClick:F,className:C,style:{width:"110px",height:"37px",paddingTop:"8px",paddingRight:"12px",paddingBottom:"8px",paddingLeft:"12px",borderRadius:"8px",backgroundColor:"#38656D",border:"none",opacity:1,boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"center",cursor:"pointer",...U||{}},children:l.jsx(m,{variant:"body-sm",style:{width:"86px",minHeight:"21px",fontFamily:"IBM Plex Sans",fontWeight:500,fontStyle:"normal",fontSize:"14px",lineHeight:"21px",letterSpacing:"1%",color:"#FFFFFF",margin:0,textAlign:"center"},children:W})})]})]})})]}),n0?l.jsxs("div",{style:{width:"100%",display:"flex",flexDirection:"column",gap:"16px",boxSizing:"border-box"},children:[l.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"4px",minWidth:0},children:[l.jsxs("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"8px"},children:[l.jsx(x,{name:"ClockIcon",size:16,style:{width:"16px",height:"16px",color:"#303030",flexShrink:0}}),l.jsx(m,{variant:"body-sm",className:T,style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"italic",fontSize:"14px",lineHeight:"21px",letterSpacing:"0.01em",color:"var(--grey-800, #303030)",margin:0,...O||{}},children:k})]}),V&&l.jsx(m,{variant:"body-sm",className:H,style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"italic",fontSize:"14px",lineHeight:"21px",letterSpacing:"0.01em",color:"var(--grey-800, #303030)",margin:0,paddingLeft:"24px",...M||{}},children:V})]}),l.jsx(l0,{disabled:X,onClick:X?void 0:Q,className:z,style:{width:"100%",height:"48px",padding:"12px 16px",borderRadius:"8px",backgroundColor:X?"#CACACA":"#38656D",border:"none",boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"center",cursor:X?"not-allowed":"pointer",...o0||{}},children:l.jsx(m,{variant:"body-md",style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontSize:"16px",lineHeight:"24px",letterSpacing:"0%",color:"#FFFFFF",margin:0,textAlign:"center"},children:G})})]}):l.jsxs("div",{style:{width:"100%",minHeight:"69px",gap:"20px",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",flexWrap:"nowrap"},children:[l.jsxs("div",{style:{flex:"1 1 auto",minWidth:0,paddingTop:"8px",paddingRight:"12px",paddingBottom:"8px",paddingLeft:"12px",gap:"4px",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"center"},children:[l.jsxs("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"8px",flexShrink:0},children:[l.jsx(x,{name:"ClockIcon",size:16,style:{width:"16px",height:"16px",opacity:1,color:"#303030",flexShrink:0}}),l.jsx(m,{variant:"body-sm",className:T,style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"italic",fontSize:"14px",lineHeight:"21px",letterSpacing:"1%",verticalAlign:"middle",color:"var(--grey-800, #303030)",margin:0,...O||{}},children:k})]}),V&&l.jsx(m,{variant:"body-sm",className:H,style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"italic",fontSize:"14px",lineHeight:"21px",letterSpacing:"1%",verticalAlign:"middle",color:"var(--grey-800, #303030)",margin:0,textAlign:"left",paddingLeft:"24px",...M||{}},children:V})]}),l.jsx(l0,{disabled:X,onClick:X?void 0:Q,className:z,style:{width:"91px",height:"48px",paddingTop:"12px",paddingRight:"16px",paddingBottom:"12px",paddingLeft:"16px",borderRadius:"8px",backgroundColor:X?"#CACACA":"#38656D",border:"none",opacity:1,boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"center",cursor:X?"not-allowed":"pointer",flexShrink:0,marginLeft:"auto",...o0||{}},children:l.jsx(m,{variant:"body-md",style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0%",verticalAlign:"middle",color:"#FFFFFF",margin:0,textAlign:"center"},children:G})})]})]})]})},Se=769,uP=({title:a="CONFIGURACIÓN DE LOCALIZACIÓN",titleStyle:r,titleClassName:t="",labelText:n="Idioma (predeterminado)",labelTextStyle:o,labelTextClassName:u="",selectOptions:d=[],selectValue:s="",selectOnChange:c,selectPlaceholder:f="",selectDisabled:h=!1,selectClassName:g="",selectStyle:b,labelZonaHoraria:w="Zona horaria",labelZonaHorariaStyle:j,labelZonaHorariaClassName:Z="",zonaHorariaOptions:E=[],zonaHorariaValue:R="",zonaHorariaOnChange:v,zonaHorariaPlaceholder:I="",zonaHorariaDisabled:B=!1,zonaHorariaClassName:$="",zonaHorariaStyle:L,actualizacionLabel:N="Última actualización:",actualizacionLabelStyle:D,actualizacionLabelClassName:W="",actualizacionText:F="hace 2 horas",actualizacionTextStyle:U,actualizacionTextClassName:C="",guardarButtonText:k="Guardar",guardarButtonDisabled:O=!0,guardarButtonOnClick:T,guardarButtonStyle:V,guardarButtonClassName:M="",containerStyle:H,containerClassName:G="",titleContainerStyle:X,titleContainerClassName:Q="",contentContainerStyle:o0,contentContainerClassName:z="",className:f0="",...R0})=>{const[r0,w0]=y.useState(()=>typeof window<"u"?window.innerWidth<=Se:!1),s0=()=>{w0(window.innerWidth<=Se)};return y.useLayoutEffect(()=>{s0()},[]),y.useEffect(()=>(window.addEventListener("resize",s0),()=>window.removeEventListener("resize",s0)),[]),l.jsxs("div",{className:`anima-configuracionlocalizacion__container ${G} ${f0}`,style:{width:"100%",...r0?{minHeight:0}:{minHeight:"518px"},borderRadius:"16px",border:"1px solid #C4C4C4",backgroundColor:"#FFFFFF",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column",overflow:"hidden",...H||{}},...R0,children:[l.jsx("div",{className:`anima-configuracionlocalizacion__title-container ${Q}`,style:{width:"100%",...r0?{minHeight:0}:{minHeight:"58px"},paddingTop:"24px",paddingRight:r0?"16px":"24px",paddingBottom:"4px",paddingLeft:r0?"16px":"24px",gap:"8px",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column",...X||{}},children:l.jsx("div",{style:{width:"100%",minHeight:"30px",opacity:1,boxSizing:"border-box"},children:a&&l.jsx(m,{variant:"body-md",className:t,style:{fontFamily:"IBM Plex Sans",fontWeight:500,fontStyle:"normal",fontSize:"16px",lineHeight:"30px",letterSpacing:"0%",verticalAlign:"middle",textTransform:"uppercase",color:"#223B40",margin:0,...r||{}},children:a})})}),l.jsxs("div",{className:`anima-configuracionlocalizacion__content ${z}`,style:{width:"100%",flex:1,...r0?{minHeight:0}:{minHeight:"460px"},paddingTop:"16px",paddingRight:r0?"16px":"24px",paddingBottom:"24px",paddingLeft:r0?"16px":"24px",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column",gap:"24px",...o0||{}},children:[l.jsxs("div",{style:{width:"100%",...r0?{minHeight:0,paddingBottom:0}:{minHeight:"95px",paddingBottom:"24px"},gap:"24px",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column"},children:[l.jsxs("div",{style:{width:"100%",...r0?{minHeight:0}:{minHeight:"71px"},gap:"10px",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column"},children:[n&&l.jsx("div",{style:{width:"100%",minHeight:"21px",gap:"8px",opacity:1,boxSizing:"border-box"},children:l.jsx(m,{variant:"body-sm",className:u,style:{fontFamily:"IBM Plex Sans",fontWeight:500,fontStyle:"normal",fontSize:"14px",lineHeight:"21px",letterSpacing:"1%",color:"#29474C",margin:0,...o||{}},children:n})}),l.jsx(ye,{options:d,value:s,onChange:c,placeholder:f,disabled:h,className:g,style:{width:"100%",height:"42px",paddingTop:"10px",paddingRight:"12px",paddingBottom:"10px",paddingLeft:"12px",borderRadius:"8px",borderWidth:"1px",borderStyle:"solid",borderColor:"#38656D",backgroundColor:"#FFFFFF",fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0px",color:"#29474C",...b||{}}})]}),l.jsxs("div",{style:{width:"100%",...r0?{minHeight:0}:{minHeight:"71px"},gap:"10px",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column"},children:[w&&l.jsx("div",{style:{width:"100%",minHeight:"21px",gap:"8px",opacity:1,boxSizing:"border-box"},children:l.jsx(m,{variant:"body-sm",className:Z,style:{fontFamily:"IBM Plex Sans",fontWeight:500,fontStyle:"normal",fontSize:"14px",lineHeight:"21px",letterSpacing:"1%",color:"#29474C",margin:0,...j||{}},children:w})}),l.jsx(ye,{options:E,value:R,onChange:v,placeholder:I,disabled:B,className:$,style:{width:"100%",height:"42px",paddingTop:"10px",paddingRight:"12px",paddingBottom:"10px",paddingLeft:"12px",borderRadius:"8px",borderWidth:"1px",borderStyle:"solid",borderColor:"#38656D",backgroundColor:"#FFFFFF",fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0px",color:"#29474C",...L||{}}})]})]}),r0?l.jsxs("div",{style:{width:"100%",display:"flex",flexDirection:"column",gap:"16px",boxSizing:"border-box"},children:[l.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"4px",minWidth:0},children:[l.jsxs("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"8px"},children:[l.jsx(x,{name:"ClockIcon",size:16,style:{width:"16px",height:"16px",color:"#303030",flexShrink:0}}),l.jsx(m,{variant:"body-sm",className:W,style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"italic",fontSize:"14px",lineHeight:"21px",letterSpacing:"0.01em",color:"var(--grey-800, #303030)",margin:0,...D||{}},children:N})]}),F&&l.jsx(m,{variant:"body-sm",className:C,style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"italic",fontSize:"14px",lineHeight:"21px",letterSpacing:"0.01em",color:"var(--grey-800, #303030)",margin:0,paddingLeft:"24px",...U||{}},children:F})]}),l.jsx(l0,{disabled:O,onClick:O?void 0:T,className:M,style:{width:"100%",height:"48px",padding:"12px 16px",borderRadius:"8px",backgroundColor:O?"#CACACA":"#38656D",border:"none",boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"center",cursor:O?"not-allowed":"pointer",...V||{}},children:l.jsx(m,{variant:"body-md",style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontSize:"16px",lineHeight:"24px",letterSpacing:"0%",color:"#FFFFFF",margin:0,textAlign:"center"},children:k})})]}):l.jsxs("div",{style:{width:"100%",minHeight:"69px",marginTop:"auto",gap:"20px",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"space-between",flexWrap:"nowrap"},children:[l.jsxs("div",{style:{flex:"1 1 auto",minWidth:0,paddingTop:"8px",paddingRight:"12px",paddingBottom:"8px",paddingLeft:"12px",gap:"4px",opacity:1,boxSizing:"border-box",display:"flex",flexDirection:"column",alignItems:"flex-start",justifyContent:"center"},children:[l.jsxs("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",gap:"8px",flexShrink:0},children:[l.jsx(x,{name:"ClockIcon",size:16,style:{width:"16px",height:"16px",opacity:1,color:"#303030",flexShrink:0}}),l.jsx(m,{variant:"body-sm",className:W,style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"italic",fontSize:"14px",lineHeight:"21px",letterSpacing:"1%",verticalAlign:"middle",color:"var(--grey-800, #303030)",margin:0,...D||{}},children:N})]}),F&&l.jsx(m,{variant:"body-sm",className:C,style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"italic",fontSize:"14px",lineHeight:"21px",letterSpacing:"1%",verticalAlign:"middle",color:"var(--grey-800, #303030)",margin:0,textAlign:"left",paddingLeft:"24px",...U||{}},children:F})]}),l.jsx(l0,{disabled:O,onClick:O?void 0:T,className:M,style:{width:"91px",height:"48px",paddingTop:"12px",paddingRight:"16px",paddingBottom:"12px",paddingLeft:"16px",borderRadius:"8px",backgroundColor:O?"#CACACA":"#38656D",border:"none",opacity:1,boxSizing:"border-box",display:"flex",alignItems:"center",justifyContent:"center",cursor:O?"not-allowed":"pointer",flexShrink:0,marginLeft:"auto",...V||{}},children:l.jsx(m,{variant:"body-md",style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"16px",lineHeight:"24px",letterSpacing:"0%",verticalAlign:"middle",color:"#FFFFFF",margin:0,textAlign:"center"},children:k})})]})]})]})},Ye=({className:a="",...r})=>l.jsxs("div",{className:`bg-white w-full ${a}`,style:{minHeight:"476px",borderRadius:"14px",border:"1px solid #C4C4C4",opacity:1,display:"flex",flexDirection:"column",overflow:"hidden",boxSizing:"border-box"},...r,children:[l.jsx("style",{children:`
496
501
  @keyframes skeleton-pulse {
497
502
  0%, 100% {
package/dist/anima-ds.esm.js CHANGED
@@ -34102,7 +34102,8 @@ const He = QD, R = ({
34102
34102
  border-color: #3b82f6 !important;
34103
34103
  box-shadow: 0 0 0 1px #3b82f6;
34104
34104
  }
34105
- @media (max-width: 1365px) {
34105
+ /* Hasta 1365px: HeaderCore mobile. Usamos max-width 1366px para que no haya hueco; en 1366 gana el bloque siguiente. */
34106
+ @media (max-width: 1366px) {
34106
34107
  .header-mobile-layout {
34107
34108
  display: block;
34108
34109
  }
@@ -34129,10 +34130,14 @@ const He = QD, R = ({
34129
34130
  width: 36px !important;
34130
34131
  }
34131
34132
  }
34133
+ /* Desde 1366px: HeaderCore desktop (oculta mobile y muestra desktop; este bloque gana en 1366 por ir después). */
34132
34134
  @media (min-width: 1366px) {
34133
34135
  .header-mobile-layout {
34134
34136
  display: none;
34135
34137
  }
34138
+ .header-desktop-layout {
34139
+ display: flex !important;
34140
+ }
34136
34141
  }
34137
34142
  ` }),
34138
34143
  /* @__PURE__ */ l.jsxs("div", { className: "w-full", children: [
@@ -36767,6 +36772,7 @@ const He = QD, R = ({
36767
36772
  className: F ? `${H} ${X}`.trim() : H,
36768
36773
  style: F ? {
36769
36774
  ...AN,
36775
+ display: "flex",
36770
36776
  ...G || {}
36771
36777
  } : {
36772
36778
  color: "#223B40",
@@ -36849,7 +36855,7 @@ const He = QD, R = ({
36849
36855
  {
36850
36856
  className: w0,
36851
36857
  style: {
36852
- display: "inline-block",
36858
+ display: u ? "inline-block" : "flex",
36853
36859
  verticalAlign: "middle",
36854
36860
  color: "#223B40",
36855
36861
  fontFamily: "IBM Plex Sans",
@@ -37257,7 +37263,8 @@ const He = QD, R = ({
37257
37263
  className: `anima-tenantconfig__container ${b} ${O}`,
37258
37264
  style: {
37259
37265
  width: "100%",
37260
- ...A && { maxWidth: "372px" },
37266
+ minWidth: 0,
37267
+ maxWidth: "100%",
37261
37268
  ...U ? { height: "80px", minHeight: "80px" } : L ? { height: "auto", minHeight: 0 } : { height: "auto", minHeight: 0 },
37262
37269
  paddingTop: "16px",
37263
37270
  paddingRight: "20px",
@@ -37283,8 +37290,13 @@ const He = QD, R = ({
37283
37290
  className: `anima-tenantconfig__icon-container ${E}`,
37284
37291
  style: {
37285
37292
  width: "24px",
37286
- ...U ? { height: "48px", minHeight: "48px" } : A ? { minHeight: 0 } : { minHeight: 0 },
37287
- paddingTop: "4px",
37293
+ ...A ? {
37294
+ height: "48px",
37295
+ minHeight: "48px",
37296
+ display: "flex",
37297
+ alignItems: "center",
37298
+ paddingTop: 0
37299
+ } : { minHeight: 0, paddingTop: "4px" },
37288
37300
  opacity: 1,
37289
37301
  boxSizing: "border-box",
37290
37302
  flexShrink: 0,
@@ -37349,7 +37361,7 @@ const He = QD, R = ({
37349
37361
  className: "anima-tenantconfig__title-container",
37350
37362
  style: {
37351
37363
  width: "100%",
37352
- ...A ? { maxWidth: "264px", height: "48px", minHeight: 0, display: "flex", alignItems: "center" } : { minHeight: "30px" },
37364
+ ...A ? { width: "100%", minWidth: 0, height: "48px", minHeight: 0, display: "flex", alignItems: "center" } : { minHeight: "30px" },
37353
37365
  gap: "8px",
37354
37366
  opacity: 1,
37355
37367
  boxSizing: "border-box"
@@ -37470,6 +37482,7 @@ const He = QD, R = ({
37470
37482
  style: {
37471
37483
  width: "20px",
37472
37484
  height: "42px",
37485
+ marginLeft: "auto",
37473
37486
  opacity: 1,
37474
37487
  borderRadius: "4px",
37475
37488
  boxSizing: "border-box",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "anima-ds-nucleus",
3
- "version": "1.0.39",
3
+ "version": "1.0.40",
4
4
  "description": "Anima Design System - A comprehensive React component library",
5
5
  "author": "Nucleus Labs <ipvasallo@nucleus.com.ar>",
6
6
  "license": "UNLICENSED",
package/src/components/Layout/Header/HeaderCore.jsx CHANGED
@@ -182,7 +182,8 @@ export const HeaderCore = ({
182
182
  border-color: #3b82f6 !important;
183
183
  box-shadow: 0 0 0 1px #3b82f6;
184
184
  }
185
- @media (max-width: 1365px) {
185
+ /* Hasta 1365px: HeaderCore mobile. Usamos max-width 1366px para que no haya hueco; en 1366 gana el bloque siguiente. */
186
+ @media (max-width: 1366px) {
186
187
  .header-mobile-layout {
187
188
  display: block;
188
189
  }
@@ -209,10 +210,14 @@ export const HeaderCore = ({
209
210
  width: 36px !important;
210
211
  }
211
212
  }
213
+ /* Desde 1366px: HeaderCore desktop (oculta mobile y muestra desktop; este bloque gana en 1366 por ir después). */
212
214
  @media (min-width: 1366px) {
213
215
  .header-mobile-layout {
214
216
  display: none;
215
217
  }
218
+ .header-desktop-layout {
219
+ display: flex !important;
220
+ }
216
221
  }
217
222
  `}</style>
218
223
 
package/src/components/Layout/SaludoConFechaDashboard/SaludoConFechaDashboard.jsx CHANGED
@@ -221,6 +221,7 @@ export const SaludoConFechaDashboard = ({
221
221
  useBreadcrumbTypography
222
222
  ? {
223
223
  ...BREADCRUMB_ITEM_TYPOGRAPHY,
224
+ display: 'flex',
224
225
  ...(inicioItemTextStyle || {}),
225
226
  }
226
227
  : {
@@ -303,7 +304,7 @@ export const SaludoConFechaDashboard = ({
303
304
  <span
304
305
  className={nameClassName}
305
306
  style={{
306
- display: 'inline-block',
307
+ display: showSaludo ? 'inline-block' : 'flex',
307
308
  verticalAlign: 'middle',
308
309
  color: '#223B40',
309
310
  fontFamily: 'IBM Plex Sans',
package/src/components/Layout/TenantConfig/TenantConfig.jsx CHANGED
@@ -63,7 +63,8 @@ export const TenantConfig = ({
63
63
  className={`anima-tenantconfig__container ${containerClassName} ${className}`}
64
64
  style={{
65
65
  width: '100%',
66
- ...(isNarrow && { maxWidth: '372px' }),
66
+ minWidth: 0,
67
+ maxWidth: '100%',
67
68
  ...(isNarrowCollapsed
68
69
  ? { height: '80px', minHeight: '80px' }
69
70
  : isNarrowExpanded
@@ -92,12 +93,15 @@ export const TenantConfig = ({
92
93
  className={`anima-tenantconfig__icon-container ${iconContainerClassName}`}
93
94
  style={{
94
95
  width: '24px',
95
- ...(isNarrowCollapsed
96
- ? { height: '48px', minHeight: '48px' }
97
- : isNarrow
98
- ? { minHeight: 0 }
99
- : { minHeight: 0 }),
100
- paddingTop: '4px',
96
+ ...(isNarrow
97
+ ? {
98
+ height: '48px',
99
+ minHeight: '48px',
100
+ display: 'flex',
101
+ alignItems: 'center',
102
+ paddingTop: 0,
103
+ }
104
+ : { minHeight: 0, paddingTop: '4px' }),
101
105
  opacity: 1,
102
106
  boxSizing: 'border-box',
103
107
  flexShrink: 0,
@@ -160,7 +164,7 @@ export const TenantConfig = ({
160
164
  className={`anima-tenantconfig__title-container`}
161
165
  style={{
162
166
  width: '100%',
163
- ...(isNarrow ? { maxWidth: '264px', height: '48px', minHeight: 0, display: 'flex', alignItems: 'center' } : { minHeight: '30px' }),
167
+ ...(isNarrow ? { width: '100%', minWidth: 0, height: '48px', minHeight: 0, display: 'flex', alignItems: 'center' } : { minHeight: '30px' }),
164
168
  gap: '8px',
165
169
  opacity: 1,
166
170
  boxSizing: 'border-box',
@@ -279,6 +283,7 @@ export const TenantConfig = ({
279
283
  style={{
280
284
  width: '20px',
281
285
  height: '42px',
286
+ marginLeft: 'auto',
282
287
  opacity: 1,
283
288
  borderRadius: '4px',
284
289
  boxSizing: 'border-box',