@hari_digitus/sms-ui-library 7.0.0 → 7.0.2

package/dist/SideNavBar.cjs.js

@@ -27,4 +27,4 @@ Check the top-level render call using <`+n+">.")}return r}}function Ne(e,r){{if(
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,je,L,fr,L),De[L+je]=!0}}return e===C?sr(d):ir(d),d}}function or(e,r,n){return Ae(e,r,n,!0)}function lr(e,r,n){return Ae(e,r,n,!1)}var ur=lr,cr=or;K.Fragment=C,K.jsx=ur,K.jsxs=cr})()),K}var $e;function hr(){return $e||($e=1,process.env.NODE_ENV==="production"?oe.exports=pr():oe.exports=vr()),oe.exports}var t=hr();const We=O.createContext(null),mr=({children:w})=>{const[P,m]=O.useState(!0),[C,k]=O.useState(null),N=()=>{m(x=>!x),k(null)},I=x=>{k(p=>p===x?null:x)};return t.jsx(We.Provider,{value:{isExpanded:P,toggleSidebar:N,openSubmenu:C,toggleSubmenu:I},children:w})},Me=()=>{const w=O.useContext(We);if(!w)throw new Error("useSidebar must be used inside <SidebarProvider>");return w},xr=()=>t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:[t.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20.3334 7C20.3334 7.55228 20.0072 8 19.6048 8L4.06194 8C3.65957 8 3.33337 7.55228 3.33337 7C3.33337 6.44772 3.65957 6 4.06194 6L19.6048 6C20.0072 6 20.3334 6.44772 20.3334 7Z",fill:"white"}),t.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20.3334 12C20.3334 12.5523 20.0072 13 19.6048 13L4.06194 13C3.65957 13 3.33337 12.5523 3.33337 12C3.33337 11.4477 3.65957 11 4.06194 11L19.6048 11C20.0072 11 20.3334 11.4477 20.3334 12Z",fill:"white"}),t.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20.3334 17C20.3334 17.5523 20.0072 18 19.6048 18L4.06194 18C3.65957 18 3.33337 17.5523 3.33337 17C3.33337 16.4477 3.65957 16 4.06194 16L19.6048 16C20.0072 16 20.3334 16.4477 20.3334 17Z",fill:"white"})]}),gr=()=>t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),t.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]}),br=()=>t.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("circle",{cx:"12",cy:"12",r:"10"}),t.jsx("path",{d:"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"}),t.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}),jr=()=>t.jsxs("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",children:[t.jsx("rect",{width:"32",height:"32",rx:"8",fill:"currentColor",opacity:"0.15"}),t.jsx("circle",{cx:"16",cy:"16",r:"6",fill:"currentColor"})]}),yr=()=>t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"}),t.jsx("polyline",{points:"16 17 21 12 16 7"}),t.jsx("line",{x1:"21",y1:"12",x2:"9",y2:"12"})]}),Er=({config:w})=>{const{navItems:P,user:m,createButtonRoles:C,createButtonLabel:k="Create",createButtonPath:N,brandName:I="Amphenol",brandSubtitle:x="COMMUNICATION SOLUTIONS",logo:p,helpLabel:D="Help Center",helpIcon:g,onSignOut:R,onNavigate:S,className:$=""}=w,{isExpanded:E,toggleSidebar:G,openSubmenu:Y,toggleSubmenu:F}=Me(),[v,le]=O.useState(window.location.pathname),[ue,z]=O.useState(!1),[ce,X]=O.useState(!1);O.useEffect(()=>{const u=()=>le(window.location.pathname);return window.addEventListener("popstate",u),()=>window.removeEventListener("popstate",u)},[]);const U=(u,j)=>{u.preventDefault(),j&&(S?S(j):(window.history.pushState({},"",j),window.dispatchEvent(new PopStateEvent("popstate"))))},B=()=>m.email?m.email.split("@")[0]:"User",Z=()=>m.email?m.email.charAt(0).toUpperCase():"U",fe=()=>{R?R():window.location.href="/c/portal/logout"},Q=!C||C.includes(m.role),T=P.reduce((u,j)=>{const A=j.section||"GENERAL";return u[A]||(u[A]=[]),u[A].push(j),u},{});return t.jsxs("aside",{style:{backgroundColor:"#0f172a"},className:`rdr-sidebar ${E?"expanded":"collapsed"} ${$}`,children:[t.jsxs("div",{className:"sidebar-header",children:[t.jsxs("div",{className:"logo-section",onClick:G,children:[t.jsx("span",{className:"logo-icon ",style:{color:"var(--sidebar-accent)",marginTop:"15px"},children:p??t.jsx(jr,{})}),E&&t.jsxs("div",{className:"brand-text",children:[t.jsx("h2",{children:I}),x&&t.jsx("span",{children:x})]})]}),E&&t.jsx("button",{className:"menu-toggle",onClick:G,"aria-label":"Collapse sidebar",children:t.jsx(xr,{})})]}),Q&&N&&t.jsx("div",{className:"sidebar-actions",children:t.jsxs("button",{className:"sidebar-create-btn",style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",width:"100%",height:"44px",padding:"0 16px",borderRadius:"10px",border:"none",outline:"none",boxShadow:"none",cursor:"pointer",fontSize:"14px",fontWeight:600,color:"#fff",background:ce?"#149B6E":"#18B885",transition:"background-color 0.2s ease"},onMouseEnter:()=>X(!0),onMouseLeave:()=>X(!1),onClick:u=>U(u,N),children:[t.jsx(gr,{}),E&&t.jsx("span",{children:k})]})}),t.jsx("div",{className:"sidebar-nav",children:Object.entries(T).map(([u,j])=>{const A=j.filter(c=>!c.roles||c.roles.includes(m.role));return A.length?t.jsxs("div",{className:"nav-section",style:{listStyleType:"none"},children:[E&&t.jsx("h4",{className:"section-title",children:u}),t.jsx("ul",{className:"nav-items",children:A.map(c=>{var V,q;const ee=(V=c.subItems)==null?void 0:V.some(h=>h.path&&v.includes(h.path)),re=c.path?v===c.path:!1;return t.jsx("li",{children:(q=c.subItems)!=null&&q.length?t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:`nav-item ${Y===c.name||ee?"active":""}`,"data-label":c.name,onClick:()=>F(c.name),children:[t.jsx("span",{className:"nav-icon",children:c.icon}),E&&t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"nav-text",children:c.name}),t.jsx("span",{className:"submenu-arrow",children:Y===c.name?"−":"+"})]})]}),E&&Y===c.name&&t.jsx("ul",{className:"submenu",children:c.subItems.map(h=>{const te=h.path?v===h.path:!1;return t.jsx("li",{children:t.jsxs("a",{href:h.path||"/",onClick:de=>U(de,h.path),className:`submenu-item ${te?"active-sub":""}`,children:[h.icon&&t.jsx("span",{className:"submenu-icon",children:h.icon}),t.jsx("span",{children:h.name})]})},h.name)})})]}):t.jsxs("a",{href:c.path||"/","data-label":c.name,onClick:h=>U(h,c.path),className:`nav-item ${re?"active":""}`,children:[t.jsx("span",{className:"nav-icon",children:c.icon}),E&&t.jsx("span",{className:"nav-text",children:c.name})]})},c.name)})})]},u):null})}),t.jsxs("div",{className:"sidebar-footer",children:[t.jsxs("div",{className:"footer-link","data-label":D,children:[t.jsx("span",{children:g??t.jsx(br,{})}),E&&t.jsx("span",{children:D})]}),t.jsxs("div",{className:"user-profile-wrapper",children:[t.jsxs("div",{className:"user-profile",onClick:()=>z(u=>!u),children:[t.jsx("div",{className:"avatar",children:Z()}),E&&t.jsxs("div",{className:"user-info",children:[t.jsx("div",{className:"user-name",children:B()}),t.jsx("div",{className:"user-role",children:m.roleName})]})]}),ue&&t.jsxs("div",{className:"profile-popup",children:[t.jsx("button",{className:"popup-close",onClick:()=>z(!1),"aria-label":"Close",children:"✕"}),t.jsxs("div",{className:"popup-header",children:[t.jsx("div",{className:"popup-avatar",children:Z()}),t.jsxs("div",{className:"popup-user-details",children:[t.jsx("div",{className:"popup-name",children:B()}),t.jsx("div",{className:"popup-role",children:m.roleName}),t.jsx("div",{className:"popup-email",children:m.email})]})]}),t.jsx("div",{className:"popup-divider"}),t.jsxs("button",{className:"signout-btn",onClick:fe,children:[t.jsx(yr,{}),t.jsx("span",{children:"Sign Out"})]})]})]})]})]})};exports.SideNavbar=Er;exports.SidebarProvider=mr;exports.useSidebar=Me;
+  <%s key={someKey} {...props} />`,je,L,fr,L),De[L+je]=!0}}return e===C?sr(d):ir(d),d}}function or(e,r,n){return Ae(e,r,n,!0)}function lr(e,r,n){return Ae(e,r,n,!1)}var ur=lr,cr=or;K.Fragment=C,K.jsx=ur,K.jsxs=cr})()),K}var $e;function hr(){return $e||($e=1,process.env.NODE_ENV==="production"?oe.exports=pr():oe.exports=vr()),oe.exports}var t=hr();const We=O.createContext(null),mr=({children:w})=>{const[P,m]=O.useState(!0),[C,k]=O.useState(null),N=()=>{m(x=>!x),k(null)},I=x=>{k(p=>p===x?null:x)};return t.jsx(We.Provider,{value:{isExpanded:P,toggleSidebar:N,openSubmenu:C,toggleSubmenu:I},children:w})},Me=()=>{const w=O.useContext(We);if(!w)throw new Error("useSidebar must be used inside <SidebarProvider>");return w},xr=()=>t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",children:[t.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20.3334 7C20.3334 7.55228 20.0072 8 19.6048 8L4.06194 8C3.65957 8 3.33337 7.55228 3.33337 7C3.33337 6.44772 3.65957 6 4.06194 6L19.6048 6C20.0072 6 20.3334 6.44772 20.3334 7Z",fill:"white"}),t.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20.3334 12C20.3334 12.5523 20.0072 13 19.6048 13L4.06194 13C3.65957 13 3.33337 12.5523 3.33337 12C3.33337 11.4477 3.65957 11 4.06194 11L19.6048 11C20.0072 11 20.3334 11.4477 20.3334 12Z",fill:"white"}),t.jsx("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M20.3334 17C20.3334 17.5523 20.0072 18 19.6048 18L4.06194 18C3.65957 18 3.33337 17.5523 3.33337 17C3.33337 16.4477 3.65957 16 4.06194 16L19.6048 16C20.0072 16 20.3334 16.4477 20.3334 17Z",fill:"white"})]}),gr=()=>t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("line",{x1:"12",y1:"5",x2:"12",y2:"19"}),t.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"})]}),br=()=>t.jsxs("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("circle",{cx:"12",cy:"12",r:"10"}),t.jsx("path",{d:"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"}),t.jsx("line",{x1:"12",y1:"17",x2:"12.01",y2:"17"})]}),jr=()=>t.jsxs("svg",{width:"32",height:"32",viewBox:"0 0 32 32",fill:"none",children:[t.jsx("rect",{width:"32",height:"32",rx:"8",fill:"currentColor",opacity:"0.15"}),t.jsx("circle",{cx:"16",cy:"16",r:"6",fill:"currentColor"})]}),yr=()=>t.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[t.jsx("path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"}),t.jsx("polyline",{points:"16 17 21 12 16 7"}),t.jsx("line",{x1:"21",y1:"12",x2:"9",y2:"12"})]}),Er=({config:w})=>{const{navItems:P,user:m,createButtonRoles:C,createButtonLabel:k="Create",createButtonPath:N,brandName:I="Amphenol",brandSubtitle:x="COMMUNICATION SOLUTIONS",logo:p,helpLabel:D="Help Center",helpIcon:g,onSignOut:R,onNavigate:S,className:$=""}=w,{isExpanded:E,toggleSidebar:G,openSubmenu:Y,toggleSubmenu:F}=Me(),[v,le]=O.useState(window.location.pathname),[ue,z]=O.useState(!1),[ce,X]=O.useState(!1);O.useEffect(()=>{const u=()=>le(window.location.pathname);return window.addEventListener("popstate",u),()=>window.removeEventListener("popstate",u)},[]);const U=(u,j)=>{u.preventDefault(),j&&(S?S(j):(window.history.pushState({},"",j),window.dispatchEvent(new PopStateEvent("popstate"))))},B=()=>m.email?m.email.split("@")[0]:"User",Z=()=>m.email?m.email.charAt(0).toUpperCase():"U",fe=()=>{R?R():window.location.href="/c/portal/logout"},Q=!C||C.includes(m.role),T=P.reduce((u,j)=>{const A=j.section||"GENERAL";return u[A]||(u[A]=[]),u[A].push(j),u},{});return t.jsxs("aside",{style:{backgroundColor:"#0f172a"},className:`rdr-sidebar ${E?"expanded":"collapsed"} ${$}`,children:[t.jsxs("div",{className:"sidebar-header ",style:{paddingTop:"10px"},children:[t.jsxs("div",{className:"logo-section",onClick:G,children:[t.jsx("span",{className:"logo-icon ",style:{color:"var(--sidebar-accent)",marginTop:"15px"},children:p??t.jsx(jr,{})}),E&&t.jsxs("div",{className:"brand-text",children:[t.jsx("h2",{children:I}),x&&t.jsx("span",{children:x})]})]}),E&&t.jsx("button",{className:"menu-toggle",onClick:G,"aria-label":"Collapse sidebar",children:t.jsx(xr,{})})]}),Q&&N&&t.jsx("div",{className:"sidebar-actions",children:t.jsxs("button",{className:"sidebar-create-btn",style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",width:"100%",height:"44px",padding:"0 16px",borderRadius:"10px",border:"none",outline:"none",boxShadow:"none",cursor:"pointer",fontSize:"14px",fontWeight:600,color:"#fff",background:ce?"#149B6E":"#18B885",transition:"background-color 0.2s ease"},onMouseEnter:()=>X(!0),onMouseLeave:()=>X(!1),onClick:u=>U(u,N),children:[t.jsx(gr,{}),E&&t.jsx("span",{children:k})]})}),t.jsx("div",{className:"sidebar-nav",children:Object.entries(T).map(([u,j])=>{const A=j.filter(c=>!c.roles||c.roles.includes(m.role));return A.length?t.jsxs("div",{className:"nav-section",style:{listStyleType:"none"},children:[E&&t.jsx("h4",{className:"section-title",children:u}),t.jsx("ul",{className:"nav-items",children:A.map(c=>{var V,q;const ee=(V=c.subItems)==null?void 0:V.some(h=>h.path&&v.includes(h.path)),re=c.path?v===c.path:!1;return t.jsx("li",{children:(q=c.subItems)!=null&&q.length?t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:`nav-item ${Y===c.name||ee?"active":""}`,"data-label":c.name,onClick:()=>F(c.name),children:[t.jsx("span",{className:"nav-icon",children:c.icon}),E&&t.jsxs(t.Fragment,{children:[t.jsx("span",{className:"nav-text",children:c.name}),t.jsx("span",{className:"submenu-arrow",children:Y===c.name?"−":"+"})]})]}),E&&Y===c.name&&t.jsx("ul",{className:"submenu",children:c.subItems.map(h=>{const te=h.path?v===h.path:!1;return t.jsx("li",{children:t.jsxs("a",{href:h.path||"/",onClick:de=>U(de,h.path),className:`submenu-item ${te?"active-sub":""}`,children:[h.icon&&t.jsx("span",{className:"submenu-icon",children:h.icon}),t.jsx("span",{children:h.name})]})},h.name)})})]}):t.jsxs("a",{href:c.path||"/","data-label":c.name,onClick:h=>U(h,c.path),className:`nav-item ${re?"active":""}`,children:[t.jsx("span",{className:"nav-icon",children:c.icon}),E&&t.jsx("span",{className:"nav-text",children:c.name})]})},c.name)})})]},u):null})}),t.jsxs("div",{className:"sidebar-footer",children:[t.jsxs("div",{className:"footer-link","data-label":D,children:[t.jsx("span",{children:g??t.jsx(br,{})}),E&&t.jsx("span",{children:D})]}),t.jsxs("div",{className:"user-profile-wrapper",children:[t.jsxs("div",{className:"user-profile",onClick:()=>z(u=>!u),children:[t.jsx("div",{className:"avatar",children:Z()}),E&&t.jsxs("div",{className:"user-info",children:[t.jsx("div",{className:"user-name",children:B()}),t.jsx("div",{className:"user-role",children:m.roleName})]})]}),ue&&t.jsxs("div",{className:"profile-popup",children:[t.jsx("button",{className:"popup-close",onClick:()=>z(!1),"aria-label":"Close",children:"✕"}),t.jsxs("div",{className:"popup-header",children:[t.jsx("div",{className:"popup-avatar",children:Z()}),t.jsxs("div",{className:"popup-user-details",children:[t.jsx("div",{className:"popup-name",children:B()}),t.jsx("div",{className:"popup-role",children:m.roleName}),t.jsx("div",{className:"popup-email",children:m.email})]})]}),t.jsx("div",{className:"popup-divider"}),t.jsxs("button",{className:"signout-btn",onClick:fe,children:[t.jsx(yr,{}),t.jsx("span",{children:"Sign Out"})]})]})]})]})]})};exports.SideNavbar=Er;exports.SidebarProvider=mr;exports.useSidebar=Me;

package/dist/SideNavBar.es.js

@@ -700,7 +700,7 @@ const Me = pr(null), wr = ({ children: w }) => {
       style: { backgroundColor: "#0f172a" },
       className: `rdr-sidebar ${E ? "expanded" : "collapsed"} ${L}`,
       children: [
-        /* @__PURE__ */ n.jsxs("div", { className: "sidebar-header", children: [
+        /* @__PURE__ */ n.jsxs("div", { className: "sidebar-header ", style: { paddingTop: "10px" }, children: [
           /* @__PURE__ */ n.jsxs("div", { className: "logo-section", onClick: G, children: [
             /* @__PURE__ */ n.jsx("span", { className: "logo-icon ", style: { color: "var(--sidebar-accent)", marginTop: "15px" }, children: p ?? /* @__PURE__ */ n.jsx(Rr, {}) }),
             E && /* @__PURE__ */ n.jsxs("div", { className: "brand-text", children: [

package/dist/sms-ui-library.css

@@ -1 +1 @@
-body{overflow-y:hidden!important}:root{--sidebar-width-expanded: 260px;--sidebar-width-collapsed: 64px;--sidebar-transition: .22s cubic-bezier(.4, 0, .2, 1);--sidebar-bg: #0f172a;--sidebar-border: #1e293b !important;--sidebar-text-primary: #ffffff;--sidebar-text-secondary: #cbd5e1;--sidebar-text-muted: #94a3b8;--sidebar-section-label: #64748b;--sidebar-accent: #059669;--sidebar-accent-hover: #047857;--sidebar-accent-dim: rgba(5, 150, 105, .12);--sidebar-accent-bright: #10b981;--sidebar-item-hover: rgba(255, 255, 255, .05);--sidebar-danger: #ef4444;--sidebar-avatar-bg: #059669;--sidebar-avatar-text: #ffffff;--sidebar-popup-bg: #ffffff;--sidebar-popup-border: #e5e7eb;--sidebar-popup-shadow: 0 4px 16px rgba(0, 0, 0, .15);--sidebar-popup-text: #222222;--sidebar-popup-text-secondary: #666666;--sidebar-popup-text-muted: #888888;--sidebar-popup-close-color: #374151}.rdr-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:100;display:flex;flex-direction:column;width:var(--sidebar-width-expanded);height:100vh;background-color:var(--sidebar-bg);color:#e2e8f0;border-right:1px solid var(--sidebar-border);box-sizing:border-box;overflow:hidden;transition:width var(--sidebar-transition);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.rdr-sidebar.expanded{width:var(--sidebar-width-expanded)}.rdr-sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-header{display:flex;align-items:center;padding:24px 20px;gap:12px;flex-shrink:0}.logo-section{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:0;flex:1;-webkit-user-select:none;user-select:none}.brand-logo{background:linear-gradient(135deg,#60a5fa,#3b82f6);width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;flex-shrink:0}.logo-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.brand-text{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.brand-text h2{margin:0;font-size:23px;font-weight:600;color:var(--sidebar-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-text span{font-size:9px;color:var(--sidebar-text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:20px!important}.menu-toggle{background:none!important;border:none!important;box-shadow:none!important;color:#cbd5e1;cursor:pointer;padding:0!important;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:6px;width:32px;height:32px;transition:background .15s,color .15s}.menu-toggle:hover{background:var(--sidebar-item-hover)!important;color:var(--sidebar-text-primary)}.sidebar-actions{padding:0 20px 24px;flex-shrink:0}.sidebar-create-btn{width:100%;background-color:var(--sidebar-accent);color:#fff;border:none;border-radius:8px;padding:10px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background-color .2s;height:44px;outline:none;box-shadow:none}.sidebar-create-btn:hover{background-color:var(--sidebar-accent-hover)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.nav-section{margin-bottom:24px;list-style-type:none!important;padding:0}.section-title{font-size:11px;font-weight:600;color:var(--sidebar-section-label);padding:0 20px;margin:0 0 12px;letter-spacing:.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden}.nav-items{list-style:none;padding:0;margin:0}.nav-items li{margin:0}.nav-item{display:flex;align-items:center;padding:12px 20px;gap:16px;cursor:pointer;color:#cbd5e1;transition:all .2s;position:relative;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden}.nav-item.active{background-color:transparent;color:var(--sidebar-text-primary)}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--sidebar-accent)}.nav-item:hover{background-color:#ffffff0d;color:var(--sidebar-text-primary);border:1px solid rgba(255,255,255,.1);border-radius:6px;text-decoration:none}.nav-icon{display:flex;align-items:center;justify-content:center;color:#94a3b8;flex-shrink:0;width:20px;height:20px;transition:color .15s}.nav-icon svg{width:18px;height:18px}.nav-item.active .nav-icon{color:var(--sidebar-accent-bright)}.nav-text{font-size:14px;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submenu-arrow{flex-shrink:0;font-size:16px;font-weight:400;color:#94a3b8;line-height:1}.submenu{list-style:none;margin:0;padding:0 0 0 56px;background-color:#00000026}.submenu li{margin:0}.submenu-item{display:flex;align-items:center;gap:8px;padding:10px 20px 10px 0;cursor:pointer;text-decoration:none;color:#94a3b8;font-size:13px;font-weight:400;transition:color .15s,background .15s;white-space:nowrap;overflow:hidden}.submenu-item:hover{color:var(--sidebar-text-primary);text-decoration:none}.submenu-item.active-sub{color:var(--sidebar-accent-bright);font-weight:600}.submenu-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.submenu-icon svg{width:14px;height:14px}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0;display:flex;flex-direction:column;gap:0}.footer-link{display:flex;align-items:center;gap:16px;color:#cbd5e1;cursor:pointer;margin-bottom:24px;transition:color .15s;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden}.footer-link:hover{color:var(--sidebar-text-primary)}.footer-link span:first-child{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.footer-link span:first-child svg{width:18px;height:18px}.user-profile-wrapper{position:relative}.user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s;border-radius:8px;padding:4px;margin:-4px}.user-profile:hover{background:var(--sidebar-item-hover)}.avatar{width:36px;height:36px;border-radius:8px;background-color:var(--sidebar-avatar-bg);color:var(--sidebar-avatar-text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;text-transform:uppercase}.user-info{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.user-name{font-size:14px;font-weight:600;color:var(--sidebar-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--sidebar-text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-popup{position:absolute;bottom:60px;left:0;width:320px;min-height:95px;background:var(--sidebar-popup-bg);border-radius:10px;padding:12px 14px;box-shadow:var(--sidebar-popup-shadow);z-index:9999;animation:popupIn .15s cubic-bezier(.4,0,.2,1)}@keyframes popupIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-close{position:absolute;top:10px;right:12px;border:none!important;background:transparent!important;cursor:pointer;color:var(--sidebar-popup-close-color);font-size:18px;font-weight:500;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;padding:0!important;transition:background .12s;box-shadow:none!important}.popup-close:hover{background:#0000000f!important}.popup-header{display:flex;align-items:center;gap:12px;padding-right:28px}.popup-avatar{width:42px;height:42px;border-radius:8px;background:var(--sidebar-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0;text-transform:uppercase}.popup-user-details{flex:1;min-width:0}.popup-name{font-size:14px;font-weight:600;color:var(--sidebar-popup-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-role{font-size:12px;color:var(--sidebar-popup-text-secondary)}.popup-email{font-size:12px;color:var(--sidebar-popup-text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-divider{height:1px;background:var(--sidebar-popup-border);margin:10px 0}.signout-btn{width:100%;border:none!important;background:transparent!important;color:var(--sidebar-danger);cursor:pointer;padding:4px 0;font-size:14px;font-weight:500;display:flex;justify-content:flex-end;align-items:center;gap:6px;outline:none;border-radius:6px;transition:background .15s}.signout-btn:hover{background:#ef444414!important}.signout-btn svg{width:15px;height:15px;color:var(--sidebar-danger);flex-shrink:0}.rdr-sidebar.collapsed .sidebar-header{padding:24px 0;justify-content:center}.rdr-sidebar.collapsed .sidebar-actions{padding:0 8px 16px}.rdr-sidebar.collapsed .nav-item{justify-content:center;padding:12px 0;gap:0}.rdr-sidebar.collapsed .nav-item.active:before{width:3px}.rdr-sidebar.collapsed .section-title{padding:0;text-align:center;font-size:0;margin:0 0 8px}.rdr-sidebar.collapsed .sidebar-footer{padding:16px 0;align-items:center}.rdr-sidebar.collapsed .footer-link{justify-content:center;gap:0;padding:0;margin-bottom:16px}.rdr-sidebar.collapsed .user-profile{justify-content:center;padding:4px 0}.rdr-sidebar.collapsed .nav-item[data-label]:hover:after,.rdr-sidebar.collapsed .footer-link[data-label]:hover:after{content:attr(data-label);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#1e293b;color:#e2e8f0;font-size:12px;font-weight:500;padding:5px 10px;border-radius:6px;white-space:nowrap;box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.08);pointer-events:none;z-index:300}.rdr-sidebar.collapsed .nav-item,.rdr-sidebar.collapsed .footer-link{position:relative}
+body{overflow-y:hidden!important}:root{--sidebar-width-expanded: 260px;--sidebar-width-collapsed: 64px;--sidebar-transition: .22s cubic-bezier(.4, 0, .2, 1);--sidebar-bg: #0f172a;--sidebar-border: #1e293b !important;--sidebar-text-primary: #ffffff;--sidebar-text-secondary: #cbd5e1;--sidebar-text-muted: #94a3b8;--sidebar-section-label: #64748b;--sidebar-accent: #059669;--sidebar-accent-hover: #047857;--sidebar-accent-dim: rgba(5, 150, 105, .12);--sidebar-accent-bright: #10b981;--sidebar-item-hover: rgba(255, 255, 255, .05);--sidebar-danger: #ef4444;--sidebar-avatar-bg: #059669;--sidebar-avatar-text: #ffffff;--sidebar-popup-bg: #ffffff;--sidebar-popup-border: #e5e7eb;--sidebar-popup-shadow: 0 4px 16px rgba(0, 0, 0, .15);--sidebar-popup-text: #222222;--sidebar-popup-text-secondary: #666666;--sidebar-popup-text-muted: #888888;--sidebar-popup-close-color: #374151}.rdr-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:100;display:flex;flex-direction:column;width:var(--sidebar-width-expanded);height:100vh;background-color:var(--sidebar-bg);color:#e2e8f0;border-right:1px solid var(--sidebar-border);box-sizing:border-box;overflow:hidden;transition:width var(--sidebar-transition);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.rdr-sidebar.expanded{width:var(--sidebar-width-expanded)}.rdr-sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-header{display:flex;align-items:center;padding:24px 20px;gap:12px;flex-shrink:0}.logo-section{display:flex;align-items:center;gap:12px;cursor:pointer;min-width:0;flex:1;-webkit-user-select:none;user-select:none}.brand-logo{background:linear-gradient(135deg,#60a5fa,#3b82f6);width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#fff;flex-shrink:0;margin-top:"10px"!important}.logo-icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.brand-text{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.brand-text h2{margin:0;font-size:23px;font-weight:600;color:var(--sidebar-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-text span{font-size:9px;color:var(--sidebar-text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px!important}.menu-toggle{background:none!important;border:none!important;box-shadow:none!important;color:#cbd5e1;cursor:pointer;padding:0!important;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:6px;width:32px;height:32px;transition:background .15s,color .15s}.menu-toggle:hover{background:var(--sidebar-item-hover)!important;color:var(--sidebar-text-primary)}.sidebar-actions{padding:0 20px 24px;flex-shrink:0}.sidebar-create-btn{width:100%;background-color:var(--sidebar-accent);color:#fff;border:none;border-radius:8px;padding:10px;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background-color .2s;height:44px;outline:none;box-shadow:none}.sidebar-create-btn:hover{background-color:var(--sidebar-accent-hover)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.nav-section{margin-bottom:24px;list-style-type:none!important;padding:0}.section-title{font-size:11px;font-weight:600;color:var(--sidebar-section-label);padding:0 20px;margin:0 0 12px;letter-spacing:.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden}.nav-items{list-style:none;padding:0;margin:0}.nav-items li{margin:0}.nav-item{display:flex;align-items:center;padding:12px 20px;gap:16px;cursor:pointer;color:#cbd5e1;transition:all .2s;position:relative;text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden}.nav-item.active{background-color:transparent;color:var(--sidebar-text-primary)}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--sidebar-accent)}.nav-item:hover{background-color:#ffffff0d;color:var(--sidebar-text-primary);border:1px solid rgba(255,255,255,.1);border-radius:6px;text-decoration:none}.nav-icon{display:flex;align-items:center;justify-content:center;color:#94a3b8;flex-shrink:0;width:20px;height:20px;transition:color .15s}.nav-icon svg{width:18px;height:18px}.nav-item.active .nav-icon{color:var(--sidebar-accent-bright)}.nav-text{font-size:14px;font-weight:500;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.submenu-arrow{flex-shrink:0;font-size:16px;font-weight:400;color:#94a3b8;line-height:1}.submenu{list-style:none;margin:0;padding:0 0 0 56px;background-color:#00000026}.submenu li{margin:0}.submenu-item{display:flex;align-items:center;gap:8px;padding:10px 20px 10px 0;cursor:pointer;text-decoration:none;color:#94a3b8;font-size:13px;font-weight:400;transition:color .15s,background .15s;white-space:nowrap;overflow:hidden}.submenu-item:hover{color:var(--sidebar-text-primary);text-decoration:none}.submenu-item.active-sub{color:var(--sidebar-accent-bright);font-weight:600}.submenu-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.submenu-icon svg{width:14px;height:14px}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.05);flex-shrink:0;display:flex;flex-direction:column;gap:0}.footer-link{display:flex;align-items:center;gap:16px;color:#cbd5e1;cursor:pointer;margin-bottom:24px;transition:color .15s;-webkit-user-select:none;user-select:none;white-space:nowrap;overflow:hidden}.footer-link:hover{color:var(--sidebar-text-primary)}.footer-link span:first-child{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.footer-link span:first-child svg{width:18px;height:18px}.user-profile-wrapper{position:relative}.user-profile{display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s;border-radius:8px;padding:4px;margin:-4px}.user-profile:hover{background:var(--sidebar-item-hover)}.avatar{width:36px;height:36px;border-radius:8px;background-color:var(--sidebar-avatar-bg);color:var(--sidebar-avatar-text);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0;text-transform:uppercase}.user-info{display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden}.user-name{font-size:14px;font-weight:600;color:var(--sidebar-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:var(--sidebar-text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-popup{position:absolute;bottom:60px;left:0;width:320px;min-height:95px;background:var(--sidebar-popup-bg);border-radius:10px;padding:12px 14px;box-shadow:var(--sidebar-popup-shadow);z-index:9999;animation:popupIn .15s cubic-bezier(.4,0,.2,1)}@keyframes popupIn{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-close{position:absolute;top:10px;right:12px;border:none!important;background:transparent!important;cursor:pointer;color:var(--sidebar-popup-close-color);font-size:18px;font-weight:500;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;padding:0!important;transition:background .12s;box-shadow:none!important}.popup-close:hover{background:#0000000f!important}.popup-header{display:flex;align-items:center;gap:12px;padding-right:28px}.popup-avatar{width:42px;height:42px;border-radius:8px;background:var(--sidebar-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0;text-transform:uppercase}.popup-user-details{flex:1;min-width:0}.popup-name{font-size:14px;font-weight:600;color:var(--sidebar-popup-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-role{font-size:12px;color:var(--sidebar-popup-text-secondary)}.popup-email{font-size:12px;color:var(--sidebar-popup-text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-divider{height:1px;background:var(--sidebar-popup-border);margin:10px 0}.signout-btn{width:100%;border:none!important;background:transparent!important;color:var(--sidebar-danger);cursor:pointer;padding:4px 0;font-size:14px;font-weight:500;display:flex;justify-content:flex-end;align-items:center;gap:6px;outline:none;border-radius:6px;transition:background .15s}.signout-btn:hover{background:#ef444414!important}.signout-btn svg{width:15px;height:15px;color:var(--sidebar-danger);flex-shrink:0}.rdr-sidebar.collapsed .sidebar-header{padding:24px 0;justify-content:center}.rdr-sidebar.collapsed .sidebar-actions{padding:0 8px 16px}.rdr-sidebar.collapsed .nav-item{justify-content:center;padding:12px 0;gap:0}.rdr-sidebar.collapsed .nav-item.active:before{width:3px}.rdr-sidebar.collapsed .section-title{padding:0;text-align:center;font-size:0;margin:0 0 8px}.rdr-sidebar.collapsed .sidebar-footer{padding:16px 0;align-items:center}.rdr-sidebar.collapsed .footer-link{justify-content:center;gap:0;padding:0;margin-bottom:16px}.rdr-sidebar.collapsed .user-profile{justify-content:center;padding:4px 0}.rdr-sidebar.collapsed .nav-item[data-label]:hover:after,.rdr-sidebar.collapsed .footer-link[data-label]:hover:after{content:attr(data-label);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#1e293b;color:#e2e8f0;font-size:12px;font-weight:500;padding:5px 10px;border-radius:6px;white-space:nowrap;box-shadow:0 4px 12px #0006;border:1px solid rgba(255,255,255,.08);pointer-events:none;z-index:300}.rdr-sidebar.collapsed .nav-item,.rdr-sidebar.collapsed .footer-link{position:relative}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hari_digitus/sms-ui-library",
-  "version": "7.0.0",
+  "version": "7.0.2",
   "main": "dist/SideNavBar.cjs.js",
   "module": "dist/SideNavBar.es.js",
   "types": "dist/types/index.d.ts",