prometeo-design-system 1.1.9 → 1.2.0

package/dist/components/Sidebar/components/nav-actions.d.ts

@@ -1,5 +1,5 @@
 import { JSX } from 'react';
-export interface NavbarActionsProps {
+export interface INavbarActionsProps {
     linkActions: Array<{
         action: string;
         icon: (props: {
@@ -8,10 +8,10 @@ export interface NavbarActionsProps {
         }) => React.ReactNode;
         title: string;
         viewAccess: () => boolean;
-        count?: number;
     }>;
     componentBadge?: (count?: number) => JSX.Element;
     onClick?: (action: string, isCollapsed: boolean) => void;
     activeAction?: string;
+    counts?: Record<string, number>;
 }
-export declare const NavBarActions: ({ linkActions, componentBadge, onClick, activeAction }: NavbarActionsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NavBarActions: ({ linkActions, componentBadge, onClick, activeAction, counts }: INavbarActionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Sidebar/hooks/useNavLinks.d.ts

@@ -17,5 +17,14 @@ export interface INavLink {
     discover?: "render" | "none";
     isView?: boolean;
     relatedPaths?: string[];
-    count?: number;
+}
+export interface INavAction {
+    action: string;
+    title: string;
+    icon: (props: {
+        size: number;
+        className: string;
+    }) => React.ReactNode;
+    viewAccess: () => boolean;
+    isView?: boolean;
 }

package/dist/components/Sidebar/index.d.ts

@@ -1,14 +1,13 @@
-export { Sidebar } from './SidebarComposable';
 export { SecondaryBar } from './SecondaryBar/SecondaryBar';
+export { Sidebar } from './SidebarComposable';
 export { useSidebar } from './hooks/useSidebar';
 export type { SidebarContextValue } from './hooks/useSidebar';
 export { NavigationLink } from './components/NavigationLink';
 export { ProfileSection } from './components/ProfileSection';
-export { NavbarLinks } from './components/nav-links';
-export { NavBarActions } from './components/nav-actions';
 export { Badge } from './components/badge';
+export { NavBarActions } from './components/nav-actions';
+export { NavbarLinks } from './components/nav-links';
 export { useActionsNavbar } from './hooks/useNavBarActions';
 export { useNavbarCollapse } from './hooks/useNavBarCollapse';
-export type { NavbarLinksProps } from './components/nav-links';
-export type { NavbarActionsProps } from './components/nav-actions';
 export type { BadgeProps } from './components/badge';
+export type { NavbarLinksProps } from './components/nav-links';

package/dist/index.d.ts

@@ -29,7 +29,7 @@ export type { BadgeProps } from './components/Sidebar/components/badge';
 export type { NavbarCollapseButtonProps } from './components/Sidebar/components/collapse-button';
 export type { CompanyLogoProps } from './components/Sidebar/components/company-logo';
 export type { NavbarLinksProps } from './components/Sidebar/components/nav-links';
-export type { NavbarActionsProps } from './components/Sidebar/components/nav-actions';
+export type { INavbarActionsProps } from './components/Sidebar/components/nav-actions';
 export type { SecondaryBarRootProps, HeaderProps as SecondaryBarHeaderProps, ContentProps as SecondaryBarContentProps, FooterProps as SecondaryBarFooterProps, SpacerProps as SecondaryBarSpacerProps } from './components/Sidebar/SecondaryBar/SecondaryBar';
 export type { ISessionLocalStorage } from './components/CardProfile/CardProfile';
 export type { INavLink, Role, RoleLevels, } from './components/Sidebar/hooks/useNavLinks';

package/dist/prometeo-design-system.es.js

@@ -4735,22 +4735,48 @@ const Kt = (i, e, t, r) => e && (Array.isArray(e) ? e.length > 0 : e) ? i.to(e,
     /* @__PURE__ */ d.jsx("div", { className: "border-separator-profile mt-3 border-t border-neutral-strong-default" })
   ] });
 }, sl = ({
-  links: i,
-  isLinkActive: e,
-  componentBadge: t,
-  onLinkClick: r
-}) => /* @__PURE__ */ d.jsx("nav", { className: "flex flex-col gap-1", children: i?.map((n, s) => {
-  const a = e(n.path) || (n.relatedPaths?.some(
-    (o) => e(o)
-  ) ?? !1);
-  return n.isView && n.viewAccess() && /* @__PURE__ */ d.jsx(
+  count: i,
+  maxCount: e = 9,
+  className: t = "",
+  size: r = "medium",
+  variant: n = "primary",
+  showZero: s = !1
+}) => {
+  const a = i, o = a > e ? `+${e}` : a;
+  if (a === 0 && !s) return null;
+  const l = {
+    small: "w-4 h-4 text-xs",
+    medium: "w-5 h-5 text-xs",
+    large: "w-6 h-6 text-sm"
+  }, u = {
+    primary: "bg-primary-default-default text-neutral-strong-default",
+    secondary: "bg-neutral-medium-default text-neutral-strong-default",
+    success: "bg-green-500 text-white",
+    warning: "bg-yellow-500 text-black",
+    danger: "bg-red-500 text-white"
+  };
+  return /* @__PURE__ */ d.jsx("div", { className: k(
+    "rounded-full flex items-center justify-center font-medium",
+    l[r],
+    u[n],
+    t
+  ), children: /* @__PURE__ */ d.jsx("span", { children: o }) });
+}, al = ({
+  linkActions: i,
+  componentBadge: e,
+  onClick: t,
+  activeAction: r,
+  counts: n = {}
+}) => {
+  const { isCollapsed: s } = Mr();
+  return /* @__PURE__ */ d.jsx("nav", { className: "flex flex-col gap-1", children: i?.map((a, o) => a.viewAccess() && /* @__PURE__ */ d.jsx(
     D.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       transition: {
         duration: 0.4,
-        delay: s * 0.03,
+        delay: o * 0.03,
         ease: "easeOut"
       },
       className: "relative flex justify-center w-full items-center px-3",
@@ -4758,16 +4784,16 @@ const Kt = (i, e, t, r) => e && (Array.isArray(e) ? e.length > 0 : e) ? i.to(e,
         "button",
         {
           onClick: () => {
-            r?.(n.path);
+            t?.(a.action, s);
           },
           className: k(
             "nav-link-item flex rounded-lg cursor-pointer relative overflow-hidden  h-10 ",
             "transition-all duration-300 ease-out w-full",
             "group hover:bg-neutral-medium-selected",
-            a ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
+            r === a.action ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
           ),
           children: [
-            /* @__PURE__ */ d.jsx(tr, { mode: "wait", children: a && /* @__PURE__ */ d.jsx(
+            /* @__PURE__ */ d.jsx(tr, { mode: "wait", children: r === a.action && /* @__PURE__ */ d.jsx(
               D.div,
               {
                 layoutId: "nav-active-bg",
@@ -4787,7 +4813,7 @@ const Kt = (i, e, t, r) => e && (Array.isArray(e) ? e.length > 0 : e) ? i.to(e,
               {
                 className: "nav-content-wrapper flex items-center justify-between gap-3 px-3 relative z-10 w-full",
                 animate: {
-                  x: 0
+                  x: (r === a.action, 0)
                 },
                 transition: {
                   duration: 0.25,
@@ -4800,24 +4826,24 @@ const Kt = (i, e, t, r) => e && (Array.isArray(e) ? e.length > 0 : e) ? i.to(e,
                       {
                         className: "nav-icon-wrapper flex items-center justify-center flex-shrink-0",
                         animate: {
-                          scale: a ? 1.05 : 1
+                          scale: r === a.action ? 1.05 : 1
                         },
                         transition: {
                           duration: 0.25,
                           ease: "easeOut"
                         },
-                        children: typeof n.icon == "function" ? n.icon({
+                        children: typeof a.icon == "function" ? a.icon({
                           size: 24,
                           className: k(
                             "nav-icon transition-colors duration-250 ease-out",
-                            a ? "text-primary-default-default" : "text-neutral-default-default group-hover:text-white-prometeo"
+                            r === a.action ? "text-primary-default-default" : "text-neutral-default-default group-hover:text-white-prometeo"
                           )
                         }) : null
                       }
                     ),
-                    /* @__PURE__ */ d.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: n.title })
+                    /* @__PURE__ */ d.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: a.title })
                   ] }),
-                  t && n.count && n.count > 0 && t(n.count)
+                  e && typeof e == "function" && n[a.action] && n[a.action] > 0 && e(n[a.action])
                 ]
               }
             )
@@ -4825,23 +4851,25 @@ const Kt = (i, e, t, r) => e && (Array.isArray(e) ? e.length > 0 : e) ? i.to(e,
         }
       )
     },
-    s
-  );
-}) }), al = ({
-  linkActions: i,
-  componentBadge: e,
-  onClick: t,
-  activeAction: r
-}) => {
-  const { isCollapsed: n } = Mr();
-  return /* @__PURE__ */ d.jsx("nav", { className: "flex flex-col gap-1", children: i?.map((s, a) => s.viewAccess() && /* @__PURE__ */ d.jsx(
+    o
+  )) });
+}, ol = ({
+  links: i,
+  isLinkActive: e,
+  componentBadge: t,
+  onLinkClick: r
+}) => /* @__PURE__ */ d.jsx("nav", { className: "flex flex-col gap-1", children: i?.map((n, s) => {
+  const a = e(n.path) || (n.relatedPaths?.some(
+    (o) => e(o)
+  ) ?? !1);
+  return n.isView && n.viewAccess() && /* @__PURE__ */ d.jsx(
     D.div,
     {
       initial: { opacity: 0 },
       animate: { opacity: 1 },
       transition: {
         duration: 0.4,
-        delay: a * 0.03,
+        delay: s * 0.03,
         ease: "easeOut"
       },
       className: "relative flex justify-center w-full items-center px-3",
@@ -4849,16 +4877,16 @@ const Kt = (i, e, t, r) => e && (Array.isArray(e) ? e.length > 0 : e) ? i.to(e,
         "button",
         {
           onClick: () => {
-            t?.(s.action, n);
+            r?.(n.path);
           },
           className: k(
             "nav-link-item flex rounded-lg cursor-pointer relative overflow-hidden  h-10 ",
             "transition-all duration-300 ease-out w-full",
             "group hover:bg-neutral-medium-selected",
-            r === s.action ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
+            a ? "text-primary-default-default bg-neutral-medium-selected" : "text-neutral-default-default"
           ),
           children: [
-            /* @__PURE__ */ d.jsx(tr, { mode: "wait", children: r === s.action && /* @__PURE__ */ d.jsx(
+            /* @__PURE__ */ d.jsx(tr, { mode: "wait", children: a && /* @__PURE__ */ d.jsx(
               D.div,
               {
                 layoutId: "nav-active-bg",
@@ -4878,7 +4906,7 @@ const Kt = (i, e, t, r) => e && (Array.isArray(e) ? e.length > 0 : e) ? i.to(e,
               {
                 className: "nav-content-wrapper flex items-center justify-between gap-3 px-3 relative z-10 w-full",
                 animate: {
-                  x: (r === s.action, 0)
+                  x: 0
                 },
                 transition: {
                   duration: 0.25,
@@ -4891,24 +4919,24 @@ const Kt = (i, e, t, r) => e && (Array.isArray(e) ? e.length > 0 : e) ? i.to(e,
                       {
                         className: "nav-icon-wrapper flex items-center justify-center flex-shrink-0",
                         animate: {
-                          scale: r === s.action ? 1.05 : 1
+                          scale: a ? 1.05 : 1
                         },
                         transition: {
                           duration: 0.25,
                           ease: "easeOut"
                         },
-                        children: typeof s.icon == "function" ? s.icon({
+                        children: typeof n.icon == "function" ? n.icon({
                           size: 24,
                           className: k(
                             "nav-icon transition-colors duration-250 ease-out",
-                            r === s.action ? "text-primary-default-default" : "text-neutral-default-default group-hover:text-white-prometeo"
+                            a ? "text-primary-default-default" : "text-neutral-default-default group-hover:text-white-prometeo"
                           )
                         }) : null
                       }
                     ),
-                    /* @__PURE__ */ d.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: s.title })
+                    /* @__PURE__ */ d.jsx("span", { className: "nav-label whitespace-nowrap text-sm font-semibold ", children: n.title })
                   ] }),
-                  e && s.count && s.count > 0 && e(s.count)
+                  t && n.count && n.count > 0 && t(n.count)
                 ]
               }
             )
@@ -4916,36 +4944,9 @@ const Kt = (i, e, t, r) => e && (Array.isArray(e) ? e.length > 0 : e) ? i.to(e,
         }
       )
     },
-    a
-  )) });
-}, ol = ({
-  count: i,
-  maxCount: e = 9,
-  className: t = "",
-  size: r = "medium",
-  variant: n = "primary",
-  showZero: s = !1
-}) => {
-  const a = i, o = a > e ? `+${e}` : a;
-  if (a === 0 && !s) return null;
-  const l = {
-    small: "w-4 h-4 text-xs",
-    medium: "w-5 h-5 text-xs",
-    large: "w-6 h-6 text-sm"
-  }, u = {
-    primary: "bg-primary-default-default text-neutral-strong-default",
-    secondary: "bg-neutral-medium-default text-neutral-strong-default",
-    success: "bg-green-500 text-white",
-    warning: "bg-yellow-500 text-black",
-    danger: "bg-red-500 text-white"
-  };
-  return /* @__PURE__ */ d.jsx("div", { className: k(
-    "rounded-full flex items-center justify-center font-medium",
-    l[r],
-    u[n],
-    t
-  ), children: /* @__PURE__ */ d.jsx("span", { children: o }) });
-}, ll = ({
+    s
+  );
+}) }), ll = ({
   isActiveModalNotification: i,
   setIsActiveModalNotification: e
 }) => ({ handleNotificationClick: () => {
@@ -4989,7 +4990,7 @@ const Kt = (i, e, t, r) => e && (Array.isArray(e) ? e.length > 0 : e) ? i.to(e,
 };
 export {
   zi as Avatar,
-  ol as Badge,
+  sl as Badge,
   Yo as Button,
   lr as CardProfile,
   Hi as ChangueAccount,
@@ -5004,7 +5005,7 @@ export {
   Qo as Menu,
   al as NavBarActions,
   cl as NavbarCollapseButton,
-  sl as NavbarLinks,
+  ol as NavbarLinks,
   nl as NavigationLink,
   Ko as Pagination,
   il as ProfileSection,

package/dist/prometeo-design-system.umd.js

@@ -45,4 +45,4 @@ React keys must be passed directly to JSX without using spread:
  * Copyright 2008-2025, GreenSock. All rights reserved.
  * Subject to the terms at https://gsap.com/standard-license
  * @author: Jack Doyle, jack@greensock.com
-*/var ii,Ve,ct,Lr,Je,si,zr,la=function(){return typeof window<"u"},Ae={},Qe=180/Math.PI,dt=Math.PI/180,ft=Math.atan2,ai=1e8,Br=/([A-Z])/g,ua=/(left|right|width|margin|padding|x)/i,ca=/[\s,\(]\S/,Ne={autoAlpha:"opacity,visibility",scale:"scaleX,scaleY",alpha:"opacity"},Vr=function(e,t){return t.set(t.t,t.p,Math.round((t.s+t.c*e)*1e4)/1e4+t.u,t)},da=function(e,t){return t.set(t.t,t.p,e===1?t.e:Math.round((t.s+t.c*e)*1e4)/1e4+t.u,t)},fa=function(e,t){return t.set(t.t,t.p,e?Math.round((t.s+t.c*e)*1e4)/1e4+t.u:t.b,t)},ha=function(e,t){var r=t.s+t.c*e;t.set(t.t,t.p,~~(r+(r<0?-.5:.5))+t.u,t)},oi=function(e,t){return t.set(t.t,t.p,e?t.e:t.b,t)},li=function(e,t){return t.set(t.t,t.p,e!==1?t.b:t.e,t)},pa=function(e,t,r){return e.style[t]=r},ma=function(e,t,r){return e.style.setProperty(t,r)},_a=function(e,t,r){return e._gsap[t]=r},ga=function(e,t,r){return e._gsap.scaleX=e._gsap.scaleY=r},va=function(e,t,r,n,s){var a=e._gsap;a.scaleX=a.scaleY=r,a.renderTransform(s,a)},xa=function(e,t,r,n,s){var a=e._gsap;a[t]=r,a.renderTransform(s,a)},X="transform",_e=X+"Origin",ya=function i(e,t){var r=this,n=this.target,s=n.style,a=n._gsap;if(e in Ae&&s){if(this.tfm=this.tfm||{},e!=="transform")e=Ne[e]||e,~e.indexOf(",")?e.split(",").forEach(function(o){return r.tfm[o]=Re(n,o)}):this.tfm[e]=a.x?a[e]:Re(n,e),e===_e&&(this.tfm.zOrigin=a.zOrigin);else return Ne.transform.split(",").forEach(function(o){return i.call(r,o,t)});if(this.props.indexOf(X)>=0)return;a.svg&&(this.svgo=n.getAttribute("data-svg-origin"),this.props.push(_e,t,"")),e=X}(s||t)&&this.props.push(e,t,s[e])},ui=function(e){e.translate&&(e.removeProperty("translate"),e.removeProperty("scale"),e.removeProperty("rotate"))},ba=function(){var e=this.props,t=this.target,r=t.style,n=t._gsap,s,a;for(s=0;s<e.length;s+=3)e[s+1]?e[s+1]===2?t[e[s]](e[s+2]):t[e[s]]=e[s+2]:e[s+2]?r[e[s]]=e[s+2]:r.removeProperty(e[s].substr(0,2)==="--"?e[s]:e[s].replace(Br,"-$1").toLowerCase());if(this.tfm){for(a in this.tfm)n[a]=this.tfm[a];n.svg&&(n.renderTransform(),t.setAttribute("data-svg-origin",this.svgo||"")),s=zr(),(!s||!s.isStart)&&!r[X]&&(ui(r),n.zOrigin&&r[_e]&&(r[_e]+=" "+n.zOrigin+"px",n.zOrigin=0,n.renderTransform()),n.uncache=1)}},ci=function(e,t){var r={target:e,props:[],revert:ba,save:ya};return e._gsap||me.core.getCache(e),t&&e.style&&e.nodeType&&t.split(",").forEach(function(n){return r.save(n)}),r},di,Hr=function(e,t){var r=Ve.createElementNS?Ve.createElementNS((t||"http://www.w3.org/1999/xhtml").replace(/^https/,"http"),e):Ve.createElement(e);return r&&r.style?r:Ve.createElement(e)},Ce=function i(e,t,r){var n=getComputedStyle(e);return n[t]||n.getPropertyValue(t.replace(Br,"-$1").toLowerCase())||n.getPropertyValue(t)||!r&&i(e,ht(t)||t,1)||""},fi="O,Moz,ms,Ms,Webkit".split(","),ht=function(e,t,r){var n=t||Je,s=n.style,a=5;if(e in s&&!r)return e;for(e=e.charAt(0).toUpperCase()+e.substr(1);a--&&!(fi[a]+e in s););return a<0?null:(a===3?"ms":a>=0?fi[a]:"")+e},Ur=function(){la()&&window.document&&(ii=window,Ve=ii.document,ct=Ve.documentElement,Je=Hr("div")||{style:{}},Hr("div"),X=ht(X),_e=X+"Origin",Je.style.cssText="border-width:0;line-height:0;position:absolute;padding:0",di=!!ht("perspective"),zr=me.core.reverting,Lr=1)},hi=function(e){var t=e.ownerSVGElement,r=Hr("svg",t&&t.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),n=e.cloneNode(!0),s;n.style.display="block",r.appendChild(n),ct.appendChild(r);try{s=n.getBBox()}catch{}return r.removeChild(n),ct.removeChild(r),s},pi=function(e,t){for(var r=t.length;r--;)if(e.hasAttribute(t[r]))return e.getAttribute(t[r])},mi=function(e){var t,r;try{t=e.getBBox()}catch{t=hi(e),r=1}return t&&(t.width||t.height)||r||(t=hi(e)),t&&!t.width&&!t.x&&!t.y?{x:+pi(e,["x","cx","x1"])||0,y:+pi(e,["y","cy","y1"])||0,width:0,height:0}:t},_i=function(e){return!!(e.getCTM&&(!e.parentNode||e.ownerSVGElement)&&mi(e))},Ke=function(e,t){if(t){var r=e.style,n;t in Ae&&t!==_e&&(t=X),r.removeProperty?(n=t.substr(0,2),(n==="ms"||t.substr(0,6)==="webkit")&&(t="-"+t),r.removeProperty(n==="--"?t:t.replace(Br,"-$1").toLowerCase())):r.removeAttribute(t)}},He=function(e,t,r,n,s,a){var o=new pe(e._pt,t,r,0,1,a?li:oi);return e._pt=o,o.b=n,o.e=s,e._props.push(r),o},gi={deg:1,rad:1,turn:1},wa={grid:1,flex:1},Ue=function i(e,t,r,n){var s=parseFloat(r)||0,a=(r+"").trim().substr((s+"").length)||"px",o=Je.style,l=ua.test(t),u=e.tagName.toLowerCase()==="svg",c=(u?"client":"offset")+(l?"Width":"Height"),h=100,p=n==="px",m=n==="%",_,f,g,x;if(n===a||!s||gi[n]||gi[a])return s;if(a!=="px"&&!p&&(s=i(e,t,r,"px")),x=e.getCTM&&_i(e),(m||a==="%")&&(Ae[t]||~t.indexOf("adius")))return _=x?e.getBBox()[l?"width":"height"]:e[c],J(m?s/_*h:s/100*_);if(o[l?"width":"height"]=h+(p?a:n),f=n!=="rem"&&~t.indexOf("adius")||n==="em"&&e.appendChild&&!u?e:e.parentNode,x&&(f=(e.ownerSVGElement||{}).parentNode),(!f||f===Ve||!f.appendChild)&&(f=Ve.body),g=f._gsap,g&&m&&g.width&&l&&g.time===we.time&&!g.uncache)return J(s/g.width*h);if(m&&(t==="height"||t==="width")){var v=e.style[t];e.style[t]=h+n,_=e[c],v?e.style[t]=v:Ke(e,t)}else(m||a==="%")&&!wa[Ce(f,"display")]&&(o.position=Ce(e,"position")),f===e&&(o.position="static"),f.appendChild(Je),_=Je[c],f.removeChild(Je),o.position="absolute";return l&&m&&(g=$e(f),g.time=we.time,g.width=f[c]),J(p?_*s/h:_&&s?h/_*s:0)},Re=function(e,t,r,n){var s;return Lr||Ur(),t in Ne&&t!=="transform"&&(t=Ne[t],~t.indexOf(",")&&(t=t.split(",")[0])),Ae[t]&&t!=="transform"?(s=Pt(e,n),s=t!=="transformOrigin"?s[t]:s.svg?s.origin:ir(Ce(e,_e))+" "+s.zOrigin+"px"):(s=e.style[t],(!s||s==="auto"||n||~(s+"").indexOf("calc("))&&(s=nr[t]&&nr[t](e,t,r)||Ce(e,t)||yn(e,t)||(t==="opacity"?1:0))),r&&!~(s+"").trim().indexOf(" ")?Ue(e,t,s,r)+r:s},Ta=function(e,t,r,n){if(!r||r==="none"){var s=ht(t,e,1),a=s&&Ce(e,s,1);a&&a!==r?(t=s,r=a):t==="borderColor"&&(r=Ce(e,"borderTopColor"))}var o=new pe(this._pt,e.style,t,0,1,ei),l=0,u=0,c,h,p,m,_,f,g,x,v,b,w,y;if(o.b=r,o.e=n,r+="",n+="",n.substring(0,6)==="var(--"&&(n=Ce(e,n.substring(4,n.indexOf(")")))),n==="auto"&&(f=e.style[t],e.style[t]=n,n=Ce(e,t)||n,f?e.style[t]=f:Ke(e,t)),c=[r,n],Hn(c),r=c[0],n=c[1],p=r.match(nt)||[],y=n.match(nt)||[],y.length){for(;h=nt.exec(n);)g=h[0],v=n.substring(l,h.index),_?_=(_+1)%5:(v.substr(-5)==="rgba("||v.substr(-5)==="hsla(")&&(_=1),g!==(f=p[u++]||"")&&(m=parseFloat(f)||0,w=f.substr((m+"").length),g.charAt(1)==="="&&(g=it(m,g)+w),x=parseFloat(g),b=g.substr((x+"").length),l=nt.lastIndex-b.length,b||(b=b||ge.units[t]||w,l===n.length&&(n+=b,o.e+=b)),w!==b&&(m=Ue(e,t,f,b)||0),o._pt={_next:o._pt,p:v||u===1?v:",",s:m,c:x-m,m:_&&_<4||t==="zIndex"?Math.round:0});o.c=l<n.length?n.substring(l,n.length):""}else o.r=t==="display"&&n==="none"?li:oi;return hn.test(n)&&(o.e=0),this._pt=o,o},vi={top:"0%",bottom:"100%",left:"0%",right:"100%",center:"50%"},qa=function(e){var t=e.split(" "),r=t[0],n=t[1]||"50%";return(r==="top"||r==="bottom"||n==="left"||n==="right")&&(e=r,r=n,n=e),t[0]=vi[r]||r,t[1]=vi[n]||n,t.join(" ")},ja=function(e,t){if(t.tween&&t.tween._time===t.tween._dur){var r=t.t,n=r.style,s=t.u,a=r._gsap,o,l,u;if(s==="all"||s===!0)n.cssText="",l=1;else for(s=s.split(","),u=s.length;--u>-1;)o=s[u],Ae[o]&&(l=1,o=o==="transformOrigin"?_e:X),Ke(r,o);l&&(Ke(r,X),a&&(a.svg&&r.removeAttribute("transform"),n.scale=n.rotate=n.translate="none",Pt(r,1),a.uncache=1,ui(n)))}},nr={clearProps:function(e,t,r,n,s){if(s.data!=="isFromStart"){var a=e._pt=new pe(e._pt,t,r,0,0,ja);return a.u=n,a.pr=-10,a.tween=s,e._props.push(r),1}}},Nt=[1,0,0,1,0,0],xi={},yi=function(e){return e==="matrix(1, 0, 0, 1, 0, 0)"||e==="none"||!e},bi=function(e){var t=Ce(e,X);return yi(t)?Nt:t.substr(7).match(fn).map(J)},$r=function(e,t){var r=e._gsap||$e(e),n=e.style,s=bi(e),a,o,l,u;return r.svg&&e.getAttribute("transform")?(l=e.transform.baseVal.consolidate().matrix,s=[l.a,l.b,l.c,l.d,l.e,l.f],s.join(",")==="1,0,0,1,0,0"?Nt:s):(s===Nt&&!e.offsetParent&&e!==ct&&!r.svg&&(l=n.display,n.display="block",a=e.parentNode,(!a||!e.offsetParent&&!e.getBoundingClientRect().width)&&(u=1,o=e.nextElementSibling,ct.appendChild(e)),s=bi(e),l?n.display=l:Ke(e,"display"),u&&(o?a.insertBefore(e,o):a?a.appendChild(e):ct.removeChild(e))),t&&s.length>6?[s[0],s[1],s[4],s[5],s[12],s[13]]:s)},Yr=function(e,t,r,n,s,a){var o=e._gsap,l=s||$r(e,!0),u=o.xOrigin||0,c=o.yOrigin||0,h=o.xOffset||0,p=o.yOffset||0,m=l[0],_=l[1],f=l[2],g=l[3],x=l[4],v=l[5],b=t.split(" "),w=parseFloat(b[0])||0,y=parseFloat(b[1])||0,j,C,O,q;r?l!==Nt&&(C=m*g-_*f)&&(O=w*(g/C)+y*(-f/C)+(f*v-g*x)/C,q=w*(-_/C)+y*(m/C)-(m*v-_*x)/C,w=O,y=q):(j=mi(e),w=j.x+(~b[0].indexOf("%")?w/100*j.width:w),y=j.y+(~(b[1]||b[0]).indexOf("%")?y/100*j.height:y)),n||n!==!1&&o.smooth?(x=w-u,v=y-c,o.xOffset=h+(x*m+v*f)-x,o.yOffset=p+(x*_+v*g)-v):o.xOffset=o.yOffset=0,o.xOrigin=w,o.yOrigin=y,o.smooth=!!n,o.origin=t,o.originIsAbsolute=!!r,e.style[_e]="0px 0px",a&&(He(a,o,"xOrigin",u,w),He(a,o,"yOrigin",c,y),He(a,o,"xOffset",h,o.xOffset),He(a,o,"yOffset",p,o.yOffset)),e.setAttribute("data-svg-origin",w+" "+y)},Pt=function(e,t){var r=e._gsap||new Wn(e);if("x"in r&&!t&&!r.uncache)return r;var n=e.style,s=r.scaleX<0,a="px",o="deg",l=getComputedStyle(e),u=Ce(e,_e)||"0",c,h,p,m,_,f,g,x,v,b,w,y,j,C,O,q,E,F,D,R,H,V,z,U,ne,de,T,S,N,B,ee,ie;return c=h=p=f=g=x=v=b=w=0,m=_=1,r.svg=!!(e.getCTM&&_i(e)),l.translate&&((l.translate!=="none"||l.scale!=="none"||l.rotate!=="none")&&(n[X]=(l.translate!=="none"?"translate3d("+(l.translate+" 0 0").split(" ").slice(0,3).join(", ")+") ":"")+(l.rotate!=="none"?"rotate("+l.rotate+") ":"")+(l.scale!=="none"?"scale("+l.scale.split(" ").join(",")+") ":"")+(l[X]!=="none"?l[X]:"")),n.scale=n.rotate=n.translate="none"),C=$r(e,r.svg),r.svg&&(r.uncache?(ne=e.getBBox(),u=r.xOrigin-ne.x+"px "+(r.yOrigin-ne.y)+"px",U=""):U=!t&&e.getAttribute("data-svg-origin"),Yr(e,U||u,!!U||r.originIsAbsolute,r.smooth!==!1,C)),y=r.xOrigin||0,j=r.yOrigin||0,C!==Nt&&(F=C[0],D=C[1],R=C[2],H=C[3],c=V=C[4],h=z=C[5],C.length===6?(m=Math.sqrt(F*F+D*D),_=Math.sqrt(H*H+R*R),f=F||D?ft(D,F)*Qe:0,v=R||H?ft(R,H)*Qe+f:0,v&&(_*=Math.abs(Math.cos(v*dt))),r.svg&&(c-=y-(y*F+j*R),h-=j-(y*D+j*H))):(ie=C[6],B=C[7],T=C[8],S=C[9],N=C[10],ee=C[11],c=C[12],h=C[13],p=C[14],O=ft(ie,N),g=O*Qe,O&&(q=Math.cos(-O),E=Math.sin(-O),U=V*q+T*E,ne=z*q+S*E,de=ie*q+N*E,T=V*-E+T*q,S=z*-E+S*q,N=ie*-E+N*q,ee=B*-E+ee*q,V=U,z=ne,ie=de),O=ft(-R,N),x=O*Qe,O&&(q=Math.cos(-O),E=Math.sin(-O),U=F*q-T*E,ne=D*q-S*E,de=R*q-N*E,ee=H*E+ee*q,F=U,D=ne,R=de),O=ft(D,F),f=O*Qe,O&&(q=Math.cos(O),E=Math.sin(O),U=F*q+D*E,ne=V*q+z*E,D=D*q-F*E,z=z*q-V*E,F=U,V=ne),g&&Math.abs(g)+Math.abs(f)>359.9&&(g=f=0,x=180-x),m=J(Math.sqrt(F*F+D*D+R*R)),_=J(Math.sqrt(z*z+ie*ie)),O=ft(V,z),v=Math.abs(O)>2e-4?O*Qe:0,w=ee?1/(ee<0?-ee:ee):0),r.svg&&(U=e.getAttribute("transform"),r.forceCSS=e.setAttribute("transform","")||!yi(Ce(e,X)),U&&e.setAttribute("transform",U))),Math.abs(v)>90&&Math.abs(v)<270&&(s?(m*=-1,v+=f<=0?180:-180,f+=f<=0?180:-180):(_*=-1,v+=v<=0?180:-180)),t=t||r.uncache,r.x=c-((r.xPercent=c&&(!t&&r.xPercent||(Math.round(e.offsetWidth/2)===Math.round(-c)?-50:0)))?e.offsetWidth*r.xPercent/100:0)+a,r.y=h-((r.yPercent=h&&(!t&&r.yPercent||(Math.round(e.offsetHeight/2)===Math.round(-h)?-50:0)))?e.offsetHeight*r.yPercent/100:0)+a,r.z=p+a,r.scaleX=J(m),r.scaleY=J(_),r.rotation=J(f)+o,r.rotationX=J(g)+o,r.rotationY=J(x)+o,r.skewX=v+o,r.skewY=b+o,r.transformPerspective=w+a,(r.zOrigin=parseFloat(u.split(" ")[2])||!t&&r.zOrigin||0)&&(n[_e]=ir(u)),r.xOffset=r.yOffset=0,r.force3D=ge.force3D,r.renderTransform=r.svg?Oa:di?wi:Ca,r.uncache=0,r},ir=function(e){return(e=e.split(" "))[0]+" "+e[1]},Wr=function(e,t,r){var n=le(t);return J(parseFloat(t)+parseFloat(Ue(e,"x",r+"px",n)))+n},Ca=function(e,t){t.z="0px",t.rotationY=t.rotationX="0deg",t.force3D=0,wi(e,t)},et="0deg",Et="0px",tt=") ",wi=function(e,t){var r=t||this,n=r.xPercent,s=r.yPercent,a=r.x,o=r.y,l=r.z,u=r.rotation,c=r.rotationY,h=r.rotationX,p=r.skewX,m=r.skewY,_=r.scaleX,f=r.scaleY,g=r.transformPerspective,x=r.force3D,v=r.target,b=r.zOrigin,w="",y=x==="auto"&&e&&e!==1||x===!0;if(b&&(h!==et||c!==et)){var j=parseFloat(c)*dt,C=Math.sin(j),O=Math.cos(j),q;j=parseFloat(h)*dt,q=Math.cos(j),a=Wr(v,a,C*q*-b),o=Wr(v,o,-Math.sin(j)*-b),l=Wr(v,l,O*q*-b+b)}g!==Et&&(w+="perspective("+g+tt),(n||s)&&(w+="translate("+n+"%, "+s+"%) "),(y||a!==Et||o!==Et||l!==Et)&&(w+=l!==Et||y?"translate3d("+a+", "+o+", "+l+") ":"translate("+a+", "+o+tt),u!==et&&(w+="rotate("+u+tt),c!==et&&(w+="rotateY("+c+tt),h!==et&&(w+="rotateX("+h+tt),(p!==et||m!==et)&&(w+="skew("+p+", "+m+tt),(_!==1||f!==1)&&(w+="scale("+_+", "+f+tt),v.style[X]=w||"translate(0, 0)"},Oa=function(e,t){var r=t||this,n=r.xPercent,s=r.yPercent,a=r.x,o=r.y,l=r.rotation,u=r.skewX,c=r.skewY,h=r.scaleX,p=r.scaleY,m=r.target,_=r.xOrigin,f=r.yOrigin,g=r.xOffset,x=r.yOffset,v=r.forceCSS,b=parseFloat(a),w=parseFloat(o),y,j,C,O,q;l=parseFloat(l),u=parseFloat(u),c=parseFloat(c),c&&(c=parseFloat(c),u+=c,l+=c),l||u?(l*=dt,u*=dt,y=Math.cos(l)*h,j=Math.sin(l)*h,C=Math.sin(l-u)*-p,O=Math.cos(l-u)*p,u&&(c*=dt,q=Math.tan(u-c),q=Math.sqrt(1+q*q),C*=q,O*=q,c&&(q=Math.tan(c),q=Math.sqrt(1+q*q),y*=q,j*=q)),y=J(y),j=J(j),C=J(C),O=J(O)):(y=h,O=p,j=C=0),(b&&!~(a+"").indexOf("px")||w&&!~(o+"").indexOf("px"))&&(b=Ue(m,"x",a,"px"),w=Ue(m,"y",o,"px")),(_||f||g||x)&&(b=J(b+_-(_*y+f*C)+g),w=J(w+f-(_*j+f*O)+x)),(n||s)&&(q=m.getBBox(),b=J(b+n/100*q.width),w=J(w+s/100*q.height)),q="matrix("+y+","+j+","+C+","+O+","+b+","+w+")",m.setAttribute("transform",q),v&&(m.style[X]=q)},Sa=function(e,t,r,n,s){var a=360,o=re(s),l=parseFloat(s)*(o&&~s.indexOf("rad")?Qe:1),u=l-n,c=n+u+"deg",h,p;return o&&(h=s.split("_")[1],h==="short"&&(u%=a,u!==u%(a/2)&&(u+=u<0?a:-a)),h==="cw"&&u<0?u=(u+a*ai)%a-~~(u/a)*a:h==="ccw"&&u>0&&(u=(u-a*ai)%a-~~(u/a)*a)),e._pt=p=new pe(e._pt,t,r,n,u,da),p.e=c,p.u="deg",e._props.push(r),p},Ti=function(e,t){for(var r in t)e[r]=t[r];return e},ka=function(e,t,r){var n=Ti({},r._gsap),s="perspective,force3D,transformOrigin,svgOrigin",a=r.style,o,l,u,c,h,p,m,_;n.svg?(u=r.getAttribute("transform"),r.setAttribute("transform",""),a[X]=t,o=Pt(r,1),Ke(r,X),r.setAttribute("transform",u)):(u=getComputedStyle(r)[X],a[X]=t,o=Pt(r,1),a[X]=u);for(l in Ae)u=n[l],c=o[l],u!==c&&s.indexOf(l)<0&&(m=le(u),_=le(c),h=m!==_?Ue(r,l,u,_):parseFloat(u),p=parseFloat(c),e._pt=new pe(e._pt,o,l,h,p-h,Vr),e._pt.u=_||0,e._props.push(l));Ti(o,n)};he("padding,margin,Width,Radius",function(i,e){var t="Top",r="Right",n="Bottom",s="Left",a=(e<3?[t,r,n,s]:[t+s,t+r,n+r,n+s]).map(function(o){return e<2?i+o:"border"+o+i});nr[e>1?"border"+i:i]=function(o,l,u,c,h){var p,m;if(arguments.length<4)return p=a.map(function(_){return Re(o,_,u)}),m=p.join(" "),m.split(p[0]).length===5?p[0]:m;p=(c+"").split(" "),m={},a.forEach(function(_,f){return m[_]=p[f]=p[f]||p[(f-1)/2|0]}),o.init(l,m,h)}});var qi={name:"css",register:Ur,targetTest:function(e){return e.style&&e.nodeType},init:function(e,t,r,n,s){var a=this._props,o=e.style,l=r.vars.startAt,u,c,h,p,m,_,f,g,x,v,b,w,y,j,C,O;Lr||Ur(),this.styles=this.styles||ci(e),O=this.styles.props,this.tween=r;for(f in t)if(f!=="autoRound"&&(c=t[f],!(xe[f]&&Xn(f,t,r,n,e,s)))){if(m=typeof c,_=nr[f],m==="function"&&(c=c.call(r,n,e,s),m=typeof c),m==="string"&&~c.indexOf("random(")&&(c=qt(c)),_)_(this,e,f,c,r)&&(C=1);else if(f.substr(0,2)==="--")u=(getComputedStyle(e).getPropertyValue(f)+"").trim(),c+="",ze.lastIndex=0,ze.test(u)||(g=le(u),x=le(c)),x?g!==x&&(u=Ue(e,f,u,x)+x):g&&(c+=g),this.add(o,"setProperty",u,c,n,s,0,0,f),a.push(f),O.push(f,0,o[f]);else if(m!=="undefined"){if(l&&f in l?(u=typeof l[f]=="function"?l[f].call(r,n,e,s):l[f],re(u)&&~u.indexOf("random(")&&(u=qt(u)),le(u+"")||u==="auto"||(u+=ge.units[f]||le(Re(e,f))||""),(u+"").charAt(1)==="="&&(u=Re(e,f))):u=Re(e,f),p=parseFloat(u),v=m==="string"&&c.charAt(1)==="="&&c.substr(0,2),v&&(c=c.substr(2)),h=parseFloat(c),f in Ne&&(f==="autoAlpha"&&(p===1&&Re(e,"visibility")==="hidden"&&h&&(p=0),O.push("visibility",0,o.visibility),He(this,o,"visibility",p?"inherit":"hidden",h?"inherit":"hidden",!h)),f!=="scale"&&f!=="transform"&&(f=Ne[f],~f.indexOf(",")&&(f=f.split(",")[0]))),b=f in Ae,b){if(this.styles.save(f),m==="string"&&c.substring(0,6)==="var(--"&&(c=Ce(e,c.substring(4,c.indexOf(")"))),h=parseFloat(c)),w||(y=e._gsap,y.renderTransform&&!t.parseTransform||Pt(e,t.parseTransform),j=t.smoothOrigin!==!1&&y.smooth,w=this._pt=new pe(this._pt,o,X,0,1,y.renderTransform,y,0,-1),w.dep=1),f==="scale")this._pt=new pe(this._pt,y,"scaleY",y.scaleY,(v?it(y.scaleY,v+h):h)-y.scaleY||0,Vr),this._pt.u=0,a.push("scaleY",f),f+="X";else if(f==="transformOrigin"){O.push(_e,0,o[_e]),c=qa(c),y.svg?Yr(e,c,0,j,0,this):(x=parseFloat(c.split(" ")[2])||0,x!==y.zOrigin&&He(this,y,"zOrigin",y.zOrigin,x),He(this,o,f,ir(u),ir(c)));continue}else if(f==="svgOrigin"){Yr(e,c,1,j,0,this);continue}else if(f in xi){Sa(this,y,f,p,v?it(p,v+c):c);continue}else if(f==="smoothOrigin"){He(this,y,"smooth",y.smooth,c);continue}else if(f==="force3D"){y[f]=c;continue}else if(f==="transform"){ka(this,c,e);continue}}else f in o||(f=ht(f)||f);if(b||(h||h===0)&&(p||p===0)&&!ca.test(c)&&f in o)g=(u+"").substr((p+"").length),h||(h=0),x=le(c)||(f in ge.units?ge.units[f]:g),g!==x&&(p=Ue(e,f,u,x)),this._pt=new pe(this._pt,b?y:o,f,p,(v?it(p,v+h):h)-p,!b&&(x==="px"||f==="zIndex")&&t.autoRound!==!1?ha:Vr),this._pt.u=x||0,g!==x&&x!=="%"&&(this._pt.b=u,this._pt.r=fa);else if(f in o)Ta.call(this,e,f,u,v?v+c:c);else if(f in e)this.add(e,f,u||e[f],v?v+c:c,n,s);else if(f!=="parseTransform"){_r(f,c);continue}b||(f in o?O.push(f,0,o[f]):typeof e[f]=="function"?O.push(f,2,e[f]()):O.push(f,1,u||e[f])),a.push(f)}}C&&ti(this)},render:function(e,t){if(t.tween._time||!zr())for(var r=t._pt;r;)r.r(e,r.d),r=r._next;else t.styles.revert()},get:Re,aliases:Ne,getSetter:function(e,t,r){var n=Ne[t];return n&&n.indexOf(",")<0&&(t=n),t in Ae&&t!==_e&&(e._gsap.x||Re(e,"x"))?r&&si===r?t==="scale"?ga:_a:(si=r||{})&&(t==="scale"?va:xa):e.style&&!cr(e.style[t])?pa:~t.indexOf("-")?ma:Rr(e,t)},core:{_removeProperty:Ke,_getMatrix:$r}};me.utils.checkPrefix=ht,me.core.getStyleSaver=ci,(function(i,e,t,r){var n=he(i+","+e+","+t,function(s){Ae[s]=1});he(e,function(s){ge.units[s]="deg",xi[s]=1}),Ne[n[13]]=i+","+e,he(r,function(s){var a=s.split(":");Ne[a[1]]=n[a[0]]})})("x,y,z,scale,scaleX,scaleY,xPercent,yPercent","rotation,rotationX,rotationY,skewX,skewY","transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective","0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY"),he("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective",function(i){ge.units[i]="px"}),me.registerPlugin(qi);var De=me.registerPlugin(qi)||me;De.core.Tween;const sr=(i,e,t,r)=>e&&(Array.isArray(e)?e.length>0:e)?i.to(e,t,r):i,Na=(i,e,t)=>{Ni.useGSAP(()=>{if(!i.current)return;const r=De.timeline({defaults:{duration:.7,ease:"power1.out"}}),n={navbar:i.current,navLabels:De.utils.toArray(".nav-label"),navIconWrappers:De.utils.toArray(".nav-icon-wrapper"),navIcons:De.utils.toArray(".nav-icon"),navLinkItems:De.utils.toArray(".nav-link-item"),logoutButton:document.querySelector(".logout-button"),logoutLabel:document.querySelector(".logout-label"),logoutIcon:document.querySelector(".logout-icon"),profileContainer:document.querySelector(".profile-container"),profileName:document.querySelector(".profile-name"),profileOptions:document.querySelector(".profile-options"),profileImageWrapper:document.querySelector(".profile-image-wrapper"),coverImageProfile:document.querySelector(".cover-image-profile"),navContentWrapper:document.querySelector(".nav-content-wrapper-active"),buttonCrevron:document.querySelector(".button-select-crevron"),separatorProfile:document.querySelector(".border-separator-profile"),buttonProfile:document.querySelector(".button-profile"),profileUserInfo:document.querySelector(".profile-user-info"),buttonContentChevron:document.querySelector(".button-content-chevron"),logo:{contenedor:document.querySelector(".container-logo"),icon:document.querySelector(".icon-logo"),text:document.querySelector(".text-logo")},sidebarHeader:document.querySelector(".sidebar-header"),containerIconcollapsade:document.querySelector(".container-icon-collapsade"),secondaryBar:document.querySelector(".secondary-bar"),secondaryBarContent:De.utils.toArray(".secondary-bar *")};e?Pa(r,n):Ea(r,n),t!==void 0&&n.secondaryBar&&Ma(n.secondaryBar,t)},{scope:i,dependencies:[e,t]})},Pa=(i,e)=>{i.to(e.navbar,{width:"6rem",duration:.2,ease:"bounce.out"}).to(e.logo.contenedor,{width:48,duration:.2}).to(e.logo.text,{opacity:0,scale:.8,duration:.5,ease:"back.in(1.2)"},-1).set(e.logo.text,{display:"none"}).to(e.sidebarHeader,{justifyContent:"center",display:"flex"},-1).to(e.logo.icon,{keyframes:{"0%":{scale:1},"33%":{scale:1.5},"66%":{scale:.5},"100%":{scale:1}},duration:.6,ease:"power1.inOut"}).to(e.navLinkItems,{justifyContent:"center",alignItems:"center",width:"3rem",height:"3rem",display:"flex"},-1).to(e.navLabels,{opacity:0,width:30,marginLeft:0},0).to(e.navIcons,{scale:.95,ease:"elastic.out(1, 0.3)"},0),sr(i,e.buttonCrevron,{width:0,opacity:0,duration:.7,ease:"power1.out",onComplete:()=>{e.buttonCrevron.style.display="none"}},0),sr(i,e.buttonContentChevron,{display:"none"},-1).to(e.separatorProfile,{display:"none"},-1).to(e.profileUserInfo,{display:"none"},-1).to(e.navLinkItems,{borderRadius:"8px",duration:.7,ease:"power1.out"},.8).to(e.buttonProfile,{height:"3rem",width:"3rem",margin:0,padding:0,duration:.3,ease:"power2.out",display:"flex",justifyContent:"center",alignItems:"center"},-1).to(e.containerIconcollapsade,{justifyContent:"center",marginRight:0},"=-1")},Ea=(i,e)=>{i.to(e.navbar,{width:"20rem"},-1).to(e.navLinkItems,{borderRadius:"10px",duration:.3,width:"100%",justifyContent:"flex-start"},-1),sr(i,e.buttonCrevron,{width:"auto",opacity:1,duration:0,ease:"power1.out",onComplete:()=>{e.buttonCrevron.style.display="flex"}},0),sr(i,e.buttonContentChevron,{display:"flex"},0).to(e.logo.contenedor,{width:185},-1).set(e.logo.text,{display:"flex"},-1).to(e.logo.text,{opacity:1,duration:0,ease:"back.in(1)"}).to(e.logo.icon,{keyframes:{"0%":{scale:1},"33%":{scale:1.5},"66%":{scale:.5},"100%":{scale:1}},duration:.3,ease:"power1.inOut"}).to(e.sidebarHeader,{justifyContent:"start",display:"flex"},-1).to(e.containerIconcollapsade,{justifyContent:"end",marginRight:20},-1).to(e.separatorProfile,{display:"flex"},0).to(e.profileUserInfo,{display:"flex"},-1).to(e.buttonProfile,{borderTopLeftRadius:"0.375rem",borderBottomLeftRadius:"0.375rem",borderTopRightRadius:"0",borderBottomRightRadius:"0",duration:0},-1).to(e.separatorProfile,{display:"flex"},0).to(e.navLabels,{opacity:1,width:"auto",scaleX:1},0).to(e.navIcons,{scale:1},.3)},Ma=(i,e)=>{e?De.fromTo(i,{x:"-100%",opacity:0},{x:"0%",opacity:1,duration:.4,ease:"power2.out"}):De.to(i,{x:"-100%",opacity:0,duration:.3,ease:"power2.in"})},ji=({children:i,defaultCollapsed:e=!1,className:t="",secondaryBar:r,isSecondaryBarOpen:n=!0})=>{const[s,a]=I.useState(e),o=I.useRef(null);Na(o,s,n);const u={isCollapsed:s,setIsCollapsed:a,navbarRef:o,toggleCollapse:()=>{a(!s)}};return d.jsx(ln.Provider,{value:u,children:d.jsxs("div",{className:"flex flex-row",children:[d.jsx("div",{ref:o,className:`bg-neutral-default-default overflow-hidden h-screen flex flex-col border-r border-neutral-strong-default transition-all duration-300 relative z-20 ${s?"w-16":"w-64"} ${t}`,children:i}),d.jsx(or,{isOpen:n,children:r})]})})},Aa=Object.assign(ji,{Root:ji,CollapseButton:()=>{const{isCollapsed:i,toggleCollapse:e}=Ht();return d.jsx("div",{className:k("flex  mt-5 mb-4 justify-end mr-5 container-icon-collapsade",i&&""),children:d.jsx("button",{onClick:e,title:i?"Expandir Navbar":"Contraer Navbar","aria-label":i?"Expandir Navbar":"Contraer Navbar",className:"cursor-pointer text-neutral-default-default hover:text-primary-default transition-colors duration-300",children:i?d.jsx(ae.CloseNavBarDesktop,{size:24,className:"rotate-180 transition-transform duration-300"}):d.jsx(ae.CloseNavBarDesktop,{size:24,className:"rotate-0 transition-transform duration-300"})})})},Header:({children:i,className:e})=>d.jsx("div",{className:`${e} sidebar-header`,children:i}),Divider:({className:i})=>d.jsx("div",{className:k("px-3 flex justify-center items-center w-full mb-4",i),children:d.jsx("div",{className:"border-b border-neutral-strong-default border-1 w-full"})}),Content:({children:i,className:e})=>d.jsx("div",{className:e,children:i}),Spacer:({className:i,size:e="auto"})=>{const t=()=>{switch(e){case"auto":return"flex-grow";case"small":return"h-2 w-2";case"medium":return"h-4 w-4";case"large":return"h-8 w-8"}};return d.jsx("div",{className:k(t(),i)})},Footer:({children:i,className:e})=>d.jsx("div",{className:e,children:i}),SecondaryBar:or}),Ra=({children:i,icon:e,label:t,href:r,onClick:n,isActive:s=!1,className:a})=>{const o=r?"a":"button";return d.jsxs(o,{href:r,onClick:n,className:k("nav-link-item","flex items-center w-full px-3 py-2 text-left","hover:bg-neutral-medium-default transition-colors rounded-lg","focus:outline-none focus:ring-2 focus:ring-primary-default-default",s&&"bg-neutral-medium-default",a),children:[e&&d.jsx("div",{className:"nav-icon-wrapper mr-3 flex-shrink-0",children:d.jsx("div",{className:"nav-icon flex items-center justify-center w-5 h-5",children:e})}),t&&d.jsx("span",{className:"nav-label text-sm text-neutral-strong-default",children:t}),i]})},Da=({user:i,className:e,onProfileClick:t})=>{const{isCollapsed:r}=Ht(),[n,s]=I.useState(!1),a=()=>{r?t?.():s(!n)};return d.jsxs("div",{className:k("profile-container",e),children:[d.jsxs("button",{onClick:a,className:k("button-profile","flex items-center w-full p-3 text-left","hover:bg-neutral-medium-default transition-colors rounded-lg","focus:outline-none focus:ring-2 focus:ring-primary-default-default"),children:[d.jsx("div",{className:"profile-image-wrapper flex-shrink-0 mr-3",children:d.jsx("div",{className:"cover-image-profile w-10 h-10 rounded-full bg-primary-default-default flex items-center justify-center text-white text-sm font-semibold",children:i.profileImage?d.jsx("img",{src:i.profileImage,alt:i.name,className:"w-full h-full rounded-full object-cover"}):i.name.charAt(0).toUpperCase()})}),d.jsxs("div",{className:"profile-user-info flex-1 min-w-0",children:[d.jsx("div",{className:"profile-name text-sm font-medium text-neutral-strong-default truncate",children:i.name}),d.jsx("div",{className:"text-xs text-neutral-medium-default truncate",children:i.email})]}),d.jsx("div",{className:"button-content-chevron ml-2 flex-shrink-0",children:d.jsx("div",{className:"button-select-crevron w-4 h-4 text-neutral-medium-default",children:n?"▲":"▼"})})]}),n&&!r&&d.jsx("div",{className:"profile-options mt-2 pl-3 space-y-1",children:d.jsxs("button",{className:"logout-button flex items-center w-full px-3 py-2 text-left text-sm text-neutral-strong-default hover:bg-neutral-medium-default rounded-lg",children:[d.jsx("span",{className:"logout-icon mr-2",children:"🚪"}),d.jsx("span",{className:"logout-label",children:"Cerrar sesión"})]})}),d.jsx("div",{className:"border-separator-profile mt-3 border-t border-neutral-strong-default"})]})},Fa=({links:i,isLinkActive:e,componentBadge:t,onLinkClick:r})=>d.jsx("nav",{className:"flex flex-col gap-1",children:i?.map((n,s)=>{const a=e(n.path)||(n.relatedPaths?.some(o=>e(o))??!1);return n.isView&&n.viewAccess()&&d.jsx(A.motion.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.4,delay:s*.03,ease:"easeOut"},className:"relative flex justify-center w-full items-center px-3",children:d.jsxs("button",{onClick:()=>{r?.(n.path)},className:k("nav-link-item flex rounded-lg cursor-pointer relative overflow-hidden  h-10 ","transition-all duration-300 ease-out w-full","group hover:bg-neutral-medium-selected",a?"text-primary-default-default bg-neutral-medium-selected":"text-neutral-default-default"),children:[d.jsx(A.AnimatePresence,{mode:"wait",children:a&&d.jsx(A.motion.div,{layoutId:"nav-active-bg",className:"absolute inset-0 bg-neutral-medium-selected rounded-lg",initial:!1,animate:{opacity:1},exit:{opacity:0},transition:{type:"tween",duration:.25,ease:"easeInOut"}})}),d.jsxs(A.motion.div,{className:"nav-content-wrapper flex items-center justify-between gap-3 px-3 relative z-10 w-full",animate:{x:0},transition:{duration:.25,ease:"easeOut"},children:[d.jsxs("div",{className:"flex items-center gap-3",children:[d.jsx(A.motion.div,{className:"nav-icon-wrapper flex items-center justify-center flex-shrink-0",animate:{scale:a?1.05:1},transition:{duration:.25,ease:"easeOut"},children:typeof n.icon=="function"?n.icon({size:24,className:k("nav-icon transition-colors duration-250 ease-out",a?"text-primary-default-default":"text-neutral-default-default group-hover:text-white-prometeo")}):null}),d.jsx("span",{className:"nav-label whitespace-nowrap text-sm font-semibold ",children:n.title})]}),t&&n.count&&n.count>0&&t(n.count)]})]})},s)})}),Ia=({linkActions:i,componentBadge:e,onClick:t,activeAction:r})=>{const{isCollapsed:n}=Ht();return d.jsx("nav",{className:"flex flex-col gap-1",children:i?.map((s,a)=>s.viewAccess()&&d.jsx(A.motion.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.4,delay:a*.03,ease:"easeOut"},className:"relative flex justify-center w-full items-center px-3",children:d.jsxs("button",{onClick:()=>{t?.(s.action,n)},className:k("nav-link-item flex rounded-lg cursor-pointer relative overflow-hidden  h-10 ","transition-all duration-300 ease-out w-full","group hover:bg-neutral-medium-selected",r===s.action?"text-primary-default-default bg-neutral-medium-selected":"text-neutral-default-default"),children:[d.jsx(A.AnimatePresence,{mode:"wait",children:r===s.action&&d.jsx(A.motion.div,{layoutId:"nav-active-bg",className:"absolute inset-0 bg-neutral-medium-selected rounded-lg",initial:!1,animate:{opacity:1},exit:{opacity:0},transition:{type:"tween",duration:.25,ease:"easeInOut"}})}),d.jsxs(A.motion.div,{className:"nav-content-wrapper flex items-center justify-between gap-3 px-3 relative z-10 w-full",animate:{x:(r===s.action,0)},transition:{duration:.25,ease:"easeOut"},children:[d.jsxs("div",{className:"flex items-center gap-3",children:[d.jsx(A.motion.div,{className:"nav-icon-wrapper flex items-center justify-center flex-shrink-0",animate:{scale:r===s.action?1.05:1},transition:{duration:.25,ease:"easeOut"},children:typeof s.icon=="function"?s.icon({size:24,className:k("nav-icon transition-colors duration-250 ease-out",r===s.action?"text-primary-default-default":"text-neutral-default-default group-hover:text-white-prometeo")}):null}),d.jsx("span",{className:"nav-label whitespace-nowrap text-sm font-semibold ",children:s.title})]}),e&&s.count&&s.count>0&&e(s.count)]})]})},a))})},Za=({count:i,maxCount:e=9,className:t="",size:r="medium",variant:n="primary",showZero:s=!1})=>{const a=i,o=a>e?`+${e}`:a;if(a===0&&!s)return null;const l={small:"w-4 h-4 text-xs",medium:"w-5 h-5 text-xs",large:"w-6 h-6 text-sm"},u={primary:"bg-primary-default-default text-neutral-strong-default",secondary:"bg-neutral-medium-default text-neutral-strong-default",success:"bg-green-500 text-white",warning:"bg-yellow-500 text-black",danger:"bg-red-500 text-white"};return d.jsx("div",{className:k("rounded-full flex items-center justify-center font-medium",l[r],u[n],t),children:d.jsx("span",{children:o})})},La=({isActiveModalNotification:i,setIsActiveModalNotification:e})=>({handleNotificationClick:()=>{e(!0)},isActiveModalNotification:i}),za=i=>{const e=I.useRef(null);return{isCollapsed:i,navbarRef:e}},Ba=({isCollapsed:i,onToggle:e})=>d.jsx("div",{className:"",children:d.jsx("button",{onClick:e,title:i?"Expandir Navbar":"Contraer Navbar","aria-label":i?"Expandir Navbar":"Contraer Navbar",className:"cursor-pointer text-neutral-default-default hover:text-primary-default transition-colors duration-300",children:i?d.jsx(ae.CloseNavBarDesktop,{size:34,className:"rotate-180 transition-transform duration-300"}):d.jsx(ae.CloseNavBarDesktop,{size:34,className:"rotate-0 transition-transform duration-300"})})}),Va=({logoUrl:i,companyName:e})=>d.jsx("div",{className:"w-full flex justify-center items-center p-2 h-20",children:d.jsx("img",{src:i,className:"h-2/3 rounded-full",alt:e??""})}),Ha=(i,e=!0)=>{const t=I.useRef(null);return I.useEffect(()=>{if(!e)return;const r=n=>{t.current&&!t.current.contains(n.target)&&i()};return document.addEventListener("mousedown",r,{capture:!0}),document.addEventListener("touchstart",r,{capture:!0}),()=>{document.removeEventListener("mousedown",r,{capture:!0}),document.removeEventListener("touchstart",r,{capture:!0})}},[i,e]),t};P.Avatar=rn,P.Badge=Za,P.Button=Di,P.CardProfile=Rt,P.ChangueAccount=an,P.CheckboxFormik=Fi,P.CompanyLogo=Va,P.Header=Zi,P.Icons=ae,P.Input=ls,P.InputFormik=us,P.LayoutGeneric=ms,P.Logo=cs,P.Menu=ds,P.NavBarActions=Ia,P.NavbarCollapseButton=Ba,P.NavbarLinks=Fa,P.NavigationLink=Ra,P.Pagination=fs,P.ProfileSection=Da,P.SecondaryBar=or,P.Select=ps,P.Sidebar=Aa,P.Spinner=ar,P.useActionsNavbar=La,P.useClickOutside=Ha,P.useNavbarCollapse=za,P.useSidebar=Ht,Object.defineProperty(P,Symbol.toStringTag,{value:"Module"})}));
+*/var ii,Ve,ct,Lr,Je,si,zr,la=function(){return typeof window<"u"},Ae={},Qe=180/Math.PI,dt=Math.PI/180,ft=Math.atan2,ai=1e8,Br=/([A-Z])/g,ua=/(left|right|width|margin|padding|x)/i,ca=/[\s,\(]\S/,Ne={autoAlpha:"opacity,visibility",scale:"scaleX,scaleY",alpha:"opacity"},Vr=function(e,t){return t.set(t.t,t.p,Math.round((t.s+t.c*e)*1e4)/1e4+t.u,t)},da=function(e,t){return t.set(t.t,t.p,e===1?t.e:Math.round((t.s+t.c*e)*1e4)/1e4+t.u,t)},fa=function(e,t){return t.set(t.t,t.p,e?Math.round((t.s+t.c*e)*1e4)/1e4+t.u:t.b,t)},ha=function(e,t){var r=t.s+t.c*e;t.set(t.t,t.p,~~(r+(r<0?-.5:.5))+t.u,t)},oi=function(e,t){return t.set(t.t,t.p,e?t.e:t.b,t)},li=function(e,t){return t.set(t.t,t.p,e!==1?t.b:t.e,t)},pa=function(e,t,r){return e.style[t]=r},ma=function(e,t,r){return e.style.setProperty(t,r)},_a=function(e,t,r){return e._gsap[t]=r},ga=function(e,t,r){return e._gsap.scaleX=e._gsap.scaleY=r},va=function(e,t,r,n,s){var a=e._gsap;a.scaleX=a.scaleY=r,a.renderTransform(s,a)},xa=function(e,t,r,n,s){var a=e._gsap;a[t]=r,a.renderTransform(s,a)},X="transform",_e=X+"Origin",ya=function i(e,t){var r=this,n=this.target,s=n.style,a=n._gsap;if(e in Ae&&s){if(this.tfm=this.tfm||{},e!=="transform")e=Ne[e]||e,~e.indexOf(",")?e.split(",").forEach(function(o){return r.tfm[o]=Re(n,o)}):this.tfm[e]=a.x?a[e]:Re(n,e),e===_e&&(this.tfm.zOrigin=a.zOrigin);else return Ne.transform.split(",").forEach(function(o){return i.call(r,o,t)});if(this.props.indexOf(X)>=0)return;a.svg&&(this.svgo=n.getAttribute("data-svg-origin"),this.props.push(_e,t,"")),e=X}(s||t)&&this.props.push(e,t,s[e])},ui=function(e){e.translate&&(e.removeProperty("translate"),e.removeProperty("scale"),e.removeProperty("rotate"))},ba=function(){var e=this.props,t=this.target,r=t.style,n=t._gsap,s,a;for(s=0;s<e.length;s+=3)e[s+1]?e[s+1]===2?t[e[s]](e[s+2]):t[e[s]]=e[s+2]:e[s+2]?r[e[s]]=e[s+2]:r.removeProperty(e[s].substr(0,2)==="--"?e[s]:e[s].replace(Br,"-$1").toLowerCase());if(this.tfm){for(a in this.tfm)n[a]=this.tfm[a];n.svg&&(n.renderTransform(),t.setAttribute("data-svg-origin",this.svgo||"")),s=zr(),(!s||!s.isStart)&&!r[X]&&(ui(r),n.zOrigin&&r[_e]&&(r[_e]+=" "+n.zOrigin+"px",n.zOrigin=0,n.renderTransform()),n.uncache=1)}},ci=function(e,t){var r={target:e,props:[],revert:ba,save:ya};return e._gsap||me.core.getCache(e),t&&e.style&&e.nodeType&&t.split(",").forEach(function(n){return r.save(n)}),r},di,Hr=function(e,t){var r=Ve.createElementNS?Ve.createElementNS((t||"http://www.w3.org/1999/xhtml").replace(/^https/,"http"),e):Ve.createElement(e);return r&&r.style?r:Ve.createElement(e)},Ce=function i(e,t,r){var n=getComputedStyle(e);return n[t]||n.getPropertyValue(t.replace(Br,"-$1").toLowerCase())||n.getPropertyValue(t)||!r&&i(e,ht(t)||t,1)||""},fi="O,Moz,ms,Ms,Webkit".split(","),ht=function(e,t,r){var n=t||Je,s=n.style,a=5;if(e in s&&!r)return e;for(e=e.charAt(0).toUpperCase()+e.substr(1);a--&&!(fi[a]+e in s););return a<0?null:(a===3?"ms":a>=0?fi[a]:"")+e},Ur=function(){la()&&window.document&&(ii=window,Ve=ii.document,ct=Ve.documentElement,Je=Hr("div")||{style:{}},Hr("div"),X=ht(X),_e=X+"Origin",Je.style.cssText="border-width:0;line-height:0;position:absolute;padding:0",di=!!ht("perspective"),zr=me.core.reverting,Lr=1)},hi=function(e){var t=e.ownerSVGElement,r=Hr("svg",t&&t.getAttribute("xmlns")||"http://www.w3.org/2000/svg"),n=e.cloneNode(!0),s;n.style.display="block",r.appendChild(n),ct.appendChild(r);try{s=n.getBBox()}catch{}return r.removeChild(n),ct.removeChild(r),s},pi=function(e,t){for(var r=t.length;r--;)if(e.hasAttribute(t[r]))return e.getAttribute(t[r])},mi=function(e){var t,r;try{t=e.getBBox()}catch{t=hi(e),r=1}return t&&(t.width||t.height)||r||(t=hi(e)),t&&!t.width&&!t.x&&!t.y?{x:+pi(e,["x","cx","x1"])||0,y:+pi(e,["y","cy","y1"])||0,width:0,height:0}:t},_i=function(e){return!!(e.getCTM&&(!e.parentNode||e.ownerSVGElement)&&mi(e))},Ke=function(e,t){if(t){var r=e.style,n;t in Ae&&t!==_e&&(t=X),r.removeProperty?(n=t.substr(0,2),(n==="ms"||t.substr(0,6)==="webkit")&&(t="-"+t),r.removeProperty(n==="--"?t:t.replace(Br,"-$1").toLowerCase())):r.removeAttribute(t)}},He=function(e,t,r,n,s,a){var o=new pe(e._pt,t,r,0,1,a?li:oi);return e._pt=o,o.b=n,o.e=s,e._props.push(r),o},gi={deg:1,rad:1,turn:1},wa={grid:1,flex:1},Ue=function i(e,t,r,n){var s=parseFloat(r)||0,a=(r+"").trim().substr((s+"").length)||"px",o=Je.style,l=ua.test(t),u=e.tagName.toLowerCase()==="svg",c=(u?"client":"offset")+(l?"Width":"Height"),h=100,p=n==="px",m=n==="%",_,f,g,x;if(n===a||!s||gi[n]||gi[a])return s;if(a!=="px"&&!p&&(s=i(e,t,r,"px")),x=e.getCTM&&_i(e),(m||a==="%")&&(Ae[t]||~t.indexOf("adius")))return _=x?e.getBBox()[l?"width":"height"]:e[c],J(m?s/_*h:s/100*_);if(o[l?"width":"height"]=h+(p?a:n),f=n!=="rem"&&~t.indexOf("adius")||n==="em"&&e.appendChild&&!u?e:e.parentNode,x&&(f=(e.ownerSVGElement||{}).parentNode),(!f||f===Ve||!f.appendChild)&&(f=Ve.body),g=f._gsap,g&&m&&g.width&&l&&g.time===we.time&&!g.uncache)return J(s/g.width*h);if(m&&(t==="height"||t==="width")){var v=e.style[t];e.style[t]=h+n,_=e[c],v?e.style[t]=v:Ke(e,t)}else(m||a==="%")&&!wa[Ce(f,"display")]&&(o.position=Ce(e,"position")),f===e&&(o.position="static"),f.appendChild(Je),_=Je[c],f.removeChild(Je),o.position="absolute";return l&&m&&(g=$e(f),g.time=we.time,g.width=f[c]),J(p?_*s/h:_&&s?h/_*s:0)},Re=function(e,t,r,n){var s;return Lr||Ur(),t in Ne&&t!=="transform"&&(t=Ne[t],~t.indexOf(",")&&(t=t.split(",")[0])),Ae[t]&&t!=="transform"?(s=Pt(e,n),s=t!=="transformOrigin"?s[t]:s.svg?s.origin:ir(Ce(e,_e))+" "+s.zOrigin+"px"):(s=e.style[t],(!s||s==="auto"||n||~(s+"").indexOf("calc("))&&(s=nr[t]&&nr[t](e,t,r)||Ce(e,t)||yn(e,t)||(t==="opacity"?1:0))),r&&!~(s+"").trim().indexOf(" ")?Ue(e,t,s,r)+r:s},Ta=function(e,t,r,n){if(!r||r==="none"){var s=ht(t,e,1),a=s&&Ce(e,s,1);a&&a!==r?(t=s,r=a):t==="borderColor"&&(r=Ce(e,"borderTopColor"))}var o=new pe(this._pt,e.style,t,0,1,ei),l=0,u=0,c,h,p,m,_,f,g,x,v,b,w,y;if(o.b=r,o.e=n,r+="",n+="",n.substring(0,6)==="var(--"&&(n=Ce(e,n.substring(4,n.indexOf(")")))),n==="auto"&&(f=e.style[t],e.style[t]=n,n=Ce(e,t)||n,f?e.style[t]=f:Ke(e,t)),c=[r,n],Hn(c),r=c[0],n=c[1],p=r.match(nt)||[],y=n.match(nt)||[],y.length){for(;h=nt.exec(n);)g=h[0],v=n.substring(l,h.index),_?_=(_+1)%5:(v.substr(-5)==="rgba("||v.substr(-5)==="hsla(")&&(_=1),g!==(f=p[u++]||"")&&(m=parseFloat(f)||0,w=f.substr((m+"").length),g.charAt(1)==="="&&(g=it(m,g)+w),x=parseFloat(g),b=g.substr((x+"").length),l=nt.lastIndex-b.length,b||(b=b||ge.units[t]||w,l===n.length&&(n+=b,o.e+=b)),w!==b&&(m=Ue(e,t,f,b)||0),o._pt={_next:o._pt,p:v||u===1?v:",",s:m,c:x-m,m:_&&_<4||t==="zIndex"?Math.round:0});o.c=l<n.length?n.substring(l,n.length):""}else o.r=t==="display"&&n==="none"?li:oi;return hn.test(n)&&(o.e=0),this._pt=o,o},vi={top:"0%",bottom:"100%",left:"0%",right:"100%",center:"50%"},qa=function(e){var t=e.split(" "),r=t[0],n=t[1]||"50%";return(r==="top"||r==="bottom"||n==="left"||n==="right")&&(e=r,r=n,n=e),t[0]=vi[r]||r,t[1]=vi[n]||n,t.join(" ")},ja=function(e,t){if(t.tween&&t.tween._time===t.tween._dur){var r=t.t,n=r.style,s=t.u,a=r._gsap,o,l,u;if(s==="all"||s===!0)n.cssText="",l=1;else for(s=s.split(","),u=s.length;--u>-1;)o=s[u],Ae[o]&&(l=1,o=o==="transformOrigin"?_e:X),Ke(r,o);l&&(Ke(r,X),a&&(a.svg&&r.removeAttribute("transform"),n.scale=n.rotate=n.translate="none",Pt(r,1),a.uncache=1,ui(n)))}},nr={clearProps:function(e,t,r,n,s){if(s.data!=="isFromStart"){var a=e._pt=new pe(e._pt,t,r,0,0,ja);return a.u=n,a.pr=-10,a.tween=s,e._props.push(r),1}}},Nt=[1,0,0,1,0,0],xi={},yi=function(e){return e==="matrix(1, 0, 0, 1, 0, 0)"||e==="none"||!e},bi=function(e){var t=Ce(e,X);return yi(t)?Nt:t.substr(7).match(fn).map(J)},$r=function(e,t){var r=e._gsap||$e(e),n=e.style,s=bi(e),a,o,l,u;return r.svg&&e.getAttribute("transform")?(l=e.transform.baseVal.consolidate().matrix,s=[l.a,l.b,l.c,l.d,l.e,l.f],s.join(",")==="1,0,0,1,0,0"?Nt:s):(s===Nt&&!e.offsetParent&&e!==ct&&!r.svg&&(l=n.display,n.display="block",a=e.parentNode,(!a||!e.offsetParent&&!e.getBoundingClientRect().width)&&(u=1,o=e.nextElementSibling,ct.appendChild(e)),s=bi(e),l?n.display=l:Ke(e,"display"),u&&(o?a.insertBefore(e,o):a?a.appendChild(e):ct.removeChild(e))),t&&s.length>6?[s[0],s[1],s[4],s[5],s[12],s[13]]:s)},Yr=function(e,t,r,n,s,a){var o=e._gsap,l=s||$r(e,!0),u=o.xOrigin||0,c=o.yOrigin||0,h=o.xOffset||0,p=o.yOffset||0,m=l[0],_=l[1],f=l[2],g=l[3],x=l[4],v=l[5],b=t.split(" "),w=parseFloat(b[0])||0,y=parseFloat(b[1])||0,j,C,O,q;r?l!==Nt&&(C=m*g-_*f)&&(O=w*(g/C)+y*(-f/C)+(f*v-g*x)/C,q=w*(-_/C)+y*(m/C)-(m*v-_*x)/C,w=O,y=q):(j=mi(e),w=j.x+(~b[0].indexOf("%")?w/100*j.width:w),y=j.y+(~(b[1]||b[0]).indexOf("%")?y/100*j.height:y)),n||n!==!1&&o.smooth?(x=w-u,v=y-c,o.xOffset=h+(x*m+v*f)-x,o.yOffset=p+(x*_+v*g)-v):o.xOffset=o.yOffset=0,o.xOrigin=w,o.yOrigin=y,o.smooth=!!n,o.origin=t,o.originIsAbsolute=!!r,e.style[_e]="0px 0px",a&&(He(a,o,"xOrigin",u,w),He(a,o,"yOrigin",c,y),He(a,o,"xOffset",h,o.xOffset),He(a,o,"yOffset",p,o.yOffset)),e.setAttribute("data-svg-origin",w+" "+y)},Pt=function(e,t){var r=e._gsap||new Wn(e);if("x"in r&&!t&&!r.uncache)return r;var n=e.style,s=r.scaleX<0,a="px",o="deg",l=getComputedStyle(e),u=Ce(e,_e)||"0",c,h,p,m,_,f,g,x,v,b,w,y,j,C,O,q,E,F,D,R,H,V,z,U,ne,de,T,S,N,B,ee,ie;return c=h=p=f=g=x=v=b=w=0,m=_=1,r.svg=!!(e.getCTM&&_i(e)),l.translate&&((l.translate!=="none"||l.scale!=="none"||l.rotate!=="none")&&(n[X]=(l.translate!=="none"?"translate3d("+(l.translate+" 0 0").split(" ").slice(0,3).join(", ")+") ":"")+(l.rotate!=="none"?"rotate("+l.rotate+") ":"")+(l.scale!=="none"?"scale("+l.scale.split(" ").join(",")+") ":"")+(l[X]!=="none"?l[X]:"")),n.scale=n.rotate=n.translate="none"),C=$r(e,r.svg),r.svg&&(r.uncache?(ne=e.getBBox(),u=r.xOrigin-ne.x+"px "+(r.yOrigin-ne.y)+"px",U=""):U=!t&&e.getAttribute("data-svg-origin"),Yr(e,U||u,!!U||r.originIsAbsolute,r.smooth!==!1,C)),y=r.xOrigin||0,j=r.yOrigin||0,C!==Nt&&(F=C[0],D=C[1],R=C[2],H=C[3],c=V=C[4],h=z=C[5],C.length===6?(m=Math.sqrt(F*F+D*D),_=Math.sqrt(H*H+R*R),f=F||D?ft(D,F)*Qe:0,v=R||H?ft(R,H)*Qe+f:0,v&&(_*=Math.abs(Math.cos(v*dt))),r.svg&&(c-=y-(y*F+j*R),h-=j-(y*D+j*H))):(ie=C[6],B=C[7],T=C[8],S=C[9],N=C[10],ee=C[11],c=C[12],h=C[13],p=C[14],O=ft(ie,N),g=O*Qe,O&&(q=Math.cos(-O),E=Math.sin(-O),U=V*q+T*E,ne=z*q+S*E,de=ie*q+N*E,T=V*-E+T*q,S=z*-E+S*q,N=ie*-E+N*q,ee=B*-E+ee*q,V=U,z=ne,ie=de),O=ft(-R,N),x=O*Qe,O&&(q=Math.cos(-O),E=Math.sin(-O),U=F*q-T*E,ne=D*q-S*E,de=R*q-N*E,ee=H*E+ee*q,F=U,D=ne,R=de),O=ft(D,F),f=O*Qe,O&&(q=Math.cos(O),E=Math.sin(O),U=F*q+D*E,ne=V*q+z*E,D=D*q-F*E,z=z*q-V*E,F=U,V=ne),g&&Math.abs(g)+Math.abs(f)>359.9&&(g=f=0,x=180-x),m=J(Math.sqrt(F*F+D*D+R*R)),_=J(Math.sqrt(z*z+ie*ie)),O=ft(V,z),v=Math.abs(O)>2e-4?O*Qe:0,w=ee?1/(ee<0?-ee:ee):0),r.svg&&(U=e.getAttribute("transform"),r.forceCSS=e.setAttribute("transform","")||!yi(Ce(e,X)),U&&e.setAttribute("transform",U))),Math.abs(v)>90&&Math.abs(v)<270&&(s?(m*=-1,v+=f<=0?180:-180,f+=f<=0?180:-180):(_*=-1,v+=v<=0?180:-180)),t=t||r.uncache,r.x=c-((r.xPercent=c&&(!t&&r.xPercent||(Math.round(e.offsetWidth/2)===Math.round(-c)?-50:0)))?e.offsetWidth*r.xPercent/100:0)+a,r.y=h-((r.yPercent=h&&(!t&&r.yPercent||(Math.round(e.offsetHeight/2)===Math.round(-h)?-50:0)))?e.offsetHeight*r.yPercent/100:0)+a,r.z=p+a,r.scaleX=J(m),r.scaleY=J(_),r.rotation=J(f)+o,r.rotationX=J(g)+o,r.rotationY=J(x)+o,r.skewX=v+o,r.skewY=b+o,r.transformPerspective=w+a,(r.zOrigin=parseFloat(u.split(" ")[2])||!t&&r.zOrigin||0)&&(n[_e]=ir(u)),r.xOffset=r.yOffset=0,r.force3D=ge.force3D,r.renderTransform=r.svg?Oa:di?wi:Ca,r.uncache=0,r},ir=function(e){return(e=e.split(" "))[0]+" "+e[1]},Wr=function(e,t,r){var n=le(t);return J(parseFloat(t)+parseFloat(Ue(e,"x",r+"px",n)))+n},Ca=function(e,t){t.z="0px",t.rotationY=t.rotationX="0deg",t.force3D=0,wi(e,t)},et="0deg",Et="0px",tt=") ",wi=function(e,t){var r=t||this,n=r.xPercent,s=r.yPercent,a=r.x,o=r.y,l=r.z,u=r.rotation,c=r.rotationY,h=r.rotationX,p=r.skewX,m=r.skewY,_=r.scaleX,f=r.scaleY,g=r.transformPerspective,x=r.force3D,v=r.target,b=r.zOrigin,w="",y=x==="auto"&&e&&e!==1||x===!0;if(b&&(h!==et||c!==et)){var j=parseFloat(c)*dt,C=Math.sin(j),O=Math.cos(j),q;j=parseFloat(h)*dt,q=Math.cos(j),a=Wr(v,a,C*q*-b),o=Wr(v,o,-Math.sin(j)*-b),l=Wr(v,l,O*q*-b+b)}g!==Et&&(w+="perspective("+g+tt),(n||s)&&(w+="translate("+n+"%, "+s+"%) "),(y||a!==Et||o!==Et||l!==Et)&&(w+=l!==Et||y?"translate3d("+a+", "+o+", "+l+") ":"translate("+a+", "+o+tt),u!==et&&(w+="rotate("+u+tt),c!==et&&(w+="rotateY("+c+tt),h!==et&&(w+="rotateX("+h+tt),(p!==et||m!==et)&&(w+="skew("+p+", "+m+tt),(_!==1||f!==1)&&(w+="scale("+_+", "+f+tt),v.style[X]=w||"translate(0, 0)"},Oa=function(e,t){var r=t||this,n=r.xPercent,s=r.yPercent,a=r.x,o=r.y,l=r.rotation,u=r.skewX,c=r.skewY,h=r.scaleX,p=r.scaleY,m=r.target,_=r.xOrigin,f=r.yOrigin,g=r.xOffset,x=r.yOffset,v=r.forceCSS,b=parseFloat(a),w=parseFloat(o),y,j,C,O,q;l=parseFloat(l),u=parseFloat(u),c=parseFloat(c),c&&(c=parseFloat(c),u+=c,l+=c),l||u?(l*=dt,u*=dt,y=Math.cos(l)*h,j=Math.sin(l)*h,C=Math.sin(l-u)*-p,O=Math.cos(l-u)*p,u&&(c*=dt,q=Math.tan(u-c),q=Math.sqrt(1+q*q),C*=q,O*=q,c&&(q=Math.tan(c),q=Math.sqrt(1+q*q),y*=q,j*=q)),y=J(y),j=J(j),C=J(C),O=J(O)):(y=h,O=p,j=C=0),(b&&!~(a+"").indexOf("px")||w&&!~(o+"").indexOf("px"))&&(b=Ue(m,"x",a,"px"),w=Ue(m,"y",o,"px")),(_||f||g||x)&&(b=J(b+_-(_*y+f*C)+g),w=J(w+f-(_*j+f*O)+x)),(n||s)&&(q=m.getBBox(),b=J(b+n/100*q.width),w=J(w+s/100*q.height)),q="matrix("+y+","+j+","+C+","+O+","+b+","+w+")",m.setAttribute("transform",q),v&&(m.style[X]=q)},Sa=function(e,t,r,n,s){var a=360,o=re(s),l=parseFloat(s)*(o&&~s.indexOf("rad")?Qe:1),u=l-n,c=n+u+"deg",h,p;return o&&(h=s.split("_")[1],h==="short"&&(u%=a,u!==u%(a/2)&&(u+=u<0?a:-a)),h==="cw"&&u<0?u=(u+a*ai)%a-~~(u/a)*a:h==="ccw"&&u>0&&(u=(u-a*ai)%a-~~(u/a)*a)),e._pt=p=new pe(e._pt,t,r,n,u,da),p.e=c,p.u="deg",e._props.push(r),p},Ti=function(e,t){for(var r in t)e[r]=t[r];return e},ka=function(e,t,r){var n=Ti({},r._gsap),s="perspective,force3D,transformOrigin,svgOrigin",a=r.style,o,l,u,c,h,p,m,_;n.svg?(u=r.getAttribute("transform"),r.setAttribute("transform",""),a[X]=t,o=Pt(r,1),Ke(r,X),r.setAttribute("transform",u)):(u=getComputedStyle(r)[X],a[X]=t,o=Pt(r,1),a[X]=u);for(l in Ae)u=n[l],c=o[l],u!==c&&s.indexOf(l)<0&&(m=le(u),_=le(c),h=m!==_?Ue(r,l,u,_):parseFloat(u),p=parseFloat(c),e._pt=new pe(e._pt,o,l,h,p-h,Vr),e._pt.u=_||0,e._props.push(l));Ti(o,n)};he("padding,margin,Width,Radius",function(i,e){var t="Top",r="Right",n="Bottom",s="Left",a=(e<3?[t,r,n,s]:[t+s,t+r,n+r,n+s]).map(function(o){return e<2?i+o:"border"+o+i});nr[e>1?"border"+i:i]=function(o,l,u,c,h){var p,m;if(arguments.length<4)return p=a.map(function(_){return Re(o,_,u)}),m=p.join(" "),m.split(p[0]).length===5?p[0]:m;p=(c+"").split(" "),m={},a.forEach(function(_,f){return m[_]=p[f]=p[f]||p[(f-1)/2|0]}),o.init(l,m,h)}});var qi={name:"css",register:Ur,targetTest:function(e){return e.style&&e.nodeType},init:function(e,t,r,n,s){var a=this._props,o=e.style,l=r.vars.startAt,u,c,h,p,m,_,f,g,x,v,b,w,y,j,C,O;Lr||Ur(),this.styles=this.styles||ci(e),O=this.styles.props,this.tween=r;for(f in t)if(f!=="autoRound"&&(c=t[f],!(xe[f]&&Xn(f,t,r,n,e,s)))){if(m=typeof c,_=nr[f],m==="function"&&(c=c.call(r,n,e,s),m=typeof c),m==="string"&&~c.indexOf("random(")&&(c=qt(c)),_)_(this,e,f,c,r)&&(C=1);else if(f.substr(0,2)==="--")u=(getComputedStyle(e).getPropertyValue(f)+"").trim(),c+="",ze.lastIndex=0,ze.test(u)||(g=le(u),x=le(c)),x?g!==x&&(u=Ue(e,f,u,x)+x):g&&(c+=g),this.add(o,"setProperty",u,c,n,s,0,0,f),a.push(f),O.push(f,0,o[f]);else if(m!=="undefined"){if(l&&f in l?(u=typeof l[f]=="function"?l[f].call(r,n,e,s):l[f],re(u)&&~u.indexOf("random(")&&(u=qt(u)),le(u+"")||u==="auto"||(u+=ge.units[f]||le(Re(e,f))||""),(u+"").charAt(1)==="="&&(u=Re(e,f))):u=Re(e,f),p=parseFloat(u),v=m==="string"&&c.charAt(1)==="="&&c.substr(0,2),v&&(c=c.substr(2)),h=parseFloat(c),f in Ne&&(f==="autoAlpha"&&(p===1&&Re(e,"visibility")==="hidden"&&h&&(p=0),O.push("visibility",0,o.visibility),He(this,o,"visibility",p?"inherit":"hidden",h?"inherit":"hidden",!h)),f!=="scale"&&f!=="transform"&&(f=Ne[f],~f.indexOf(",")&&(f=f.split(",")[0]))),b=f in Ae,b){if(this.styles.save(f),m==="string"&&c.substring(0,6)==="var(--"&&(c=Ce(e,c.substring(4,c.indexOf(")"))),h=parseFloat(c)),w||(y=e._gsap,y.renderTransform&&!t.parseTransform||Pt(e,t.parseTransform),j=t.smoothOrigin!==!1&&y.smooth,w=this._pt=new pe(this._pt,o,X,0,1,y.renderTransform,y,0,-1),w.dep=1),f==="scale")this._pt=new pe(this._pt,y,"scaleY",y.scaleY,(v?it(y.scaleY,v+h):h)-y.scaleY||0,Vr),this._pt.u=0,a.push("scaleY",f),f+="X";else if(f==="transformOrigin"){O.push(_e,0,o[_e]),c=qa(c),y.svg?Yr(e,c,0,j,0,this):(x=parseFloat(c.split(" ")[2])||0,x!==y.zOrigin&&He(this,y,"zOrigin",y.zOrigin,x),He(this,o,f,ir(u),ir(c)));continue}else if(f==="svgOrigin"){Yr(e,c,1,j,0,this);continue}else if(f in xi){Sa(this,y,f,p,v?it(p,v+c):c);continue}else if(f==="smoothOrigin"){He(this,y,"smooth",y.smooth,c);continue}else if(f==="force3D"){y[f]=c;continue}else if(f==="transform"){ka(this,c,e);continue}}else f in o||(f=ht(f)||f);if(b||(h||h===0)&&(p||p===0)&&!ca.test(c)&&f in o)g=(u+"").substr((p+"").length),h||(h=0),x=le(c)||(f in ge.units?ge.units[f]:g),g!==x&&(p=Ue(e,f,u,x)),this._pt=new pe(this._pt,b?y:o,f,p,(v?it(p,v+h):h)-p,!b&&(x==="px"||f==="zIndex")&&t.autoRound!==!1?ha:Vr),this._pt.u=x||0,g!==x&&x!=="%"&&(this._pt.b=u,this._pt.r=fa);else if(f in o)Ta.call(this,e,f,u,v?v+c:c);else if(f in e)this.add(e,f,u||e[f],v?v+c:c,n,s);else if(f!=="parseTransform"){_r(f,c);continue}b||(f in o?O.push(f,0,o[f]):typeof e[f]=="function"?O.push(f,2,e[f]()):O.push(f,1,u||e[f])),a.push(f)}}C&&ti(this)},render:function(e,t){if(t.tween._time||!zr())for(var r=t._pt;r;)r.r(e,r.d),r=r._next;else t.styles.revert()},get:Re,aliases:Ne,getSetter:function(e,t,r){var n=Ne[t];return n&&n.indexOf(",")<0&&(t=n),t in Ae&&t!==_e&&(e._gsap.x||Re(e,"x"))?r&&si===r?t==="scale"?ga:_a:(si=r||{})&&(t==="scale"?va:xa):e.style&&!cr(e.style[t])?pa:~t.indexOf("-")?ma:Rr(e,t)},core:{_removeProperty:Ke,_getMatrix:$r}};me.utils.checkPrefix=ht,me.core.getStyleSaver=ci,(function(i,e,t,r){var n=he(i+","+e+","+t,function(s){Ae[s]=1});he(e,function(s){ge.units[s]="deg",xi[s]=1}),Ne[n[13]]=i+","+e,he(r,function(s){var a=s.split(":");Ne[a[1]]=n[a[0]]})})("x,y,z,scale,scaleX,scaleY,xPercent,yPercent","rotation,rotationX,rotationY,skewX,skewY","transform,transformOrigin,svgOrigin,force3D,smoothOrigin,transformPerspective","0:translateX,1:translateY,2:translateZ,8:rotate,8:rotationZ,8:rotateZ,9:rotateX,10:rotateY"),he("x,y,z,top,right,bottom,left,width,height,fontSize,padding,margin,perspective",function(i){ge.units[i]="px"}),me.registerPlugin(qi);var De=me.registerPlugin(qi)||me;De.core.Tween;const sr=(i,e,t,r)=>e&&(Array.isArray(e)?e.length>0:e)?i.to(e,t,r):i,Na=(i,e,t)=>{Ni.useGSAP(()=>{if(!i.current)return;const r=De.timeline({defaults:{duration:.7,ease:"power1.out"}}),n={navbar:i.current,navLabels:De.utils.toArray(".nav-label"),navIconWrappers:De.utils.toArray(".nav-icon-wrapper"),navIcons:De.utils.toArray(".nav-icon"),navLinkItems:De.utils.toArray(".nav-link-item"),logoutButton:document.querySelector(".logout-button"),logoutLabel:document.querySelector(".logout-label"),logoutIcon:document.querySelector(".logout-icon"),profileContainer:document.querySelector(".profile-container"),profileName:document.querySelector(".profile-name"),profileOptions:document.querySelector(".profile-options"),profileImageWrapper:document.querySelector(".profile-image-wrapper"),coverImageProfile:document.querySelector(".cover-image-profile"),navContentWrapper:document.querySelector(".nav-content-wrapper-active"),buttonCrevron:document.querySelector(".button-select-crevron"),separatorProfile:document.querySelector(".border-separator-profile"),buttonProfile:document.querySelector(".button-profile"),profileUserInfo:document.querySelector(".profile-user-info"),buttonContentChevron:document.querySelector(".button-content-chevron"),logo:{contenedor:document.querySelector(".container-logo"),icon:document.querySelector(".icon-logo"),text:document.querySelector(".text-logo")},sidebarHeader:document.querySelector(".sidebar-header"),containerIconcollapsade:document.querySelector(".container-icon-collapsade"),secondaryBar:document.querySelector(".secondary-bar"),secondaryBarContent:De.utils.toArray(".secondary-bar *")};e?Pa(r,n):Ea(r,n),t!==void 0&&n.secondaryBar&&Ma(n.secondaryBar,t)},{scope:i,dependencies:[e,t]})},Pa=(i,e)=>{i.to(e.navbar,{width:"6rem",duration:.2,ease:"bounce.out"}).to(e.logo.contenedor,{width:48,duration:.2}).to(e.logo.text,{opacity:0,scale:.8,duration:.5,ease:"back.in(1.2)"},-1).set(e.logo.text,{display:"none"}).to(e.sidebarHeader,{justifyContent:"center",display:"flex"},-1).to(e.logo.icon,{keyframes:{"0%":{scale:1},"33%":{scale:1.5},"66%":{scale:.5},"100%":{scale:1}},duration:.6,ease:"power1.inOut"}).to(e.navLinkItems,{justifyContent:"center",alignItems:"center",width:"3rem",height:"3rem",display:"flex"},-1).to(e.navLabels,{opacity:0,width:30,marginLeft:0},0).to(e.navIcons,{scale:.95,ease:"elastic.out(1, 0.3)"},0),sr(i,e.buttonCrevron,{width:0,opacity:0,duration:.7,ease:"power1.out",onComplete:()=>{e.buttonCrevron.style.display="none"}},0),sr(i,e.buttonContentChevron,{display:"none"},-1).to(e.separatorProfile,{display:"none"},-1).to(e.profileUserInfo,{display:"none"},-1).to(e.navLinkItems,{borderRadius:"8px",duration:.7,ease:"power1.out"},.8).to(e.buttonProfile,{height:"3rem",width:"3rem",margin:0,padding:0,duration:.3,ease:"power2.out",display:"flex",justifyContent:"center",alignItems:"center"},-1).to(e.containerIconcollapsade,{justifyContent:"center",marginRight:0},"=-1")},Ea=(i,e)=>{i.to(e.navbar,{width:"20rem"},-1).to(e.navLinkItems,{borderRadius:"10px",duration:.3,width:"100%",justifyContent:"flex-start"},-1),sr(i,e.buttonCrevron,{width:"auto",opacity:1,duration:0,ease:"power1.out",onComplete:()=>{e.buttonCrevron.style.display="flex"}},0),sr(i,e.buttonContentChevron,{display:"flex"},0).to(e.logo.contenedor,{width:185},-1).set(e.logo.text,{display:"flex"},-1).to(e.logo.text,{opacity:1,duration:0,ease:"back.in(1)"}).to(e.logo.icon,{keyframes:{"0%":{scale:1},"33%":{scale:1.5},"66%":{scale:.5},"100%":{scale:1}},duration:.3,ease:"power1.inOut"}).to(e.sidebarHeader,{justifyContent:"start",display:"flex"},-1).to(e.containerIconcollapsade,{justifyContent:"end",marginRight:20},-1).to(e.separatorProfile,{display:"flex"},0).to(e.profileUserInfo,{display:"flex"},-1).to(e.buttonProfile,{borderTopLeftRadius:"0.375rem",borderBottomLeftRadius:"0.375rem",borderTopRightRadius:"0",borderBottomRightRadius:"0",duration:0},-1).to(e.separatorProfile,{display:"flex"},0).to(e.navLabels,{opacity:1,width:"auto",scaleX:1},0).to(e.navIcons,{scale:1},.3)},Ma=(i,e)=>{e?De.fromTo(i,{x:"-100%",opacity:0},{x:"0%",opacity:1,duration:.4,ease:"power2.out"}):De.to(i,{x:"-100%",opacity:0,duration:.3,ease:"power2.in"})},ji=({children:i,defaultCollapsed:e=!1,className:t="",secondaryBar:r,isSecondaryBarOpen:n=!0})=>{const[s,a]=I.useState(e),o=I.useRef(null);Na(o,s,n);const u={isCollapsed:s,setIsCollapsed:a,navbarRef:o,toggleCollapse:()=>{a(!s)}};return d.jsx(ln.Provider,{value:u,children:d.jsxs("div",{className:"flex flex-row",children:[d.jsx("div",{ref:o,className:`bg-neutral-default-default overflow-hidden h-screen flex flex-col border-r border-neutral-strong-default transition-all duration-300 relative z-20 ${s?"w-16":"w-64"} ${t}`,children:i}),d.jsx(or,{isOpen:n,children:r})]})})},Aa=Object.assign(ji,{Root:ji,CollapseButton:()=>{const{isCollapsed:i,toggleCollapse:e}=Ht();return d.jsx("div",{className:k("flex  mt-5 mb-4 justify-end mr-5 container-icon-collapsade",i&&""),children:d.jsx("button",{onClick:e,title:i?"Expandir Navbar":"Contraer Navbar","aria-label":i?"Expandir Navbar":"Contraer Navbar",className:"cursor-pointer text-neutral-default-default hover:text-primary-default transition-colors duration-300",children:i?d.jsx(ae.CloseNavBarDesktop,{size:24,className:"rotate-180 transition-transform duration-300"}):d.jsx(ae.CloseNavBarDesktop,{size:24,className:"rotate-0 transition-transform duration-300"})})})},Header:({children:i,className:e})=>d.jsx("div",{className:`${e} sidebar-header`,children:i}),Divider:({className:i})=>d.jsx("div",{className:k("px-3 flex justify-center items-center w-full mb-4",i),children:d.jsx("div",{className:"border-b border-neutral-strong-default border-1 w-full"})}),Content:({children:i,className:e})=>d.jsx("div",{className:e,children:i}),Spacer:({className:i,size:e="auto"})=>{const t=()=>{switch(e){case"auto":return"flex-grow";case"small":return"h-2 w-2";case"medium":return"h-4 w-4";case"large":return"h-8 w-8"}};return d.jsx("div",{className:k(t(),i)})},Footer:({children:i,className:e})=>d.jsx("div",{className:e,children:i}),SecondaryBar:or}),Ra=({children:i,icon:e,label:t,href:r,onClick:n,isActive:s=!1,className:a})=>{const o=r?"a":"button";return d.jsxs(o,{href:r,onClick:n,className:k("nav-link-item","flex items-center w-full px-3 py-2 text-left","hover:bg-neutral-medium-default transition-colors rounded-lg","focus:outline-none focus:ring-2 focus:ring-primary-default-default",s&&"bg-neutral-medium-default",a),children:[e&&d.jsx("div",{className:"nav-icon-wrapper mr-3 flex-shrink-0",children:d.jsx("div",{className:"nav-icon flex items-center justify-center w-5 h-5",children:e})}),t&&d.jsx("span",{className:"nav-label text-sm text-neutral-strong-default",children:t}),i]})},Da=({user:i,className:e,onProfileClick:t})=>{const{isCollapsed:r}=Ht(),[n,s]=I.useState(!1),a=()=>{r?t?.():s(!n)};return d.jsxs("div",{className:k("profile-container",e),children:[d.jsxs("button",{onClick:a,className:k("button-profile","flex items-center w-full p-3 text-left","hover:bg-neutral-medium-default transition-colors rounded-lg","focus:outline-none focus:ring-2 focus:ring-primary-default-default"),children:[d.jsx("div",{className:"profile-image-wrapper flex-shrink-0 mr-3",children:d.jsx("div",{className:"cover-image-profile w-10 h-10 rounded-full bg-primary-default-default flex items-center justify-center text-white text-sm font-semibold",children:i.profileImage?d.jsx("img",{src:i.profileImage,alt:i.name,className:"w-full h-full rounded-full object-cover"}):i.name.charAt(0).toUpperCase()})}),d.jsxs("div",{className:"profile-user-info flex-1 min-w-0",children:[d.jsx("div",{className:"profile-name text-sm font-medium text-neutral-strong-default truncate",children:i.name}),d.jsx("div",{className:"text-xs text-neutral-medium-default truncate",children:i.email})]}),d.jsx("div",{className:"button-content-chevron ml-2 flex-shrink-0",children:d.jsx("div",{className:"button-select-crevron w-4 h-4 text-neutral-medium-default",children:n?"▲":"▼"})})]}),n&&!r&&d.jsx("div",{className:"profile-options mt-2 pl-3 space-y-1",children:d.jsxs("button",{className:"logout-button flex items-center w-full px-3 py-2 text-left text-sm text-neutral-strong-default hover:bg-neutral-medium-default rounded-lg",children:[d.jsx("span",{className:"logout-icon mr-2",children:"🚪"}),d.jsx("span",{className:"logout-label",children:"Cerrar sesión"})]})}),d.jsx("div",{className:"border-separator-profile mt-3 border-t border-neutral-strong-default"})]})},Fa=({count:i,maxCount:e=9,className:t="",size:r="medium",variant:n="primary",showZero:s=!1})=>{const a=i,o=a>e?`+${e}`:a;if(a===0&&!s)return null;const l={small:"w-4 h-4 text-xs",medium:"w-5 h-5 text-xs",large:"w-6 h-6 text-sm"},u={primary:"bg-primary-default-default text-neutral-strong-default",secondary:"bg-neutral-medium-default text-neutral-strong-default",success:"bg-green-500 text-white",warning:"bg-yellow-500 text-black",danger:"bg-red-500 text-white"};return d.jsx("div",{className:k("rounded-full flex items-center justify-center font-medium",l[r],u[n],t),children:d.jsx("span",{children:o})})},Ia=({linkActions:i,componentBadge:e,onClick:t,activeAction:r,counts:n={}})=>{const{isCollapsed:s}=Ht();return d.jsx("nav",{className:"flex flex-col gap-1",children:i?.map((a,o)=>a.viewAccess()&&d.jsx(A.motion.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.4,delay:o*.03,ease:"easeOut"},className:"relative flex justify-center w-full items-center px-3",children:d.jsxs("button",{onClick:()=>{t?.(a.action,s)},className:k("nav-link-item flex rounded-lg cursor-pointer relative overflow-hidden  h-10 ","transition-all duration-300 ease-out w-full","group hover:bg-neutral-medium-selected",r===a.action?"text-primary-default-default bg-neutral-medium-selected":"text-neutral-default-default"),children:[d.jsx(A.AnimatePresence,{mode:"wait",children:r===a.action&&d.jsx(A.motion.div,{layoutId:"nav-active-bg",className:"absolute inset-0 bg-neutral-medium-selected rounded-lg",initial:!1,animate:{opacity:1},exit:{opacity:0},transition:{type:"tween",duration:.25,ease:"easeInOut"}})}),d.jsxs(A.motion.div,{className:"nav-content-wrapper flex items-center justify-between gap-3 px-3 relative z-10 w-full",animate:{x:(r===a.action,0)},transition:{duration:.25,ease:"easeOut"},children:[d.jsxs("div",{className:"flex items-center gap-3",children:[d.jsx(A.motion.div,{className:"nav-icon-wrapper flex items-center justify-center flex-shrink-0",animate:{scale:r===a.action?1.05:1},transition:{duration:.25,ease:"easeOut"},children:typeof a.icon=="function"?a.icon({size:24,className:k("nav-icon transition-colors duration-250 ease-out",r===a.action?"text-primary-default-default":"text-neutral-default-default group-hover:text-white-prometeo")}):null}),d.jsx("span",{className:"nav-label whitespace-nowrap text-sm font-semibold ",children:a.title})]}),e&&typeof e=="function"&&n[a.action]&&n[a.action]>0&&e(n[a.action])]})]})},o))})},Za=({links:i,isLinkActive:e,componentBadge:t,onLinkClick:r})=>d.jsx("nav",{className:"flex flex-col gap-1",children:i?.map((n,s)=>{const a=e(n.path)||(n.relatedPaths?.some(o=>e(o))??!1);return n.isView&&n.viewAccess()&&d.jsx(A.motion.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.4,delay:s*.03,ease:"easeOut"},className:"relative flex justify-center w-full items-center px-3",children:d.jsxs("button",{onClick:()=>{r?.(n.path)},className:k("nav-link-item flex rounded-lg cursor-pointer relative overflow-hidden  h-10 ","transition-all duration-300 ease-out w-full","group hover:bg-neutral-medium-selected",a?"text-primary-default-default bg-neutral-medium-selected":"text-neutral-default-default"),children:[d.jsx(A.AnimatePresence,{mode:"wait",children:a&&d.jsx(A.motion.div,{layoutId:"nav-active-bg",className:"absolute inset-0 bg-neutral-medium-selected rounded-lg",initial:!1,animate:{opacity:1},exit:{opacity:0},transition:{type:"tween",duration:.25,ease:"easeInOut"}})}),d.jsxs(A.motion.div,{className:"nav-content-wrapper flex items-center justify-between gap-3 px-3 relative z-10 w-full",animate:{x:0},transition:{duration:.25,ease:"easeOut"},children:[d.jsxs("div",{className:"flex items-center gap-3",children:[d.jsx(A.motion.div,{className:"nav-icon-wrapper flex items-center justify-center flex-shrink-0",animate:{scale:a?1.05:1},transition:{duration:.25,ease:"easeOut"},children:typeof n.icon=="function"?n.icon({size:24,className:k("nav-icon transition-colors duration-250 ease-out",a?"text-primary-default-default":"text-neutral-default-default group-hover:text-white-prometeo")}):null}),d.jsx("span",{className:"nav-label whitespace-nowrap text-sm font-semibold ",children:n.title})]}),t&&n.count&&n.count>0&&t(n.count)]})]})},s)})}),La=({isActiveModalNotification:i,setIsActiveModalNotification:e})=>({handleNotificationClick:()=>{e(!0)},isActiveModalNotification:i}),za=i=>{const e=I.useRef(null);return{isCollapsed:i,navbarRef:e}},Ba=({isCollapsed:i,onToggle:e})=>d.jsx("div",{className:"",children:d.jsx("button",{onClick:e,title:i?"Expandir Navbar":"Contraer Navbar","aria-label":i?"Expandir Navbar":"Contraer Navbar",className:"cursor-pointer text-neutral-default-default hover:text-primary-default transition-colors duration-300",children:i?d.jsx(ae.CloseNavBarDesktop,{size:34,className:"rotate-180 transition-transform duration-300"}):d.jsx(ae.CloseNavBarDesktop,{size:34,className:"rotate-0 transition-transform duration-300"})})}),Va=({logoUrl:i,companyName:e})=>d.jsx("div",{className:"w-full flex justify-center items-center p-2 h-20",children:d.jsx("img",{src:i,className:"h-2/3 rounded-full",alt:e??""})}),Ha=(i,e=!0)=>{const t=I.useRef(null);return I.useEffect(()=>{if(!e)return;const r=n=>{t.current&&!t.current.contains(n.target)&&i()};return document.addEventListener("mousedown",r,{capture:!0}),document.addEventListener("touchstart",r,{capture:!0}),()=>{document.removeEventListener("mousedown",r,{capture:!0}),document.removeEventListener("touchstart",r,{capture:!0})}},[i,e]),t};P.Avatar=rn,P.Badge=Fa,P.Button=Di,P.CardProfile=Rt,P.ChangueAccount=an,P.CheckboxFormik=Fi,P.CompanyLogo=Va,P.Header=Zi,P.Icons=ae,P.Input=ls,P.InputFormik=us,P.LayoutGeneric=ms,P.Logo=cs,P.Menu=ds,P.NavBarActions=Ia,P.NavbarCollapseButton=Ba,P.NavbarLinks=Za,P.NavigationLink=Ra,P.Pagination=fs,P.ProfileSection=Da,P.SecondaryBar=or,P.Select=ps,P.Sidebar=Aa,P.Spinner=ar,P.useActionsNavbar=La,P.useClickOutside=Ha,P.useNavbarCollapse=za,P.useSidebar=Ht,Object.defineProperty(P,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "1.1.9",
+  "version": "1.2.0",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",