anima-ds-nucleus 1.0.22 → 1.0.23

package/dist/anima-ds.cjs.js

@@ -72,7 +72,7 @@ React keys must be passed directly to JSX without using spread:
                              rounded-full flex items-center justify-center\r
                              text-body-sm font-medium`,style:{backgroundColor:$==="inicio"?"#ffffff":"#6D3856",color:$==="inicio"?"#6D3856":"#ffffff",borderRadius:"12px"},children:s.inicio>9?"9+":s.inicio})]})}),a.map((D,C)=>l.jsxs("div",{className:"mb-6",children:[l.jsx("div",{className:"px-4 mb-2",children:l.jsx(b,{variant:"body-sm",className:"color-gray-500 uppercase font-medium tracking-wider",children:D.title})}),l.jsx("div",{children:D.items.map(H=>l.jsx("div",{className:"px-4",children:l.jsxs("button",{onClick:()=>{h&&P(H.id),t&&t(H.id),j?k?requestAnimationFrame(()=>j()):j():z()},className:`w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${$===H.id?"":"color-gray-700 hover:bg-gray-100"}`,style:$===H.id?{backgroundColor:"#2D5C63"}:{},children:[l.jsxs("div",{className:"flex items-center",children:[l.jsx(x,{name:H.icon,variant:"24-outline",size:v,className:`mr-3 ${$===H.id?"color-white":"color-gray-700"}`,style:{width:`${v}px`,height:`${v}px`,opacity:1,transform:"rotate(0deg)",...F||{}}}),l.jsx(b,{variant:"body-md",weight:$===H.id?R:A,className:$===H.id?"color-white":"color-gray-700",style:{fontSize:y},children:H.label})]}),(s[H.id]!==void 0&&s[H.id]>0||H.id==="empleados"&&2)&&l.jsx("span",{className:`px-2 py-0.5 min-w-[20px] h-5 \r
                                      rounded-full flex items-center justify-center\r
-                                     text-body-sm font-medium`,style:{backgroundColor:$===H.id?"#ffffff":"#6D3856",color:$===H.id?"#6D3856":"#ffffff",borderRadius:"12px"},children:H.id==="empleados"?2:s[H.id]>9?"9+":s[H.id]})]})},H.id))})]},C))]}),d&&l.jsx("div",{className:"px-4 pb-4 flex-shrink-0",children:l.jsx("div",{className:"bg-white border rounded-lg px-3 py-2 flex items-center justify-center",style:{borderColor:"#2D5C63",borderRadius:"8px"},children:typeof d=="string"?l.jsx(b,{variant:"body-sm",style:{color:"#2D5C63"},className:"text-center",children:(()=>{const D=d.split("|");if(D.length===2){const C=D[0].trim(),H=D[1].trim();if(H.includes("Powered by")){const K=H.match(/Powered by (.+)/);if(K)return l.jsxs(l.Fragment,{children:[C," | Powered by ",l.jsx("span",{className:"font-bold",children:K[1]})]})}return`${C} | ${H}`}return d})()}):l.jsxs(b,{variant:"body-sm",style:{color:"#2D5C63"},className:"text-center",children:[d.version&&`${d.version}`,d.version&&(d.poweredBy||d.brand)&&" | ",d.poweredBy&&`${d.poweredBy} `,d.brand&&l.jsx("span",{className:"font-bold",children:d.brand})]})})})]})})]})},gN=({sections:a=Se,activeItem:r,onItemClick:t,defaultCollapsed:n=!1,companyName:c="HEXA Core",companyLogo:u,onCompanyClick:s,desktopCompanyButtonClassName:d="",desktopCompanyButtonStyle:i,desktopCompanyNameClassName:f="",desktopCompanyNameStyle:w,desktopCollapseControlWrapperClassName:p="",desktopCollapseControlWrapperStyle:g,desktopCollapseButtonClassName:h="",desktopCollapseButtonStyle:k,desktopCollapseIconSize:y=20,desktopCollapseIconStrokeWidth:A=1.5,desktopCollapseIconColor:R="#0F172A",desktopCollapseIconClassName:v="",desktopCollapseIconStyle:F,desktopExpandButtonClassName:B="",desktopExpandButtonStyle:j,desktopExpandIconSize:I=20,desktopExpandIconStrokeWidth:Y=1.5,desktopExpandIconColor:W="#0F172A",desktopExpandIconClassName:T="",desktopExpandIconStyle:S,desktopItemLabelFontSize:P="1rem",desktopItemLabelWeightInactive:Z="regular",desktopItemLabelWeightActive:$="semibold",desktopExpandedIconSize:z=24,desktopCollapsedIconSize:e0=32,desktopCollapsedIconInnerSize:D=24,desktopCollapsedIconInnerStyle:C,desktopCollapsedIconWrapperStyle:H,desktopCollapsedOverlapEnabled:K=!0,desktopCollapsedOverlapIconMarginLeftPx:a0=3,desktopCollapsedOverlapBadgeMarginLeftPx:w0=-6,desktopCollapsedOverlapColumnGapPx:p0=0,desktopNavIconStyle:b0,desktopCollapsedItemWrapperClassName:Z0="",desktopCollapsedItemWrapperStyle:m0,desktopCollapsedItemActiveBackgroundColor:n0="#2D5C63",desktopCollapsedBadgeClassName:M0="",desktopCollapsedBadgeStyle:x0,desktopCollapsedBadgeWidth:C0="21px",desktopCollapsedBadgeHeight:R0="20px",desktopCollapsedWidth:G0="118px",desktopCollapsedFooterContainerClassName:S0="",desktopCollapsedFooterContainerStyle:A0,desktopCollapsedFooterTextClassName:k0="",desktopCollapsedFooterTextStyle:v0,desktopCollapsedSectionSeparatorClassName:E0="",desktopCollapsedSectionSeparatorStyle:D0,desktopCollapsedSectionSeparatorWrapperClassName:N0="",desktopCollapsedSectionSeparatorWrapperStyle:j0,desktopCollapsedInicioContainerClassName:X0="",desktopCollapsedSectionContainerClassName:Y0="",desktopCollapsedSeparatorContainerClassName:B0="",nucleusName:ne="Nucleus AR",nucleusLogo:te,onNucleusClick:L0,itemBadges:G={},footerText:_,footerCollapsedContent:g0,coreContainerStyle:$0,coreTextStyle:F0,fluidWidth:P0=!1,className:O0="",...d0})=>{const[X,K0]=M.useState(n),[W0,Q0]=M.useState(!1),h0=X?e0:z,o0=X?D:z,r0={width:"100%",height:"48px",paddingTop:"8px",paddingRight:"12px",paddingBottom:"8px",paddingLeft:"12px",gap:"12px",opacity:1,transform:"rotate(0deg)",borderRadius:"8px",boxSizing:"border-box"};M.useEffect(()=>{const s0=()=>{Q0(window.innerWidth<=768)};return s0(),window.addEventListener("resize",s0),()=>{window.removeEventListener("resize",s0)}},[]);const y0=()=>{K0(!X)},c0=(()=>{if(g0)return g0;if(_&&!g0){if(typeof _=="string")return _.split("|")[0].trim()||_.trim();if(typeof _=="object"&&_.version)return _.version}return null})();if(W0)return l.jsx(ve,{sections:a,activeItem:r,onItemClick:t,companyName:c,companyLogo:u,onCompanyClick:s,itemBadges:G,footerText:_,footerCollapsedContent:g0,coreContainerStyle:$0,coreTextStyle:F0,className:O0,...d0});const ue=P0?{width:"100%",maxWidth:"100%",minWidth:0,boxSizing:"border-box"}:X?{width:G0}:{},oe=P0?`bg-white transition-all duration-300 ease-in-out h-full ${O0}`:`bg-white transition-all duration-300 ease-in-out h-full ${X?"":"w-64"} ${O0}`;return l.jsx("aside",{className:oe,style:{border:"1px solid #C4C4C4",borderRadius:"16px",...ue},...d0,children:l.jsxs("nav",{className:"h-full flex flex-col",style:{overflow:"hidden"},children:[!X&&l.jsx("div",{className:"p-4 border-b border-gray-200 flex-shrink-0",children:l.jsx("button",{onClick:s,className:`w-full bg-white rounded-lg pl-0 pr-3 py-0 h-10 
+                                     text-body-sm font-medium`,style:{backgroundColor:$===H.id?"#ffffff":"#6D3856",color:$===H.id?"#6D3856":"#ffffff",borderRadius:"12px"},children:H.id==="empleados"?2:s[H.id]>9?"9+":s[H.id]})]})},H.id))})]},C))]}),d&&l.jsx("div",{className:"px-4 pb-4 flex-shrink-0",children:l.jsx("div",{className:"bg-white border rounded-lg px-3 py-2 flex items-center justify-center",style:{borderColor:"#2D5C63",borderRadius:"8px"},children:typeof d=="string"?l.jsx(b,{variant:"body-sm",style:{color:"#2D5C63"},className:"text-center",children:(()=>{const D=d.split("|");if(D.length===2){const C=D[0].trim(),H=D[1].trim();if(H.includes("Powered by")){const K=H.match(/Powered by (.+)/);if(K)return l.jsxs(l.Fragment,{children:[C," | Powered by ",l.jsx("span",{className:"font-bold",children:K[1]})]})}return`${C} | ${H}`}return d})()}):l.jsxs(b,{variant:"body-sm",style:{color:"#2D5C63"},className:"text-center",children:[d.version&&`${d.version}`,d.version&&(d.poweredBy||d.brand)&&" | ",d.poweredBy&&`${d.poweredBy} `,d.brand&&l.jsx("span",{className:"font-bold",children:d.brand})]})})})]})})]})},gN=({sections:a=Se,activeItem:r,onItemClick:t,defaultCollapsed:n=!1,companyName:c="HEXA Core",companyLogo:u,onCompanyClick:s,desktopCompanyButtonClassName:d="",desktopCompanyButtonStyle:i,desktopCompanyNameClassName:f="",desktopCompanyNameStyle:w,desktopCollapseControlWrapperClassName:p="",desktopCollapseControlWrapperStyle:g,desktopCollapseButtonClassName:h="",desktopCollapseButtonStyle:k,desktopCollapseIconSize:y=20,desktopCollapseIconStrokeWidth:A=1.5,desktopCollapseIconColor:R="#0F172A",desktopCollapseIconClassName:v="",desktopCollapseIconStyle:F,desktopExpandButtonClassName:B="",desktopExpandButtonStyle:j,desktopExpandIconSize:I=20,desktopExpandIconStrokeWidth:Y=1.5,desktopExpandIconColor:W="#0F172A",desktopExpandIconClassName:T="",desktopExpandIconStyle:S,desktopItemLabelFontSize:P="1rem",desktopItemLabelWeightInactive:Z="regular",desktopItemLabelWeightActive:$="semibold",desktopExpandedIconSize:z=24,desktopCollapsedIconSize:e0=32,desktopCollapsedIconInnerSize:D=24,desktopCollapsedIconInnerStyle:C,desktopCollapsedIconWrapperStyle:H,desktopCollapsedOverlapEnabled:K=!0,desktopCollapsedOverlapIconMarginLeftPx:a0=3,desktopCollapsedOverlapBadgeMarginLeftPx:w0=-6,desktopCollapsedOverlapColumnGapPx:p0=0,desktopNavIconStyle:b0,desktopCollapsedItemWrapperClassName:Z0="",desktopCollapsedItemWrapperStyle:m0,desktopCollapsedItemActiveBackgroundColor:n0="#2D5C63",desktopCollapsedBadgeClassName:M0="",desktopCollapsedBadgeStyle:x0,desktopCollapsedBadgeWidth:C0="21px",desktopCollapsedBadgeHeight:R0="20px",desktopCollapsedWidth:G0="118px",desktopCollapsedFooterContainerClassName:S0="",desktopCollapsedFooterContainerStyle:A0,desktopCollapsedFooterTextClassName:k0="",desktopCollapsedFooterTextStyle:v0,desktopCollapsedSectionSeparatorClassName:E0="",desktopCollapsedSectionSeparatorStyle:D0,desktopCollapsedSectionSeparatorWrapperClassName:N0="",desktopCollapsedSectionSeparatorWrapperStyle:j0,desktopCollapsedInicioContainerClassName:X0="",desktopCollapsedSectionContainerClassName:Y0="",desktopCollapsedSeparatorContainerClassName:B0="",nucleusName:ne="Nucleus AR",nucleusLogo:te,onNucleusClick:L0,itemBadges:G={},footerText:_,footerCollapsedContent:g0,coreContainerStyle:$0,coreTextStyle:F0,fluidWidth:P0=!1,className:O0="",...d0})=>{const[X,K0]=M.useState(n),[W0,Q0]=M.useState(!1),h0=X?e0:z,o0=X?D:z,r0={width:"100%",height:"48px",paddingTop:"8px",paddingRight:"12px",paddingBottom:"8px",paddingLeft:"12px",gap:"12px",opacity:1,transform:"rotate(0deg)",borderRadius:"8px",boxSizing:"border-box"};M.useEffect(()=>{const s0=()=>{Q0(window.innerWidth<=1365)};return s0(),window.addEventListener("resize",s0),()=>{window.removeEventListener("resize",s0)}},[]);const y0=()=>{K0(!X)},c0=(()=>{if(g0)return g0;if(_&&!g0){if(typeof _=="string")return _.split("|")[0].trim()||_.trim();if(typeof _=="object"&&_.version)return _.version}return null})();if(W0)return l.jsx(ve,{sections:a,activeItem:r,onItemClick:t,companyName:c,companyLogo:u,onCompanyClick:s,itemBadges:G,footerText:_,footerCollapsedContent:g0,coreContainerStyle:$0,coreTextStyle:F0,className:O0,...d0});const ue=P0?{width:"100%",maxWidth:"100%",minWidth:0,boxSizing:"border-box"}:X?{width:G0}:{},oe=P0?`bg-white transition-all duration-300 ease-in-out h-full ${O0}`:`bg-white transition-all duration-300 ease-in-out h-full ${X?"":"w-64"} ${O0}`;return l.jsx("aside",{className:oe,style:{border:"1px solid #C4C4C4",borderRadius:"16px",...ue},...d0,children:l.jsxs("nav",{className:"h-full flex flex-col",style:{overflow:"hidden"},children:[!X&&l.jsx("div",{className:"p-4 border-b border-gray-200 flex-shrink-0",children:l.jsx("button",{onClick:s,className:`w-full bg-white rounded-lg pl-0 pr-3 py-0 h-10 
                        flex items-center justify-between hover:bg-gray-50 transition-colors ${d}`,style:i,children:l.jsxs("div",{className:"flex items-center space-x-3 min-w-0 flex-1",children:[u?l.jsx("img",{src:u,alt:c,className:"w-8 h-8 rounded flex-shrink-0"}):l.jsx(_0,{width:36,height:40,className:"flex-shrink-0"}),l.jsx(b,{variant:"body-md",className:`${f} min-w-0`,style:{color:"#223B40",fontFamily:"IBM Plex Sans",fontWeight:600,fontStyle:"normal",fontSize:"18px",lineHeight:"28px",letterSpacing:"0px",opacity:1,transform:"rotate(0deg)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",...w||{}},children:c})]})})}),!X&&l.jsx("div",{className:"px-4 pt-2 flex justify-end flex-shrink-0",children:l.jsx("div",{className:`flex justify-end ${p}`,style:{width:"228px",height:"36px",opacity:1,transform:"rotate(0deg)",paddingBottom:"16px",boxSizing:"border-box",borderTopRightRadius:"8px",borderBottomRightRadius:"8px",...g||{}},children:l.jsx("button",{onClick:y0,className:`hover:bg-gray-100 transition-colors rounded-lg ${h}`,"aria-label":"Colapsar sidebar",style:{width:"36px",height:"36px",display:"flex",alignItems:"center",justifyContent:"center",opacity:1,transform:"rotate(0deg)",...k||{}},children:l.jsx(x,{name:"ChevronDoubleLeftIcon",variant:"24-outline",size:y,strokeWidth:A,className:v,style:{width:`${y}px`,height:`${y}px`,opacity:1,transform:"rotate(0deg)",color:R,...F||{}}})})})}),X&&l.jsx("div",{className:"p-4 border-b border-gray-200 flex justify-center flex-shrink-0",children:u?l.jsx("img",{src:u,alt:c,className:"w-8 h-8 rounded"}):l.jsx(_0,{width:36,height:40})}),X&&l.jsx("div",{className:"px-4 pt-2 pb-2 flex justify-center flex-shrink-0",children:l.jsx("button",{onClick:y0,className:`p-1.5 hover:bg-gray-100 rounded-lg transition-colors ${B}`,"aria-label":"Expandir sidebar",style:j,children:l.jsx(x,{name:"ChevronDoubleRightIcon",variant:"24-outline",size:I,strokeWidth:Y,className:T,style:{color:W,width:`${I}px`,height:`${I}px`,opacity:1,transform:"rotate(0deg)",...S||{}}})})}),l.jsx("div",{className:"flex-1 min-h-0 flex flex-col overflow-hidden",children:l.jsxs("div",{className:`flex-1 overflow-y-auto ${X?"py-2":"py-4"}`,style:{overflowX:"hidden"},children:[l.jsx("div",{className:`${X?"px-2":"px-4"} ${X?"mb-0":"mb-4"} ${X0}`,children:X?l.jsx("div",{className:Z0,style:{...r0,backgroundColor:r==="inicio"?n0:"transparent",...m0||{}},children:l.jsx("button",{onClick:()=>t&&t("inicio"),className:"flex items-center justify-center transition-all duration-200",style:{width:"100%",height:"100%",backgroundColor:"transparent",borderRadius:"8px"},children:l.jsxs("div",{className:"flex items-center",style:{justifyContent:"center",columnGap:`${p0}px`,width:"100%"},children:[l.jsx("div",{style:{width:`${h0}px`,height:`${h0}px`,opacity:1,transform:"rotate(0deg)",display:"flex",alignItems:"center",justifyContent:"center",marginLeft:K&&G.inicio!==void 0&&G.inicio>0?`${a0}px`:void 0,...H||{}},children:l.jsx("div",{style:{width:"24px",height:"24px",opacity:1,transform:"rotate(0deg)",display:"flex",alignItems:"center",justifyContent:"center",...C||{}},children:l.jsx(x,{name:"HomeIcon",variant:"24-outline",size:o0,className:r==="inicio"?"color-white":"color-gray-700",style:{width:`${o0}px`,height:`${o0}px`,opacity:1,transform:"rotate(0deg)",...b0||{}}})})}),G.inicio!==void 0&&G.inicio>0&&l.jsx("span",{className:`flex items-center justify-center text-body-sm font-medium ${M0}`,style:{backgroundColor:r==="inicio"?"#ffffff":"#6D3856",color:r==="inicio"?"#6D3856":"#ffffff",width:C0,height:R0,paddingTop:"4px",paddingRight:"6px",paddingBottom:"4px",paddingLeft:"6px",borderRadius:"16px",opacity:1,transform:"rotate(0deg)",marginLeft:K?`${w0}px`:void 0,boxSizing:"border-box",...x0||{}},children:G.inicio>9?"9+":G.inicio})]})})}):l.jsxs("button",{onClick:()=>t&&t("inicio"),className:`w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${r==="inicio"?"":"color-gray-700 hover:bg-gray-100"}`,style:r==="inicio"?{backgroundColor:"#2D5C63"}:{},children:[l.jsxs("div",{className:"flex items-center",children:[l.jsx(x,{name:"HomeIcon",variant:"24-outline",size:o0,className:`mr-3 ${r==="inicio"?"color-white":"color-gray-700"}`}),l.jsx(b,{variant:"body-lg",weight:r==="inicio"?$:Z,className:`${r==="inicio"?"color-white":"color-gray-700"} min-w-0`,style:{fontSize:P,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:"Inicio"})]}),G.inicio!==void 0&&G.inicio>0&&l.jsx("span",{className:`px-2 py-0.5 min-w-[20px] h-5 \r
                              rounded-full flex items-center justify-center\r
                              text-body-sm font-medium`,style:{backgroundColor:r==="inicio"?"#ffffff":"#6D3856",color:r==="inicio"?"#6D3856":"#ffffff",borderRadius:"12px"},children:G.inicio>9?"9+":G.inicio})]})}),a.map((s0,H0)=>l.jsxs("div",{className:`${X?"mb-0":"mb-6"} ${Y0}`,children:[X&&l.jsx("div",{className:`px-2 mb-0 ${B0}`,children:l.jsx("div",{className:N0,style:{width:"100%",height:"32px",paddingTop:"16px",paddingRight:"8px",paddingBottom:"16px",paddingLeft:"8px",opacity:1,transform:"rotate(0deg)",display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",...j0||{}},children:l.jsx("div",{className:E0,style:{width:"42px",height:"0px",opacity:1,transform:"rotate(0deg)",borderTopWidth:"1px",borderTopStyle:"solid",borderTopColor:"#2D5C63",marginLeft:"auto",marginRight:"auto",...D0||{}}})})}),!X&&l.jsx("div",{className:"px-4 mb-2",children:l.jsx(b,{variant:"body-sm",className:"color-gray-500 uppercase font-medium tracking-wider",children:s0.title})}),l.jsx("div",{children:s0.items.map(O=>l.jsx("div",{className:X?"px-2":"px-4",children:X?l.jsx("div",{className:Z0,style:{...r0,backgroundColor:r===O.id?n0:"transparent",...m0||{}},title:O.label,children:l.jsx("button",{onClick:()=>t&&t(O.id),className:"flex items-center justify-center transition-all duration-200",style:{width:"100%",height:"100%",backgroundColor:"transparent",borderRadius:"8px"},title:O.label,children:l.jsxs("div",{className:"flex items-center",style:{justifyContent:"center",columnGap:`${p0}px`,width:"100%"},children:[l.jsx("div",{style:{width:`${h0}px`,height:`${h0}px`,opacity:1,transform:"rotate(0deg)",display:"flex",alignItems:"center",justifyContent:"center",marginLeft:K&&(G[O.id]!==void 0&&G[O.id]>0||O.id==="empleados")?`${a0}px`:void 0,...H||{}},children:l.jsx("div",{style:{width:"24px",height:"24px",opacity:1,transform:"rotate(0deg)",display:"flex",alignItems:"center",justifyContent:"center",...C||{}},children:l.jsx(x,{name:O.icon,variant:"24-outline",size:o0,className:r===O.id?"color-white":"color-gray-700",style:{width:`${o0}px`,height:`${o0}px`,opacity:1,transform:"rotate(0deg)",...b0||{}}})})}),(G[O.id]!==void 0&&G[O.id]>0||O.id==="empleados"&&2)&&l.jsx("span",{className:`flex items-center justify-center text-body-sm font-medium ${M0}`,style:{backgroundColor:r===O.id?"#ffffff":"#6D3856",color:r===O.id?"#6D3856":"#ffffff",width:C0,height:R0,paddingTop:"4px",paddingRight:"6px",paddingBottom:"4px",paddingLeft:"6px",borderRadius:"16px",opacity:1,transform:"rotate(0deg)",marginLeft:K?`${w0}px`:void 0,boxSizing:"border-box",...x0||{}},children:O.id==="empleados"?2:G[O.id]>9?"9+":G[O.id]})]})})}):l.jsxs("button",{onClick:()=>t&&t(O.id),className:`w-full flex items-center cursor-pointer px-4 justify-between py-2.5 rounded-lg transition-all duration-200 ${r===O.id?"":"color-gray-700 hover:bg-gray-100"}`,style:r===O.id?{backgroundColor:"#2D5C63"}:{},children:[l.jsxs("div",{className:"flex items-center",children:[l.jsx(x,{name:O.icon,variant:"24-outline",size:o0,className:`mr-3 ${r===O.id?"color-white":"color-gray-700"}`}),l.jsx(b,{variant:"body-lg",weight:r===O.id?$:Z,className:`${r===O.id?"color-white":"color-gray-700"} min-w-0`,style:{fontSize:P,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:O.label})]}),(G[O.id]!==void 0&&G[O.id]>0||O.id==="empleados"&&2)&&l.jsx("span",{className:`px-2 py-0.5 min-w-[20px] h-5 \r
@@ -96,7 +96,7 @@ React keys must be passed directly to JSX without using spread:
           border-color: #3b82f6 !important;
           box-shadow: 0 0 0 1px #3b82f6;
         }
-        @media (max-width: 768px) {
+        @media (max-width: 1365px) {
           .header-mobile-layout {
             display: block;
           }
@@ -123,7 +123,7 @@ React keys must be passed directly to JSX without using spread:
             width: 36px !important;
           }
         }
-        @media (min-width: 769px) {
+        @media (min-width: 1366px) {
           .header-mobile-layout {
             display: none;
           }
@@ -441,7 +441,7 @@ React keys must be passed directly to JSX without using spread:
                   `,children:i?l.jsx(x,{name:"CheckIcon",className:"h-6 w-6"}):l.jsx("span",{className:"font-medium",children:s+1})}),!f&&l.jsx("div",{className:`
                       w-full h-0.5 mx-2
                       ${i?"bg-blue-600":"bg-gray-300"}
-                    `})]})},s)})}),a[r]&&l.jsxs("div",{className:"mt-6",children:[l.jsx("h3",{className:"text-lg font-semibold text-gray-900",children:a[r].label}),a[r].description&&l.jsx("p",{className:"text-sm text-gray-500 mt-1",children:a[r].description})]})]}),KN={weekday:"long",day:"2-digit",month:"long",year:"numeric"},QN=a=>{if(!a)return null;if(a instanceof Date)return Number.isNaN(a.getTime())?null:a;const r=new Date(a);return Number.isNaN(r.getTime())?null:r},JN=a=>a&&a.charAt(0).toUpperCase()+a.slice(1),eP=({userName:a,saludo:r="Hola",date:t=new Date,showDate:n=!0,showInicio:c=!0,inicioText:u="Inicio",showInicioIcon:s=!0,inicioIconName:d="ChevronRightIcon",inicioIconVariant:i="20-solid",inicioIconSize:f=16,responsiveBreakpointPx:w=768,responsiveHideInicio:p=!0,responsiveHideDate:g=!0,responsiveCenterGreeting:h=!0,locale:k="es-AR",dateOptions:y=KN,formatDate:A,capitalizeDate:R=!0,className:v="",style:F,leftClassName:B="",leftStyle:j,rightClassName:I="",rightStyle:Y,saludoFechaContainerClassName:W="",saludoFechaContainerStyle:T,inicioContainerClassName:S="",inicioContainerStyle:P,inicioTextClassName:Z="",inicioTextStyle:$,inicioIconClassName:z="",inicioIconStyle:e0,greetingClassName:D="",greetingStyle:C,greetingPrefix:H="¡",greetingSuffix:K="!",nameClassName:a0="",nameStyle:w0,dateTextClassName:p0="",dateTextStyle:b0,...Z0})=>{const m0=n?QN(t):null;let n0="";return m0&&(typeof A=="function"?n0=A(m0,{locale:k,dateOptions:y}):n0=new Intl.DateTimeFormat(k,y).format(m0),R&&(n0=JN(n0))),l.jsxs("div",{className:`w-full ${v}`,style:F,...Z0,children:[l.jsx("style",{children:`
+                    `})]})},s)})}),a[r]&&l.jsxs("div",{className:"mt-6",children:[l.jsx("h3",{className:"text-lg font-semibold text-gray-900",children:a[r].label}),a[r].description&&l.jsx("p",{className:"text-sm text-gray-500 mt-1",children:a[r].description})]})]}),KN={weekday:"long",day:"2-digit",month:"long",year:"numeric"},QN=a=>{if(!a)return null;if(a instanceof Date)return Number.isNaN(a.getTime())?null:a;const r=new Date(a);return Number.isNaN(r.getTime())?null:r},JN=a=>a&&a.charAt(0).toUpperCase()+a.slice(1),eP=({userName:a,saludo:r="Hola",date:t=new Date,showDate:n=!0,showInicio:c=!0,inicioText:u="Inicio",showInicioIcon:s=!0,inicioIconName:d="ChevronRightIcon",inicioIconVariant:i="20-solid",inicioIconSize:f=16,responsiveBreakpointPx:w=1365,responsiveHideInicio:p=!0,responsiveHideDate:g=!0,responsiveCenterGreeting:h=!0,locale:k="es-AR",dateOptions:y=KN,formatDate:A,capitalizeDate:R=!0,className:v="",style:F,leftClassName:B="",leftStyle:j,rightClassName:I="",rightStyle:Y,saludoFechaContainerClassName:W="",saludoFechaContainerStyle:T,inicioContainerClassName:S="",inicioContainerStyle:P,inicioTextClassName:Z="",inicioTextStyle:$,inicioIconClassName:z="",inicioIconStyle:e0,greetingClassName:D="",greetingStyle:C,greetingPrefix:H="¡",greetingSuffix:K="!",nameClassName:a0="",nameStyle:w0,dateTextClassName:p0="",dateTextStyle:b0,...Z0})=>{const m0=n?QN(t):null;let n0="";return m0&&(typeof A=="function"?n0=A(m0,{locale:k,dateOptions:y}):n0=new Intl.DateTimeFormat(k,y).format(m0),R&&(n0=JN(n0))),l.jsxs("div",{className:`w-full ${v}`,style:F,...Z0,children:[l.jsx("style",{children:`
         @media (max-width: ${w}px) {
           .scfd-inicio {
             display: ${p?"none":"flex"};
@@ -471,7 +471,7 @@ React keys must be passed directly to JSX without using spread:
         .skeleton-animation {
           animation: skeleton-pulse 1.5s ease-in-out infinite;
         }
-      `}),l.jsxs("div",{className:"h-full flex flex-col",children:[l.jsx("div",{style:{width:"379.5px",height:"60px",paddingTop:"24px",paddingRight:"24px",paddingBottom:"6px",paddingLeft:"24px",opacity:1},children:l.jsx("div",{className:"rounded skeleton-animation",style:{backgroundColor:"#DDDDDD",height:"20px",width:"200px"}})}),l.jsxs("div",{className:"flex-1",style:{paddingLeft:"24px",paddingRight:"24px",paddingBottom:"24px",display:"flex",flexDirection:"column",gap:"16px"},children:[l.jsx("div",{className:"rounded skeleton-animation",style:{backgroundColor:"#DDDDDD",height:"80px",width:"100%"}}),l.jsx("div",{className:"rounded skeleton-animation",style:{backgroundColor:"#DDDDDD",height:"80px",width:"100%"}}),l.jsx("div",{className:"rounded skeleton-animation",style:{backgroundColor:"#DDDDDD",height:"80px",width:"100%"}})]})]})]}),We=({title:a="Notificaciones",className:r="",...t})=>l.jsxs("div",{className:`bg-white ${r}`,style:{width:"379.5px",height:"476px",borderRadius:"14px",border:"1px solid #C4C4C4",opacity:1},...t,children:[l.jsx("div",{style:{width:"379.5px",height:"60px",paddingTop:"24px",paddingRight:"24px",paddingBottom:"6px",paddingLeft:"24px",opacity:1},className:"flex items-start justify-between",children:l.jsx("div",{style:{width:"331.5px",height:"30px",opacity:1},children:l.jsx(b,{variant:"body-md",className:"color-gray-700",children:a})})}),l.jsxs("div",{className:"flex flex-col items-center justify-center",style:{paddingTop:"80px",paddingBottom:"24px",minHeight:"calc(476px - 60px)",display:"flex",justifyContent:"flex-start"},children:[l.jsx("div",{className:"mb-4 flex items-center justify-center",style:{width:"63.99068069458008px",height:"64px",borderRadius:"12px",paddingTop:"8px",paddingRight:"8px",paddingBottom:"8px",paddingLeft:"8px",backgroundColor:"#E6F7F0",opacity:1},children:l.jsx(x,{name:"HandThumbDownIcon",variant:"24-outline",size:32,className:"color-gray-900"})}),l.jsx(b,{variant:"h5",className:"color-gray-900 mb-2",style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"24px",lineHeight:"36px",letterSpacing:"0px",textAlign:"center"},children:"UPS..."}),l.jsx(b,{variant:"body-lg",className:"color-gray-700 text-center",style:{fontSize:"18px",lineHeight:"27px"},children:"Parece que esta tarjeta no contiene información."})]})]}),Te=({title:a="Notificaciones",errorMessage:r="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta elementum neque, vel vehicula nulla pharetra id.",className:t="",...n})=>l.jsxs("div",{className:`bg-white ${t}`,style:{width:"379.5px",height:"476px",borderRadius:"14px",border:"1px solid #C4C4C4",opacity:1},...n,children:[l.jsx("div",{style:{width:"379.5px",height:"60px",paddingTop:"24px",paddingRight:"24px",paddingBottom:"6px",paddingLeft:"24px",opacity:1},className:"flex items-start justify-between",children:l.jsx("div",{style:{width:"331.5px",height:"30px",opacity:1},children:l.jsx(b,{variant:"body-md",className:"color-gray-700",children:a})})}),l.jsxs("div",{className:"flex flex-col items-center justify-center",style:{paddingTop:"80px",paddingBottom:"24px",minHeight:"calc(476px - 60px)",display:"flex",justifyContent:"flex-start"},children:[l.jsx("div",{className:"mb-4 flex items-center justify-center border-2 rounded-full",style:{borderColor:"#374151",width:"48px",height:"48px",opacity:1},children:l.jsx(x,{name:"XMarkIcon",variant:"24-outline",size:32,className:"color-gray-900"})}),l.jsx("div",{style:{width:"331.5px",height:"48px",opacity:1,display:"flex",alignItems:"center",justifyContent:"center",marginBottom:"16px"},children:l.jsx(b,{variant:"h3",style:{fontFamily:"IBM Plex Sans",fontWeight:600,fontStyle:"normal",fontSize:"32px",lineHeight:"48px",letterSpacing:"0px",textAlign:"center",color:"#2D5C63"},children:"ERROR"})}),l.jsx("div",{className:"border flex items-center justify-center",style:{width:"331.5px",height:"128px",borderRadius:"10px",borderWidth:"1px",borderColor:"#EF4444",backgroundColor:"#FEE2E2",paddingTop:"16px",paddingRight:"16px",paddingBottom:"8px",paddingLeft:"16px",opacity:1},children:l.jsx("div",{style:{width:"298px",height:"96px",opacity:1},children:l.jsx(b,{variant:"mono-md",style:{color:"#991B1B"},children:r})})})]})]}),Ue=({title:a="Notificaciones",children:r,className:t="",...n})=>l.jsxs("div",{className:`bg-white ${t}`,style:{width:"379.5px",height:"476px",borderRadius:"14px",border:"1px solid #C4C4C4",opacity:1},...n,children:[l.jsx("div",{style:{width:"379.5px",height:"60px",paddingTop:"24px",paddingRight:"24px",paddingBottom:"6px",paddingLeft:"24px",opacity:1},className:"flex items-start justify-between",children:l.jsx("div",{style:{width:"331.5px",height:"30px",opacity:1},children:l.jsx(b,{variant:"body-md",style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"20px",lineHeight:"30px",letterSpacing:"0%",verticalAlign:"middle",color:"#223B40",margin:0},children:a})})}),r&&l.jsx("div",{style:{width:"379.5px",height:"416px",paddingRight:"24px",paddingLeft:"24px",gap:"16px",opacity:1,display:"flex",flexDirection:"column"},children:r})]}),ze=({title:a="Notificaciones y Alertas del Sistema de Gestión de Recursos Humanos",children:r,className:t="",...n})=>l.jsxs("div",{className:`bg-white ${t}`,style:{width:"379.5px",height:"476px",borderRadius:"14px",border:"1px solid #C4C4C4",opacity:1},...n,children:[l.jsx("div",{style:{width:"379.5px",height:"60px",paddingTop:"24px",paddingRight:"24px",paddingBottom:"6px",paddingLeft:"24px",opacity:1},className:"flex items-start justify-between",children:l.jsx("div",{style:{width:"331.5px",height:"30px",opacity:1},children:l.jsx(b,{variant:"body-md",style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"20px",lineHeight:"30px",letterSpacing:"0%",verticalAlign:"middle",color:"#223B40",margin:0},children:a})})}),r&&l.jsx("div",{style:{width:"379.5px",height:"416px",paddingRight:"24px",paddingLeft:"24px",gap:"16px",opacity:1,display:"flex",flexDirection:"column"},children:r})]}),_e=({title:a="Notificaciones",status:r="3 nuevas",children:t,className:n="",...c})=>l.jsxs("div",{className:`bg-white ${n}`,style:{width:"379.5px",height:"476px",borderRadius:"14px",border:"1px solid #C4C4C4",opacity:1},...c,children:[l.jsxs("div",{style:{width:"379.5px",height:"60px",paddingTop:"24px",paddingRight:"24px",paddingBottom:"6px",paddingLeft:"24px",opacity:1},className:"flex items-start justify-between",children:[l.jsx("div",{style:{width:"331.5px",height:"30px",opacity:1},children:l.jsx(b,{variant:"body-md",style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"20px",lineHeight:"30px",letterSpacing:"0%",verticalAlign:"middle",color:"#223B40",margin:0},children:a})}),l.jsx("span",{className:"text-sm font-medium flex-shrink-0 ml-2 flex items-center justify-center",style:{width:"90px",height:"24px",borderRadius:"12px",paddingTop:"2px",paddingRight:"12px",paddingBottom:"4px",paddingLeft:"12px",backgroundColor:"#E6F7F0",color:"#2D5C63",opacity:1},children:r})]}),t&&l.jsx("div",{style:{width:"379.5px",height:"416px",paddingRight:"24px",paddingLeft:"24px",gap:"16px",opacity:1,display:"flex",flexDirection:"column"},children:t})]}),qe=({title:a="Notificaciones y Alertas del Sistema de Gestión de Recursos Humanos",status:r="3 nuevas",children:t,className:n="",...c})=>l.jsxs("div",{className:`bg-white ${n}`,style:{width:"379.5px",height:"476px",borderRadius:"14px",border:"1px solid #C4C4C4",opacity:1},...c,children:[l.jsxs("div",{style:{width:"379.5px",height:"90px",paddingTop:"24px",paddingRight:"24px",paddingBottom:"6px",paddingLeft:"24px",opacity:1},className:"flex items-start justify-between",children:[l.jsx("div",{style:{width:"241.5px",height:"60px",opacity:1},children:l.jsx(b,{variant:"body-md",style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"20px",lineHeight:"30px",letterSpacing:"0%",verticalAlign:"middle",color:"#223B40",margin:0},children:a})}),l.jsx("span",{className:"text-sm font-medium flex-shrink-0 ml-2 flex items-center justify-center",style:{width:"90px",height:"24px",borderRadius:"12px",paddingTop:"2px",paddingRight:"12px",paddingBottom:"4px",paddingLeft:"12px",backgroundColor:"#E6F7F0",color:"#2D5C63",opacity:1},children:r})]}),t&&l.jsx("div",{style:{width:"379.5px",height:"416px",paddingRight:"24px",paddingLeft:"24px",gap:"16px",opacity:1,display:"flex",flexDirection:"column"},children:t})]}),rP=({loading:a=!1,error:r=null,hasData:t=null,data:n=null,variant:c="corto",title:u="Notificaciones",status:s=null,errorMessage:d=null,children:i=null,className:f="",...w})=>{if(a)return l.jsx(Pe,{className:f,...w});if(r)return l.jsx(Te,{title:u,errorMessage:d||r,className:f,...w});if(!(t!==null?t:n!=null&&n!==""))return l.jsx(We,{title:u,className:f,...w});switch(c){case"largo":return l.jsx(ze,{title:u,className:f,...w,children:i});case"cortoMasEstado":return l.jsx(_e,{title:u,status:s,className:f,...w,children:i});case"largoMasEstado":return l.jsx(qe,{title:u,status:s,className:f,...w,children:i});case"corto":default:return l.jsx(Ue,{title:u,className:f,...w,children:i})}},nP={MuiTablePagination:{labelRowsPerPage:"Filas por página",labelDisplayedRows:({from:a,to:r,count:t})=>`${a}–${r} de ${t!==-1?t:`más de ${r}`}`},toolbarDensity:"Densidad",toolbarDensityLabel:"Densidad",toolbarDensityCompact:"Compacta",toolbarDensityStandard:"Estándar",toolbarDensityComfortable:"Cómoda",toolbarFilters:"Filtros",toolbarFiltersLabel:"Mostrar filtros",toolbarFiltersTooltipHide:"Ocultar filtros",toolbarFiltersTooltipShow:"Mostrar filtros",toolbarExport:"Exportar",toolbarExportLabel:"Exportar",toolbarExportCSV:"Descargar como CSV",toolbarExportPrint:"Imprimir",toolbarColumns:"Columnas",toolbarColumnsLabel:"Seleccionar columnas",filterPanelAddFilter:"Agregar filtro",filterPanelDeleteIconLabel:"Eliminar",filterPanelOperators:"Operadores",filterPanelOperatorAnd:"Y",filterPanelOperatorOr:"O",filterPanelColumns:"Columnas",filterPanelInputLabel:"Valor",filterPanelInputPlaceholder:"Valor del filtro",filterPanelInputPlaceholderOperator:"Operador",noRowsLabel:"No hay datos disponibles",noResultsOverlayLabel:"No se encontraron resultados",errorOverlayDefaultLabel:"Ocurrió un error",loadingOverlayLabel:"Cargando...",footerRowSelected:a=>a!==1?`${a} filas seleccionadas`:`${a} fila seleccionada`},tP=({columns:a=[],rows:r=[],loading:t=!1,emptyMessage:n,pageSize:c=10,pageSizeOptions:u=[5,10,25,50],className:s="",...d})=>{const{t:i}=u0.useTranslation(),f=a.map(h=>{const k=h.translationKey?i(h.translationKey):h.label||h.headerName;return{...h,headerName:k,label:k}}),w=[{field:"id",headerName:i("table.id"),width:90,translationKey:"table.id"},{field:"name",headerName:i("table.name"),width:200,translationKey:"table.name"},{field:"email",headerName:i("table.email"),width:250,translationKey:"table.email"},{field:"role",headerName:i("table.role"),width:150,translationKey:"table.role"}],p=f.length>0?f:w,g={...nP,...n&&{noRowsLabel:n}};return l.jsx(r5.Box,{className:s,sx:{height:400,width:"100%"},children:l.jsx(a5.DataGrid,{rows:r,columns:p,loading:t,pageSizeOptions:u,initialState:{pagination:{paginationModel:{pageSize:c}}},localeText:g,disableRowSelectionOnClick:!0,...d})})},lP=({series:a=[],categories:r=[],title:t="",height:n=350,colors:c=["#3B82F6","#10B981","#F59E0B","#EF4444","#8B5CF6"],showLegend:u=!0,showToolbar:s=!0,className:d="",...i})=>{const f=M.useMemo(()=>({chart:{type:"line",height:n,toolbar:{show:s,tools:{download:!0,selection:!0,zoom:!0,zoomin:!0,zoomout:!0,pan:!0,reset:!0}}},colors:c,stroke:{curve:"smooth",width:2},xaxis:{categories:r,labels:{style:{colors:"#6B7280"}}},yaxis:{labels:{style:{colors:"#6B7280"}}},legend:{show:u,position:"top",horizontalAlign:"center"},grid:{borderColor:"#E5E7EB",strokeDashArray:4},tooltip:{theme:"light"},dataLabels:{enabled:!1}}),[r,c,n,u,s]);return l.jsxs("div",{className:d,children:[t&&l.jsx("h3",{className:"text-lg font-semibold text-gray-900 mb-4",children:t}),l.jsx(q0,{options:f,series:a,type:"line",height:n,...i})]})},oP=({series:a=[],categories:r=[],title:t="",height:n=350,colors:c=["#3B82F6","#10B981","#F59E0B","#EF4444","#8B5CF6"],showLegend:u=!0,showToolbar:s=!0,horizontal:d=!1,className:i="",...f})=>{const w=M.useMemo(()=>({chart:{type:"bar",height:n,toolbar:{show:s,tools:{download:!0,selection:!0,zoom:!0,zoomin:!0,zoomout:!0,pan:!0,reset:!0}}},colors:c,plotOptions:{bar:{horizontal:d,borderRadius:4,columnWidth:"55%"}},xaxis:{categories:r,labels:{style:{colors:"#6B7280"}}},yaxis:{labels:{style:{colors:"#6B7280"}}},legend:{show:u,position:"top",horizontalAlign:"center"},grid:{borderColor:"#E5E7EB",strokeDashArray:4},tooltip:{theme:"light"},dataLabels:{enabled:!1}}),[r,c,n,u,s,d]);return l.jsxs("div",{className:i,children:[t&&l.jsx("h3",{className:"text-lg font-semibold text-gray-900 mb-4",children:t}),l.jsx(q0,{options:w,series:a,type:"bar",height:n,...f})]})},cP=({series:a=[],categories:r=[],title:t="",height:n=350,colors:c=["#3B82F6","#10B981","#F59E0B","#EF4444","#8B5CF6"],showLegend:u=!0,showToolbar:s=!0,className:d="",...i})=>{const f=M.useMemo(()=>({chart:{type:"area",height:n,toolbar:{show:s,tools:{download:!0,selection:!0,zoom:!0,zoomin:!0,zoomout:!0,pan:!0,reset:!0}}},colors:c,stroke:{curve:"smooth",width:2},fill:{type:"gradient",gradient:{shadeIntensity:1,opacityFrom:.7,opacityTo:.3,stops:[0,90,100]}},xaxis:{categories:r,labels:{style:{colors:"#6B7280"}}},yaxis:{labels:{style:{colors:"#6B7280"}}},legend:{show:u,position:"top",horizontalAlign:"center"},grid:{borderColor:"#E5E7EB",strokeDashArray:4},tooltip:{theme:"light"},dataLabels:{enabled:!1}}),[r,c,n,u,s]);return l.jsxs("div",{className:d,children:[t&&l.jsx("h3",{className:"text-lg font-semibold text-gray-900 mb-4",children:t}),l.jsx(q0,{options:f,series:a,type:"area",height:n,...i})]})},iP=({series:a=[],labels:r=[],title:t="",height:n=350,colors:c=["#3B82F6","#10B981","#F59E0B","#EF4444","#8B5CF6","#EC4899","#06B6D4"],showLegend:u=!0,className:s="",...d})=>{const i=M.useMemo(()=>({chart:{type:"pie",height:n,toolbar:{show:!1}},colors:c,labels:r,legend:{show:u,position:"bottom"},dataLabels:{enabled:!0,formatter:f=>`${f.toFixed(1)}%`},tooltip:{theme:"light",y:{formatter:f=>`${f}`}},plotOptions:{pie:{donut:{size:"0%"}}}}),[r,c,n,u]);return l.jsxs("div",{className:s,children:[t&&l.jsx("h3",{className:"text-lg font-semibold text-gray-900 mb-4",children:t}),l.jsx(q0,{options:i,series:a,type:"pie",height:n,...d})]})},dP=({series:a=[],labels:r=[],title:t="",height:n=350,colors:c=["#3B82F6","#10B981","#F59E0B","#EF4444","#8B5CF6","#EC4899","#06B6D4"],showLegend:u=!0,donutSize:s="70%",className:d="",...i})=>{const f=M.useMemo(()=>({chart:{type:"donut",height:n,toolbar:{show:!1}},colors:c,labels:r,legend:{show:u,position:"bottom"},dataLabels:{enabled:!0,formatter:w=>`${w.toFixed(1)}%`},tooltip:{theme:"light",y:{formatter:w=>`${w}`}},plotOptions:{pie:{donut:{size:s,labels:{show:!0,name:{show:!0},value:{show:!0,formatter:w=>`${w}`},total:{show:!0,label:"Total",formatter:()=>a.reduce((p,g)=>p+g,0).toString()}}}}}}),[r,c,n,u,s,a]);return l.jsxs("div",{className:d,children:[t&&l.jsx("h3",{className:"text-lg font-semibold text-gray-900 mb-4",children:t}),l.jsx(q0,{options:f,series:a,type:"donut",height:n,...i})]})},sP=({series:a=[],categories:r=[],title:t="",height:n=350,colors:c=["#3B82F6","#10B981","#F59E0B","#EF4444","#8B5CF6"],showLegend:u=!0,showToolbar:s=!0,className:d="",...i})=>{const f=M.useMemo(()=>({chart:{type:"column",height:n,toolbar:{show:s,tools:{download:!0,selection:!0,zoom:!0,zoomin:!0,zoomout:!0,pan:!0,reset:!0}}},colors:c,plotOptions:{bar:{horizontal:!1,borderRadius:4,columnWidth:"55%",dataLabels:{position:"top"}}},xaxis:{categories:r,labels:{style:{colors:"#6B7280"}}},yaxis:{labels:{style:{colors:"#6B7280"}}},legend:{show:u,position:"top",horizontalAlign:"center"},grid:{borderColor:"#E5E7EB",strokeDashArray:4},tooltip:{theme:"light"},dataLabels:{enabled:!1}}),[r,c,n,u,s]);return l.jsxs("div",{className:d,children:[t&&l.jsx("h3",{className:"text-lg font-semibold text-gray-900 mb-4",children:t}),l.jsx(q0,{options:f,series:a,type:"bar",height:n,...i})]})},uP=({icon:a="DocumentIcon",title:r="No hay datos",description:t="No se encontraron elementos para mostrar.",actionLabel:n,onAction:c,className:u="",...s})=>l.jsxs("div",{className:`flex flex-col items-center justify-center py-12 px-4 ${u}`,...s,children:[l.jsx("div",{className:"mb-4",children:l.jsx(x,{name:a,className:"h-16 w-16 text-gray-400"})}),l.jsx("h3",{className:"text-lg font-semibold text-gray-900 mb-2",children:r}),l.jsx("p",{className:"text-sm text-gray-500 text-center max-w-sm mb-4",children:t}),n&&c&&l.jsx(l0,{variant:"primary",onClick:c,children:n})]}),fP=({title:a,value:r,change:t,changeType:n="neutral",icon:c,iconColor:u="blue",className:s="",...d})=>{const i={blue:"bg-blue-100 text-blue-600",green:"bg-green-100 text-green-600",yellow:"bg-yellow-100 text-yellow-600",red:"bg-red-100 text-red-600",purple:"bg-purple-100 text-purple-600"},f={positive:"text-green-600",negative:"text-red-600",neutral:"text-gray-600"};return l.jsx("div",{className:`bg-white rounded-lg shadow-md p-6 ${s}`,...d,children:l.jsxs("div",{className:"flex items-center justify-between",children:[l.jsxs("div",{className:"flex-1",children:[l.jsx(b,{variant:"body2",className:"text-gray-600 mb-1",children:a}),l.jsx(b,{variant:"h3",className:"text-gray-900 mb-2",children:r}),t&&l.jsx("div",{className:`flex items-center text-sm ${f[n]}`,children:l.jsx("span",{children:t})})]}),c&&l.jsx("div",{className:`p-3 rounded-lg ${i[u]}`,children:l.jsx(x,{name:c,className:"h-6 w-6"})})]})})},wP=({items:a=[],className:r="",...t})=>a.length===0?null:l.jsx("div",{className:r,...t,children:l.jsx("ol",{className:"relative border-l border-gray-200",children:a.map((n,c)=>{const u=c===a.length-1;return l.jsxs("li",{className:`mb-10 ml-6 ${u?"mb-0":""}`,children:[l.jsx("div",{className:"absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -left-1.5 border border-white"}),l.jsx("time",{className:"mb-1 text-sm font-normal leading-none text-gray-400",children:n.date}),l.jsx("h3",{className:"text-lg font-semibold text-gray-900",children:n.title}),n.description&&l.jsx("p",{className:"mb-4 text-base font-normal text-gray-500",children:n.description}),n.icon&&l.jsx("div",{className:"absolute -left-8 top-0",children:l.jsx(x,{name:n.icon,className:"h-6 w-6 text-gray-400"})})]},c)})})}),hP=({items:a=[],variant:r="default",className:t="",...n})=>{if(a.length===0)return null;const c={default:"divide-y divide-gray-200",none:""};return l.jsx("ul",{className:`${c[r]} ${t}`,...n,children:a.map((u,s)=>l.jsx("li",{className:"py-3",children:typeof u=="string"?l.jsx("span",{className:"text-gray-900",children:u}):u},s))})},mP=({tags:a=[],onRemove:r,variant:t="default",className:n="",...c})=>a.length===0?null:l.jsx("div",{className:`flex flex-wrap gap-2 ${n}`,...c,children:a.map((u,s)=>{const d=typeof u=="string"?u:u.label,i=typeof u=="string"?t:u.variant||t;return l.jsxs(ke,{variant:i,children:[d,r&&l.jsx("button",{onClick:()=>r(s),className:"ml-2 hover:text-gray-800",children:"×"})]},s)})}),me=({label:a,placeholder:r,value:t,onChange:n,error:c,required:u=!1,disabled:s=!1,variant:d,className:i="",inputClassName:f="",labelClassName:w="",labelStyle:p,...g})=>{const[h,k]=M.useState(!1),y=d==="hexa-login",R=`
+      `}),l.jsxs("div",{className:"h-full flex flex-col",children:[l.jsx("div",{style:{width:"379.5px",height:"60px",paddingTop:"24px",paddingRight:"24px",paddingBottom:"6px",paddingLeft:"24px",opacity:1},children:l.jsx("div",{className:"rounded skeleton-animation",style:{backgroundColor:"#DDDDDD",height:"20px",width:"200px"}})}),l.jsxs("div",{className:"flex-1",style:{paddingLeft:"24px",paddingRight:"24px",paddingBottom:"24px",display:"flex",flexDirection:"column",gap:"16px"},children:[l.jsx("div",{className:"rounded skeleton-animation",style:{backgroundColor:"#DDDDDD",height:"80px",width:"100%"}}),l.jsx("div",{className:"rounded skeleton-animation",style:{backgroundColor:"#DDDDDD",height:"80px",width:"100%"}}),l.jsx("div",{className:"rounded skeleton-animation",style:{backgroundColor:"#DDDDDD",height:"80px",width:"100%"}})]})]})]}),We=({title:a="Notificaciones",className:r="",...t})=>l.jsxs("div",{className:`bg-white ${r}`,style:{width:"379.5px",height:"476px",borderRadius:"14px",border:"1px solid #C4C4C4",opacity:1},...t,children:[l.jsx("div",{style:{width:"379.5px",height:"60px",paddingTop:"24px",paddingRight:"24px",paddingBottom:"6px",paddingLeft:"24px",opacity:1},className:"flex items-start justify-between",children:l.jsx("div",{style:{width:"331.5px",height:"30px",opacity:1},children:l.jsx(b,{variant:"body-md",className:"color-gray-700",children:a})})}),l.jsxs("div",{className:"flex flex-col items-center justify-center",style:{paddingTop:"80px",paddingBottom:"24px",display:"flex",justifyContent:"flex-start"},children:[l.jsx("div",{className:"mb-4 flex items-center justify-center",style:{width:"63.99068069458008px",height:"64px",borderRadius:"12px",paddingTop:"8px",paddingRight:"8px",paddingBottom:"8px",paddingLeft:"8px",backgroundColor:"#E6F7F0",opacity:1},children:l.jsx(x,{name:"HandThumbDownIcon",variant:"24-outline",size:32,className:"color-gray-900"})}),l.jsx(b,{variant:"h5",className:"color-gray-900 mb-2",style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"24px",lineHeight:"36px",letterSpacing:"0px",textAlign:"center"},children:"UPS..."}),l.jsx(b,{variant:"body-lg",className:"color-gray-700 text-center",style:{fontSize:"18px",lineHeight:"27px"},children:"Parece que esta tarjeta no contiene información."})]})]}),Te=({title:a="Notificaciones",errorMessage:r="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porta elementum neque, vel vehicula nulla pharetra id.",className:t="",...n})=>l.jsxs("div",{className:`bg-white ${t}`,style:{width:"379.5px",height:"476px",borderRadius:"14px",border:"1px solid #C4C4C4",opacity:1},...n,children:[l.jsx("div",{style:{width:"379.5px",height:"60px",paddingTop:"24px",paddingRight:"24px",paddingBottom:"6px",paddingLeft:"24px",opacity:1},className:"flex items-start justify-between",children:l.jsx("div",{style:{width:"331.5px",height:"30px",opacity:1},children:l.jsx(b,{variant:"body-md",className:"color-gray-700",children:a})})}),l.jsxs("div",{className:"flex flex-col items-center justify-center",style:{paddingTop:"80px",paddingBottom:"24px",display:"flex",justifyContent:"flex-start"},children:[l.jsx("div",{className:"mb-4 flex items-center justify-center border-2 rounded-full",style:{borderColor:"#374151",width:"48px",height:"48px",opacity:1},children:l.jsx(x,{name:"XMarkIcon",variant:"24-outline",size:32,className:"color-gray-900"})}),l.jsx("div",{style:{width:"331.5px",height:"48px",opacity:1,display:"flex",alignItems:"center",justifyContent:"center",marginBottom:"16px"},children:l.jsx(b,{variant:"h3",style:{fontFamily:"IBM Plex Sans",fontWeight:600,fontStyle:"normal",fontSize:"32px",lineHeight:"48px",letterSpacing:"0px",textAlign:"center",color:"#2D5C63"},children:"ERROR"})}),l.jsx("div",{className:"border flex items-center justify-center",style:{width:"331.5px",height:"128px",borderRadius:"10px",borderWidth:"1px",borderColor:"#EF4444",backgroundColor:"#FEE2E2",paddingTop:"16px",paddingRight:"16px",paddingBottom:"8px",paddingLeft:"16px",opacity:1},children:l.jsx("div",{style:{width:"298px",height:"96px",opacity:1},children:l.jsx(b,{variant:"mono-md",style:{color:"#991B1B"},children:r})})})]})]}),Ue=({title:a="Notificaciones",children:r,className:t="",...n})=>l.jsxs("div",{className:`bg-white ${t}`,style:{width:"379.5px",height:"476px",borderRadius:"14px",border:"1px solid #C4C4C4",opacity:1},...n,children:[l.jsx("div",{style:{width:"379.5px",height:"60px",paddingTop:"24px",paddingRight:"24px",paddingBottom:"6px",paddingLeft:"24px",opacity:1},className:"flex items-start justify-between",children:l.jsx("div",{style:{width:"331.5px",height:"30px",opacity:1},children:l.jsx(b,{variant:"body-md",style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"20px",lineHeight:"30px",letterSpacing:"0%",verticalAlign:"middle",color:"#223B40",margin:0},children:a})})}),r&&l.jsx("div",{style:{width:"379.5px",height:"416px",paddingRight:"24px",paddingLeft:"24px",gap:"16px",opacity:1,display:"flex",flexDirection:"column"},children:r})]}),ze=({title:a="Notificaciones y Alertas del Sistema de Gestión de Recursos Humanos",children:r,className:t="",...n})=>l.jsxs("div",{className:`bg-white ${t}`,style:{width:"379.5px",height:"476px",borderRadius:"14px",border:"1px solid #C4C4C4",opacity:1},...n,children:[l.jsx("div",{style:{width:"379.5px",height:"60px",paddingTop:"24px",paddingRight:"24px",paddingBottom:"6px",paddingLeft:"24px",opacity:1},className:"flex items-start justify-between",children:l.jsx("div",{style:{width:"331.5px",height:"30px",opacity:1},children:l.jsx(b,{variant:"body-md",style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"20px",lineHeight:"30px",letterSpacing:"0%",verticalAlign:"middle",color:"#223B40",margin:0},children:a})})}),r&&l.jsx("div",{style:{width:"379.5px",height:"416px",paddingRight:"24px",paddingLeft:"24px",gap:"16px",opacity:1,display:"flex",flexDirection:"column"},children:r})]}),_e=({title:a="Notificaciones",status:r="3 nuevas",children:t,className:n="",...c})=>l.jsxs("div",{className:`bg-white ${n}`,style:{width:"379.5px",height:"476px",borderRadius:"14px",border:"1px solid #C4C4C4",opacity:1},...c,children:[l.jsxs("div",{style:{width:"379.5px",height:"60px",paddingTop:"24px",paddingRight:"24px",paddingBottom:"6px",paddingLeft:"24px",opacity:1},className:"flex items-start justify-between",children:[l.jsx("div",{style:{width:"331.5px",height:"30px",opacity:1},children:l.jsx(b,{variant:"body-md",style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"20px",lineHeight:"30px",letterSpacing:"0%",verticalAlign:"middle",color:"#223B40",margin:0},children:a})}),l.jsx("span",{className:"text-sm font-medium flex-shrink-0 ml-2 flex items-center justify-center",style:{width:"90px",height:"24px",borderRadius:"12px",paddingTop:"2px",paddingRight:"12px",paddingBottom:"4px",paddingLeft:"12px",backgroundColor:"#E6F7F0",color:"#2D5C63",opacity:1},children:r})]}),t&&l.jsx("div",{style:{width:"379.5px",height:"416px",paddingRight:"24px",paddingLeft:"24px",gap:"16px",opacity:1,display:"flex",flexDirection:"column"},children:t})]}),qe=({title:a="Notificaciones y Alertas del Sistema de Gestión de Recursos Humanos",status:r="3 nuevas",children:t,className:n="",...c})=>l.jsxs("div",{className:`bg-white ${n}`,style:{width:"379.5px",height:"476px",borderRadius:"14px",border:"1px solid #C4C4C4",opacity:1},...c,children:[l.jsxs("div",{style:{width:"379.5px",height:"90px",paddingTop:"24px",paddingRight:"24px",paddingBottom:"6px",paddingLeft:"24px",opacity:1},className:"flex items-start justify-between",children:[l.jsx("div",{style:{width:"241.5px",height:"60px",opacity:1},children:l.jsx(b,{variant:"body-md",style:{fontFamily:"IBM Plex Sans",fontWeight:400,fontStyle:"normal",fontSize:"20px",lineHeight:"30px",letterSpacing:"0%",verticalAlign:"middle",color:"#223B40",margin:0},children:a})}),l.jsx("span",{className:"text-sm font-medium flex-shrink-0 ml-2 flex items-center justify-center",style:{width:"90px",height:"24px",borderRadius:"12px",paddingTop:"2px",paddingRight:"12px",paddingBottom:"4px",paddingLeft:"12px",backgroundColor:"#E6F7F0",color:"#2D5C63",opacity:1},children:r})]}),t&&l.jsx("div",{style:{width:"379.5px",height:"416px",paddingRight:"24px",paddingLeft:"24px",gap:"16px",opacity:1,display:"flex",flexDirection:"column"},children:t})]}),rP=({loading:a=!1,error:r=null,hasData:t=null,data:n=null,variant:c="corto",title:u="Notificaciones",status:s=null,errorMessage:d=null,children:i=null,className:f="",...w})=>{if(a)return l.jsx(Pe,{className:f,...w});if(r)return l.jsx(Te,{title:u,errorMessage:d||r,className:f,...w});if(!(t!==null?t:n!=null&&n!==""))return l.jsx(We,{title:u,className:f,...w});switch(c){case"largo":return l.jsx(ze,{title:u,className:f,...w,children:i});case"cortoMasEstado":return l.jsx(_e,{title:u,status:s,className:f,...w,children:i});case"largoMasEstado":return l.jsx(qe,{title:u,status:s,className:f,...w,children:i});case"corto":default:return l.jsx(Ue,{title:u,className:f,...w,children:i})}},nP={MuiTablePagination:{labelRowsPerPage:"Filas por página",labelDisplayedRows:({from:a,to:r,count:t})=>`${a}–${r} de ${t!==-1?t:`más de ${r}`}`},toolbarDensity:"Densidad",toolbarDensityLabel:"Densidad",toolbarDensityCompact:"Compacta",toolbarDensityStandard:"Estándar",toolbarDensityComfortable:"Cómoda",toolbarFilters:"Filtros",toolbarFiltersLabel:"Mostrar filtros",toolbarFiltersTooltipHide:"Ocultar filtros",toolbarFiltersTooltipShow:"Mostrar filtros",toolbarExport:"Exportar",toolbarExportLabel:"Exportar",toolbarExportCSV:"Descargar como CSV",toolbarExportPrint:"Imprimir",toolbarColumns:"Columnas",toolbarColumnsLabel:"Seleccionar columnas",filterPanelAddFilter:"Agregar filtro",filterPanelDeleteIconLabel:"Eliminar",filterPanelOperators:"Operadores",filterPanelOperatorAnd:"Y",filterPanelOperatorOr:"O",filterPanelColumns:"Columnas",filterPanelInputLabel:"Valor",filterPanelInputPlaceholder:"Valor del filtro",filterPanelInputPlaceholderOperator:"Operador",noRowsLabel:"No hay datos disponibles",noResultsOverlayLabel:"No se encontraron resultados",errorOverlayDefaultLabel:"Ocurrió un error",loadingOverlayLabel:"Cargando...",footerRowSelected:a=>a!==1?`${a} filas seleccionadas`:`${a} fila seleccionada`},tP=({columns:a=[],rows:r=[],loading:t=!1,emptyMessage:n,pageSize:c=10,pageSizeOptions:u=[5,10,25,50],className:s="",...d})=>{const{t:i}=u0.useTranslation(),f=a.map(h=>{const k=h.translationKey?i(h.translationKey):h.label||h.headerName;return{...h,headerName:k,label:k}}),w=[{field:"id",headerName:i("table.id"),width:90,translationKey:"table.id"},{field:"name",headerName:i("table.name"),width:200,translationKey:"table.name"},{field:"email",headerName:i("table.email"),width:250,translationKey:"table.email"},{field:"role",headerName:i("table.role"),width:150,translationKey:"table.role"}],p=f.length>0?f:w,g={...nP,...n&&{noRowsLabel:n}};return l.jsx(r5.Box,{className:s,sx:{height:400,width:"100%"},children:l.jsx(a5.DataGrid,{rows:r,columns:p,loading:t,pageSizeOptions:u,initialState:{pagination:{paginationModel:{pageSize:c}}},localeText:g,disableRowSelectionOnClick:!0,...d})})},lP=({series:a=[],categories:r=[],title:t="",height:n=350,colors:c=["#3B82F6","#10B981","#F59E0B","#EF4444","#8B5CF6"],showLegend:u=!0,showToolbar:s=!0,className:d="",...i})=>{const f=M.useMemo(()=>({chart:{type:"line",height:n,toolbar:{show:s,tools:{download:!0,selection:!0,zoom:!0,zoomin:!0,zoomout:!0,pan:!0,reset:!0}}},colors:c,stroke:{curve:"smooth",width:2},xaxis:{categories:r,labels:{style:{colors:"#6B7280"}}},yaxis:{labels:{style:{colors:"#6B7280"}}},legend:{show:u,position:"top",horizontalAlign:"center"},grid:{borderColor:"#E5E7EB",strokeDashArray:4},tooltip:{theme:"light"},dataLabels:{enabled:!1}}),[r,c,n,u,s]);return l.jsxs("div",{className:d,children:[t&&l.jsx("h3",{className:"text-lg font-semibold text-gray-900 mb-4",children:t}),l.jsx(q0,{options:f,series:a,type:"line",height:n,...i})]})},oP=({series:a=[],categories:r=[],title:t="",height:n=350,colors:c=["#3B82F6","#10B981","#F59E0B","#EF4444","#8B5CF6"],showLegend:u=!0,showToolbar:s=!0,horizontal:d=!1,className:i="",...f})=>{const w=M.useMemo(()=>({chart:{type:"bar",height:n,toolbar:{show:s,tools:{download:!0,selection:!0,zoom:!0,zoomin:!0,zoomout:!0,pan:!0,reset:!0}}},colors:c,plotOptions:{bar:{horizontal:d,borderRadius:4,columnWidth:"55%"}},xaxis:{categories:r,labels:{style:{colors:"#6B7280"}}},yaxis:{labels:{style:{colors:"#6B7280"}}},legend:{show:u,position:"top",horizontalAlign:"center"},grid:{borderColor:"#E5E7EB",strokeDashArray:4},tooltip:{theme:"light"},dataLabels:{enabled:!1}}),[r,c,n,u,s,d]);return l.jsxs("div",{className:i,children:[t&&l.jsx("h3",{className:"text-lg font-semibold text-gray-900 mb-4",children:t}),l.jsx(q0,{options:w,series:a,type:"bar",height:n,...f})]})},cP=({series:a=[],categories:r=[],title:t="",height:n=350,colors:c=["#3B82F6","#10B981","#F59E0B","#EF4444","#8B5CF6"],showLegend:u=!0,showToolbar:s=!0,className:d="",...i})=>{const f=M.useMemo(()=>({chart:{type:"area",height:n,toolbar:{show:s,tools:{download:!0,selection:!0,zoom:!0,zoomin:!0,zoomout:!0,pan:!0,reset:!0}}},colors:c,stroke:{curve:"smooth",width:2},fill:{type:"gradient",gradient:{shadeIntensity:1,opacityFrom:.7,opacityTo:.3,stops:[0,90,100]}},xaxis:{categories:r,labels:{style:{colors:"#6B7280"}}},yaxis:{labels:{style:{colors:"#6B7280"}}},legend:{show:u,position:"top",horizontalAlign:"center"},grid:{borderColor:"#E5E7EB",strokeDashArray:4},tooltip:{theme:"light"},dataLabels:{enabled:!1}}),[r,c,n,u,s]);return l.jsxs("div",{className:d,children:[t&&l.jsx("h3",{className:"text-lg font-semibold text-gray-900 mb-4",children:t}),l.jsx(q0,{options:f,series:a,type:"area",height:n,...i})]})},iP=({series:a=[],labels:r=[],title:t="",height:n=350,colors:c=["#3B82F6","#10B981","#F59E0B","#EF4444","#8B5CF6","#EC4899","#06B6D4"],showLegend:u=!0,className:s="",...d})=>{const i=M.useMemo(()=>({chart:{type:"pie",height:n,toolbar:{show:!1}},colors:c,labels:r,legend:{show:u,position:"bottom"},dataLabels:{enabled:!0,formatter:f=>`${f.toFixed(1)}%`},tooltip:{theme:"light",y:{formatter:f=>`${f}`}},plotOptions:{pie:{donut:{size:"0%"}}}}),[r,c,n,u]);return l.jsxs("div",{className:s,children:[t&&l.jsx("h3",{className:"text-lg font-semibold text-gray-900 mb-4",children:t}),l.jsx(q0,{options:i,series:a,type:"pie",height:n,...d})]})},dP=({series:a=[],labels:r=[],title:t="",height:n=350,colors:c=["#3B82F6","#10B981","#F59E0B","#EF4444","#8B5CF6","#EC4899","#06B6D4"],showLegend:u=!0,donutSize:s="70%",className:d="",...i})=>{const f=M.useMemo(()=>({chart:{type:"donut",height:n,toolbar:{show:!1}},colors:c,labels:r,legend:{show:u,position:"bottom"},dataLabels:{enabled:!0,formatter:w=>`${w.toFixed(1)}%`},tooltip:{theme:"light",y:{formatter:w=>`${w}`}},plotOptions:{pie:{donut:{size:s,labels:{show:!0,name:{show:!0},value:{show:!0,formatter:w=>`${w}`},total:{show:!0,label:"Total",formatter:()=>a.reduce((p,g)=>p+g,0).toString()}}}}}}),[r,c,n,u,s,a]);return l.jsxs("div",{className:d,children:[t&&l.jsx("h3",{className:"text-lg font-semibold text-gray-900 mb-4",children:t}),l.jsx(q0,{options:f,series:a,type:"donut",height:n,...i})]})},sP=({series:a=[],categories:r=[],title:t="",height:n=350,colors:c=["#3B82F6","#10B981","#F59E0B","#EF4444","#8B5CF6"],showLegend:u=!0,showToolbar:s=!0,className:d="",...i})=>{const f=M.useMemo(()=>({chart:{type:"column",height:n,toolbar:{show:s,tools:{download:!0,selection:!0,zoom:!0,zoomin:!0,zoomout:!0,pan:!0,reset:!0}}},colors:c,plotOptions:{bar:{horizontal:!1,borderRadius:4,columnWidth:"55%",dataLabels:{position:"top"}}},xaxis:{categories:r,labels:{style:{colors:"#6B7280"}}},yaxis:{labels:{style:{colors:"#6B7280"}}},legend:{show:u,position:"top",horizontalAlign:"center"},grid:{borderColor:"#E5E7EB",strokeDashArray:4},tooltip:{theme:"light"},dataLabels:{enabled:!1}}),[r,c,n,u,s]);return l.jsxs("div",{className:d,children:[t&&l.jsx("h3",{className:"text-lg font-semibold text-gray-900 mb-4",children:t}),l.jsx(q0,{options:f,series:a,type:"bar",height:n,...i})]})},uP=({icon:a="DocumentIcon",title:r="No hay datos",description:t="No se encontraron elementos para mostrar.",actionLabel:n,onAction:c,className:u="",...s})=>l.jsxs("div",{className:`flex flex-col items-center justify-center py-12 px-4 ${u}`,...s,children:[l.jsx("div",{className:"mb-4",children:l.jsx(x,{name:a,className:"h-16 w-16 text-gray-400"})}),l.jsx("h3",{className:"text-lg font-semibold text-gray-900 mb-2",children:r}),l.jsx("p",{className:"text-sm text-gray-500 text-center max-w-sm mb-4",children:t}),n&&c&&l.jsx(l0,{variant:"primary",onClick:c,children:n})]}),fP=({title:a,value:r,change:t,changeType:n="neutral",icon:c,iconColor:u="blue",className:s="",...d})=>{const i={blue:"bg-blue-100 text-blue-600",green:"bg-green-100 text-green-600",yellow:"bg-yellow-100 text-yellow-600",red:"bg-red-100 text-red-600",purple:"bg-purple-100 text-purple-600"},f={positive:"text-green-600",negative:"text-red-600",neutral:"text-gray-600"};return l.jsx("div",{className:`bg-white rounded-lg shadow-md p-6 ${s}`,...d,children:l.jsxs("div",{className:"flex items-center justify-between",children:[l.jsxs("div",{className:"flex-1",children:[l.jsx(b,{variant:"body2",className:"text-gray-600 mb-1",children:a}),l.jsx(b,{variant:"h3",className:"text-gray-900 mb-2",children:r}),t&&l.jsx("div",{className:`flex items-center text-sm ${f[n]}`,children:l.jsx("span",{children:t})})]}),c&&l.jsx("div",{className:`p-3 rounded-lg ${i[u]}`,children:l.jsx(x,{name:c,className:"h-6 w-6"})})]})})},wP=({items:a=[],className:r="",...t})=>a.length===0?null:l.jsx("div",{className:r,...t,children:l.jsx("ol",{className:"relative border-l border-gray-200",children:a.map((n,c)=>{const u=c===a.length-1;return l.jsxs("li",{className:`mb-10 ml-6 ${u?"mb-0":""}`,children:[l.jsx("div",{className:"absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -left-1.5 border border-white"}),l.jsx("time",{className:"mb-1 text-sm font-normal leading-none text-gray-400",children:n.date}),l.jsx("h3",{className:"text-lg font-semibold text-gray-900",children:n.title}),n.description&&l.jsx("p",{className:"mb-4 text-base font-normal text-gray-500",children:n.description}),n.icon&&l.jsx("div",{className:"absolute -left-8 top-0",children:l.jsx(x,{name:n.icon,className:"h-6 w-6 text-gray-400"})})]},c)})})}),hP=({items:a=[],variant:r="default",className:t="",...n})=>{if(a.length===0)return null;const c={default:"divide-y divide-gray-200",none:""};return l.jsx("ul",{className:`${c[r]} ${t}`,...n,children:a.map((u,s)=>l.jsx("li",{className:"py-3",children:typeof u=="string"?l.jsx("span",{className:"text-gray-900",children:u}):u},s))})},mP=({tags:a=[],onRemove:r,variant:t="default",className:n="",...c})=>a.length===0?null:l.jsx("div",{className:`flex flex-wrap gap-2 ${n}`,...c,children:a.map((u,s)=>{const d=typeof u=="string"?u:u.label,i=typeof u=="string"?t:u.variant||t;return l.jsxs(ke,{variant:i,children:[d,r&&l.jsx("button",{onClick:()=>r(s),className:"ml-2 hover:text-gray-800",children:"×"})]},s)})}),me=({label:a,placeholder:r,value:t,onChange:n,error:c,required:u=!1,disabled:s=!1,variant:d,className:i="",inputClassName:f="",labelClassName:w="",labelStyle:p,...g})=>{const[h,k]=M.useState(!1),y=d==="hexa-login",R=`
     ${y?"w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm text-gray-900":"w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent disabled:bg-gray-100 disabled:cursor-not-allowed"}
     ${y?"":c?"border-red-500":"border-gray-300"}
     ${f}

package/dist/anima-ds.esm.js

@@ -32759,7 +32759,7 @@ const Ae = zD, x = ({
   };
   p0(() => {
     const s0 = () => {
-      Q0(window.innerWidth <= 768);
+      Q0(window.innerWidth <= 1365);
     };
     return s0(), window.addEventListener("resize", s0), () => {
       window.removeEventListener("resize", s0);
@@ -33557,7 +33557,7 @@ const Ae = zD, x = ({
           border-color: #3b82f6 !important;
           box-shadow: 0 0 0 1px #3b82f6;
         }
-        @media (max-width: 768px) {
+        @media (max-width: 1365px) {
           .header-mobile-layout {
             display: block;
           }
@@ -33584,7 +33584,7 @@ const Ae = zD, x = ({
             width: 36px !important;
           }
         }
-        @media (min-width: 769px) {
+        @media (min-width: 1366px) {
           .header-mobile-layout {
             display: none;
           }
@@ -35920,7 +35920,7 @@ const Ae = zD, x = ({
   // heroicons "mini"
   inicioIconSize: f = 16,
   // Responsive behavior (<= breakpoint): centrar saludo y ocultar el resto
-  responsiveBreakpointPx: w = 768,
+  responsiveBreakpointPx: w = 1365,
   responsiveHideInicio: p = !0,
   responsiveHideDate: g = !0,
   responsiveCenterGreeting: h = !0,
@@ -36328,7 +36328,6 @@ const Ae = zD, x = ({
           style: {
             paddingTop: "80px",
             paddingBottom: "24px",
-            minHeight: "calc(476px - 60px)",
             display: "flex",
             justifyContent: "flex-start"
           },
@@ -36451,7 +36450,6 @@ const Ae = zD, x = ({
           style: {
             paddingTop: "80px",
             paddingBottom: "24px",
-            minHeight: "calc(476px - 60px)",
             display: "flex",
             justifyContent: "flex-start"
           },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anima-ds-nucleus",
-  "version": "1.0.22",
+  "version": "1.0.23",
   "description": "Anima Design System - A comprehensive React component library",
   "author": "Nucleus Labs <ipvasallo@nucleus.com.ar>",
   "license": "UNLICENSED",

package/src/components/DataDisplay/Card/CardError.jsx

@@ -51,7 +51,6 @@ export const CardError = ({
         style={{
           paddingTop: '80px',
           paddingBottom: '24px',
-          minHeight: 'calc(476px - 60px)',
           display: 'flex',
           justifyContent: 'flex-start'
         }}

package/src/components/DataDisplay/Card/CardVacia.jsx

@@ -50,7 +50,6 @@ export const CardVacia = ({
         style={{
           paddingTop: '80px',
           paddingBottom: '24px',
-          minHeight: 'calc(476px - 60px)',
           display: 'flex',
           justifyContent: 'flex-start'
         }}

package/src/components/Layout/Header/HeaderCore.jsx

@@ -160,7 +160,7 @@ export const HeaderCore = ({
           border-color: #3b82f6 !important;
           box-shadow: 0 0 0 1px #3b82f6;
         }
-        @media (max-width: 768px) {
+        @media (max-width: 1365px) {
           .header-mobile-layout {
             display: block;
           }
@@ -187,7 +187,7 @@ export const HeaderCore = ({
             width: 36px !important;
           }
         }
-        @media (min-width: 769px) {
+        @media (min-width: 1366px) {
           .header-mobile-layout {
             display: none;
           }
@@ -195,7 +195,7 @@ export const HeaderCore = ({
       `}</style>
       
       <div className="w-full" style={{ paddingLeft: '4px', paddingRight: '4px' }}>
-        {/* Layout Desktop (más de 768px) */}
+        {/* Layout Desktop (más de 1365px) */}
         <div
           className={`header-desktop-layout flex items-center justify-between h-16 ${desktopLayoutClassName}`}
           style={desktopLayoutStyle}
@@ -373,7 +373,7 @@ export const HeaderCore = ({
           </div>
         </div>
 
-        {/* Layout Mobile (768px o menos) */}
+        {/* Layout Mobile (1365px o menos) */}
         <div
           className={`header-mobile-layout ${mobileHeaderClassName}`}
           style={{ background: mobileBackgroundColor, ...(mobileHeaderStyle || {}) }}

package/src/components/Layout/SaludoConFechaDashboard/SaludoConFechaDashboard.jsx

@@ -41,7 +41,7 @@ export const SaludoConFechaDashboard = ({
   inicioIconVariant = '20-solid', // heroicons "mini"
   inicioIconSize = 16,
   // Responsive behavior (<= breakpoint): centrar saludo y ocultar el resto
-  responsiveBreakpointPx = 768,
+  responsiveBreakpointPx = 1365,
   responsiveHideInicio = true,
   responsiveHideDate = true,
   responsiveCenterGreeting = true,

package/src/components/Layout/Sidebar/SidebarCore.jsx

@@ -549,7 +549,7 @@ export const SidebarCore = ({
   // Detectar tamaño de pantalla
   useEffect(() => {
     const checkMobile = () => {
-      setIsMobile(window.innerWidth <= 768);
+      setIsMobile(window.innerWidth <= 1365);
     };
 
     // Verificar al montar