@gsa-tts/graymatter-ui 1.0.2 → 1.0.3

package/dist/graymatter-ui.js

@@ -4520,7 +4520,7 @@ var ml = /* @__PURE__ */ ie('<a part="discover-item"><div class="icon-container
 const Cl = {
   hash: "svelte-1cca2eg",
   code: `.expanded-content.drawer-anim.svelte-1cca2eg {max-width:0;overflow:hidden;pointer-events:none;transition:max-width var(--ai-duration-fast) cubic-bezier(0.4, 0, 0.2, 1);}.expanded-content.drawer-anim.open.svelte-1cca2eg {max-width:12.5rem;pointer-events:auto;}.drawer-content.svelte-1cca2eg {width:12.5rem;height:100%;display:flex;flex-direction:column;padding-top:var(--ai-size-72);}.drawer-content.svelte-1cca2eg nav:where(.svelte-1cca2eg) {flex:1;overflow-y:auto;overflow-x:hidden;}.menu-button.svelte-1cca2eg {display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;border-radius:var(--ai-size-8);transition:background-color var(--ai-transition-ease-fast);}.menu-button.svelte-1cca2eg:disabled,
-  .menu-button.disabled.svelte-1cca2eg {cursor:not-allowed;opacity:0.5;background-color:transparent;}.side-nav-container.svelte-1cca2eg {display:flex;flex-shrink:0;position:relative;z-index:var(--ai-layer-2);height:100%;}.side-nav-container.expanded.svelte-1cca2eg {width:16.875rem;min-width:12.5rem;max-width:16.875rem;height:100%;}.expanded-content.svelte-1cca2eg {display:flex;width:12.5rem;opacity:1;flex:none;height:100%;background:var(--ai-color-steel-50);border-right:0.0625rem solid var(--ai-color-steel-100);overflow:hidden;flex-direction:column;}.side-nav-container.expanded.svelte-1cca2eg .expanded-content:where(.svelte-1cca2eg) {width:12.5rem;opacity:1;overflow:hidden;}.side-nav-container.svelte-1cca2eg:not(.expanded) .expanded-content:where(.svelte-1cca2eg) {width:0;opacity:0;}.nav-content.svelte-1cca2eg {display:flex;width:var(--ai-size-72);height:100%;padding-bottom:var(--ai-size-16);flex-direction:column;align-items:flex-start;gap:var(--ai-size-4);flex:none;background:var(--ai-color-steel-100);border-right:0.0625rem solid var(--ai-color-steel-200);}.nav-main.svelte-1cca2eg {display:flex;flex-direction:column;align-items:flex-start;gap:var(--ai-size-4);flex:1 0 0;align-self:stretch;}.nav-footer.svelte-1cca2eg {display:flex;padding:var(--ai-size-8) var(--ai-size-4);flex-direction:column;justify-content:center;align-items:center;gap:var(--ai-size-4);align-self:stretch;margin-top:auto;}.menu-section.svelte-1cca2eg {display:flex;padding:var(--ai-size-4);justify-content:center;align-items:center;align-self:stretch;}.menu-button.svelte-1cca2eg {display:flex;padding:var(--ai-size-4);justify-content:center;align-items:center;background:none;border:none;cursor:pointer;opacity:1;transition:opacity var(--ai-transition-ease-fast);will-change:opacity;}.menu-button.disabled.svelte-1cca2eg {cursor:not-allowed;opacity:0.5;will-change:opacity;}.menu-button.svelte-1cca2eg:focus,
+  .menu-button.disabled.svelte-1cca2eg {cursor:not-allowed;opacity:0.5;background-color:transparent;}.side-nav-container.svelte-1cca2eg {display:flex;flex-shrink:0;position:relative;z-index:var(--ai-layer-1);height:100%;}.side-nav-container.expanded.svelte-1cca2eg {width:16.875rem;min-width:12.5rem;max-width:16.875rem;height:100%;}.expanded-content.svelte-1cca2eg {display:flex;width:12.5rem;opacity:1;flex:none;height:100%;background:var(--ai-color-steel-50);border-right:0.0625rem solid var(--ai-color-steel-100);overflow:hidden;flex-direction:column;}.side-nav-container.expanded.svelte-1cca2eg .expanded-content:where(.svelte-1cca2eg) {width:12.5rem;opacity:1;overflow:hidden;}.side-nav-container.svelte-1cca2eg:not(.expanded) .expanded-content:where(.svelte-1cca2eg) {width:0;opacity:0;}.nav-content.svelte-1cca2eg {display:flex;width:var(--ai-size-72);height:100%;padding-bottom:var(--ai-size-16);flex-direction:column;align-items:flex-start;gap:var(--ai-size-4);flex:none;background:var(--ai-color-steel-100);border-right:0.0625rem solid var(--ai-color-steel-200);}.nav-main.svelte-1cca2eg {display:flex;flex-direction:column;align-items:flex-start;gap:var(--ai-size-4);flex:1 0 0;align-self:stretch;}.nav-footer.svelte-1cca2eg {display:flex;padding:var(--ai-size-8) var(--ai-size-4);flex-direction:column;justify-content:center;align-items:center;gap:var(--ai-size-4);align-self:stretch;margin-top:auto;}.menu-section.svelte-1cca2eg {display:flex;padding:var(--ai-size-4);justify-content:center;align-items:center;align-self:stretch;}.menu-button.svelte-1cca2eg {display:flex;padding:var(--ai-size-4);justify-content:center;align-items:center;background:none;border:none;cursor:pointer;opacity:1;transition:opacity var(--ai-transition-ease-fast);will-change:opacity;}.menu-button.disabled.svelte-1cca2eg {cursor:not-allowed;opacity:0.5;will-change:opacity;}.menu-button.svelte-1cca2eg:focus,
   .nav-item.svelte-1cca2eg:focus,
   .help-link.svelte-1cca2eg:focus {outline:none;}.menu-button.svelte-1cca2eg:focus .icon-container:where(.svelte-1cca2eg),
   .nav-item.svelte-1cca2eg:focus .icon-container:where(.svelte-1cca2eg),

package/dist/graymatter-ui.umd.cjs

@@ -51,7 +51,7 @@
   .user-profile-icon.svelte-4ebv1u {display:flex;align-items:center;justify-content:center;}.user-profile-container.svelte-4ebv1u,
   .user-profile-icon.svelte-4ebv1u {display:flex;align-items:center;justify-content:center;}.user-profile-icon.svelte-4ebv1u {background:var(--ai-color-blue-800);border-radius:var(--ai-size-4);box-sizing:border-box;height:var(--ai-size-40);padding:var(--ai-size-4);white-space:nowrap;width:var(--ai-size-40);}.user-initials.svelte-4ebv1u {color:var(--ai-color-white);font-size:var(--ai-size-16);font-style:normal;font-weight:400;line-height:1;overflow:hidden;text-align:center;text-overflow:ellipsis;}.user-profile-button.svelte-4ebv1u {background:none;border:none;padding:0;cursor:pointer;display:flex;justify-content:center;align-items:center;}.user-profile-button.svelte-4ebv1u:focus {outline:var(--ai-size-2) solid var(--ai-color-blue-600);outline-offset:var(--ai-size-2);border-radius:var(--ai-size-4);}.user-profile-button.svelte-4ebv1u:focus:not(:focus-visible) {outline:none;}.user-profile-container.svelte-4ebv1u {width:var(--ai-size-40);height:var(--ai-size-40);aspect-ratio:1/1;}.profile-context-menu.svelte-4ebv1u {display:flex;width:13.75rem;padding:var(--ai-size-12);flex-direction:column;align-items:flex-start;gap:var(--ai-size-2);border-radius:var(--ai-size-8);border:0.0625rem solid var(--ai-color-steel-200);background:var(--ai-color-white);box-shadow:0 0.1875rem var(--ai-size-6) 0 rgba(50, 54, 61, 0.2);position:absolute;z-index:var(--ai-layer-50);}.profile-context-menu.desktop-align.svelte-4ebv1u {left:100%;top:auto;bottom:0;margin-left:var(--ai-size-8);
     /* aligns bottom of menu with bottom of button */transform:translateY(0);}.profile-context-menu.mobile-align.svelte-4ebv1u {top:110%;right:0;left:auto;bottom:auto;margin-left:0;transform:none;}.menu-item.svelte-4ebv1u {display:flex;align-items:center;gap:var(--ai-size-10);flex:1 0 0;width:100%;cursor:pointer;padding:var(--ai-size-8);background:none;border:none;box-shadow:none;outline:none;}.menu-item.svelte-4ebv1u:focus {background:var(--ai-color-steel-200);border-radius:var(--ai-size-4);outline:var(--ai-size-2) solid var(--ai-color-blue-600);outline-offset:var(--ai-size-2);}.menu-item.svelte-4ebv1u:focus:not(:focus-visible) {outline:none;}.menu-item.svelte-4ebv1u:hover {background:var(--ai-color-steel-200);border-radius:var(--ai-size-4);}.icon.svelte-4ebv1u {width:var(--ai-size-20);height:var(--ai-size-20);display:flex;align-items:center;justify-content:center;}.menu-text.svelte-4ebv1u {color:var(--ai-color-black);font-size:var(--ai-size-14);font-style:normal;font-weight:400;line-height:130%;}`};function Pn(e,t){oe(t,!0),xt(e,sl);let r=m(t,"menuItems",23,()=>[]),n=m(t,"userMeta",7),i=m(t,"ariaLabel",7,"Open profile menu"),o=m(t,"menuAlign",7,"desktop");const l=`profile-menu-${Math.random().toString(36).slice(2,10)}`;let s=ee(!1);function a(){q(s,!v(s))}function u(){q(s,!1)}function c(y){try{const R=new CustomEvent("profileMenuAction",{detail:{action:y,timestamp:Date.now(),userMeta:n()},bubbles:!0,composed:!0});(document.querySelector(".profile-context-menu")?.closest("[data-profile-menu]")||window).dispatchEvent(R)}catch(R){console.error("Error dispatching profile menu action:",R)}}function h(y){const R=y.relatedTarget;(!R||!R.closest(".profile-context-menu"))&&u()}let d=ee(null),f=ee(_t([])),g=ee(_t([]));Bt(()=>{q(f,v(g).filter(Boolean),!0)});function x(y,R){if(y.key==="ArrowDown"){y.preventDefault();const F=(R+1)%r().length;v(f)[F]?.focus()}else if(y.key==="ArrowUp"){y.preventDefault();const F=(R-1+r().length)%r().length;v(f)[F]?.focus()}else y.key==="Escape"&&(u(),v(d)?.focus(),y.stopPropagation())}function p(y){v(s)&&y.key==="Escape"&&(u(),v(d)?.focus(),y.stopPropagation())}Bt(()=>{if(!(typeof window>"u"))return window.addEventListener("keydown",p,!0),()=>{window.removeEventListener("keydown",p,!0)}});var _={get menuItems(){return r()},set menuItems(y=[]){r(y),b()},get userMeta(){return n()},set userMeta(y){n(y),b()},get ariaLabel(){return i()},set ariaLabel(y="Open profile menu"){i(y),b()},get menuAlign(){return o()},set menuAlign(y="desktop"){o(y),b()}},C=al(),I=M(C),N=M(I),L=M(N),w=M(L),S=M(w,!0);E(w),E(L),E(N),E(I),Ct(I,y=>q(d,y),()=>v(d));var O=he(I,2);{var U=y=>{var R=ol();ro(R,23,r,F=>F.label,(F,ye,Ee)=>{var D=il(),Z=M(D);{var z=W=>{var ne=nl(),de=M(ne);E(ne),we(()=>Y(de,"src",v(ye).icon)),T(W,ne)};re(Z,W=>{v(ye).icon&&W(z)})}var A=he(Z,2),J=M(A,!0);E(A),E(D),Ct(D,(W,ne)=>v(g)[ne]=W,W=>v(g)?.[W],()=>[v(Ee)]),we(()=>ur(J,v(ye).label)),ce("click",D,()=>{c(v(ye).action),u()}),ce("keydown",D,W=>x(W,v(Ee))),T(F,D)}),E(R),we(()=>{Se(R,1,`profile-context-menu ${o()==="desktop"?"desktop-align":"mobile-align"}`,"svelte-4ebv1u"),Y(R,"id",l)}),T(y,R)};re(O,y=>{v(s)&&y(U)})}return E(C),we(()=>{Y(I,"aria-label",i()),Y(I,"aria-expanded",v(s)),Y(I,"aria-controls",l),ur(S,n()?.initials)}),ce("click",I,a),He("blur",I,h),T(e,C),ae(_)}Zt(["click","keydown"]),le(Pn,{menuItems:{},userMeta:{},ariaLabel:{},menuAlign:{}},[],[],{mode:"open"});var ll=se('<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9.87891 7.51884C11.0505 6.49372 12.95 6.49372 14.1215 7.51884C15.2931 8.54397 15.2931 10.206 14.1215 11.2312C13.9176 11.4096 13.6917 11.5569 13.4513 11.6733C12.7056 12.0341 12.0002 12.6716 12.0002 13.5V14.25M21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12ZM12 17.25H12.0075V17.2575H12V17.25Z" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>');function jn(e,t){oe(t,!0);let r=m(t,"isSelected",7,!1);var n={get isSelected(){return r()},set isSelected(l=!1){r(l),b()}},i=ll(),o=M(i);return E(i),we(()=>Y(o,"stroke",r()?"#000":"#585C63")),T(e,i),ae(n)}le(jn,{isSelected:{}},[],[],{mode:"open"});var ul=te('<a part="discover-item"><div class="icon-container svelte-1cca2eg" part="discover-icon-container"><div class="icon-wrapper svelte-1cca2eg"><!></div></div> <span class="nav-text svelte-1cca2eg">Discover</span></a>'),cl=te('<div class="nav-items svelte-1cca2eg" part="nav-items"><!> <a part="chat-item"><div class="icon-container svelte-1cca2eg" part="chat-icon-container"><div class="icon-wrapper svelte-1cca2eg"><!></div></div> <span class="nav-text svelte-1cca2eg">Chat</span></a> <a part="console-item"><div class="icon-container svelte-1cca2eg" part="console-icon-container"><div class="icon-wrapper svelte-1cca2eg"><!></div></div> <span class="nav-text svelte-1cca2eg">Console</span></a> <a part="api-item"><div class="icon-container svelte-1cca2eg" part="api-icon-container"><div class="icon-wrapper svelte-1cca2eg"><!></div></div> <span class="nav-text svelte-1cca2eg">API</span></a></div>'),dl=te('<div class="nav-footer-icon-container svelte-1cca2eg" part="nav-footer-icon-container"><a part="help-link" title="Help" aria-label="Help"><div class="icon-container svelte-1cca2eg" part="help-icon-container"><div class="icon-wrapper svelte-1cca2eg"><!></div></div></a></div>'),fl=te('<div class="nav-footer svelte-1cca2eg" part="nav-footer"><!> <div class="nav-footer-profile-container svelte-1cca2eg"><!></div></div>'),vl=te('<div class="drawer-content svelte-1cca2eg" part="drawer-content"><nav aria-label="Sub navigation" part="sub-navigation" class="svelte-1cca2eg"><!></nav></div>'),hl=te('<div part="side-nav-container" data-testid="side-nav-container"><div class="nav-content svelte-1cca2eg" part="nav-content"><div class="nav-main svelte-1cca2eg" part="nav-main"><div class="menu-section svelte-1cca2eg" part="menu-section"><button><div class="icon-container svelte-1cca2eg" part="icon-container"><div class="icon-wrapper svelte-1cca2eg"><!></div></div></button></div> <!></div> <!></div> <div part="expanded-content"><!></div></div>');const pl={hash:"svelte-1cca2eg",code:`.expanded-content.drawer-anim.svelte-1cca2eg {max-width:0;overflow:hidden;pointer-events:none;transition:max-width var(--ai-duration-fast) cubic-bezier(0.4, 0, 0.2, 1);}.expanded-content.drawer-anim.open.svelte-1cca2eg {max-width:12.5rem;pointer-events:auto;}.drawer-content.svelte-1cca2eg {width:12.5rem;height:100%;display:flex;flex-direction:column;padding-top:var(--ai-size-72);}.drawer-content.svelte-1cca2eg nav:where(.svelte-1cca2eg) {flex:1;overflow-y:auto;overflow-x:hidden;}.menu-button.svelte-1cca2eg {display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;border-radius:var(--ai-size-8);transition:background-color var(--ai-transition-ease-fast);}.menu-button.svelte-1cca2eg:disabled,
-  .menu-button.disabled.svelte-1cca2eg {cursor:not-allowed;opacity:0.5;background-color:transparent;}.side-nav-container.svelte-1cca2eg {display:flex;flex-shrink:0;position:relative;z-index:var(--ai-layer-2);height:100%;}.side-nav-container.expanded.svelte-1cca2eg {width:16.875rem;min-width:12.5rem;max-width:16.875rem;height:100%;}.expanded-content.svelte-1cca2eg {display:flex;width:12.5rem;opacity:1;flex:none;height:100%;background:var(--ai-color-steel-50);border-right:0.0625rem solid var(--ai-color-steel-100);overflow:hidden;flex-direction:column;}.side-nav-container.expanded.svelte-1cca2eg .expanded-content:where(.svelte-1cca2eg) {width:12.5rem;opacity:1;overflow:hidden;}.side-nav-container.svelte-1cca2eg:not(.expanded) .expanded-content:where(.svelte-1cca2eg) {width:0;opacity:0;}.nav-content.svelte-1cca2eg {display:flex;width:var(--ai-size-72);height:100%;padding-bottom:var(--ai-size-16);flex-direction:column;align-items:flex-start;gap:var(--ai-size-4);flex:none;background:var(--ai-color-steel-100);border-right:0.0625rem solid var(--ai-color-steel-200);}.nav-main.svelte-1cca2eg {display:flex;flex-direction:column;align-items:flex-start;gap:var(--ai-size-4);flex:1 0 0;align-self:stretch;}.nav-footer.svelte-1cca2eg {display:flex;padding:var(--ai-size-8) var(--ai-size-4);flex-direction:column;justify-content:center;align-items:center;gap:var(--ai-size-4);align-self:stretch;margin-top:auto;}.menu-section.svelte-1cca2eg {display:flex;padding:var(--ai-size-4);justify-content:center;align-items:center;align-self:stretch;}.menu-button.svelte-1cca2eg {display:flex;padding:var(--ai-size-4);justify-content:center;align-items:center;background:none;border:none;cursor:pointer;opacity:1;transition:opacity var(--ai-transition-ease-fast);will-change:opacity;}.menu-button.disabled.svelte-1cca2eg {cursor:not-allowed;opacity:0.5;will-change:opacity;}.menu-button.svelte-1cca2eg:focus,
+  .menu-button.disabled.svelte-1cca2eg {cursor:not-allowed;opacity:0.5;background-color:transparent;}.side-nav-container.svelte-1cca2eg {display:flex;flex-shrink:0;position:relative;z-index:var(--ai-layer-1);height:100%;}.side-nav-container.expanded.svelte-1cca2eg {width:16.875rem;min-width:12.5rem;max-width:16.875rem;height:100%;}.expanded-content.svelte-1cca2eg {display:flex;width:12.5rem;opacity:1;flex:none;height:100%;background:var(--ai-color-steel-50);border-right:0.0625rem solid var(--ai-color-steel-100);overflow:hidden;flex-direction:column;}.side-nav-container.expanded.svelte-1cca2eg .expanded-content:where(.svelte-1cca2eg) {width:12.5rem;opacity:1;overflow:hidden;}.side-nav-container.svelte-1cca2eg:not(.expanded) .expanded-content:where(.svelte-1cca2eg) {width:0;opacity:0;}.nav-content.svelte-1cca2eg {display:flex;width:var(--ai-size-72);height:100%;padding-bottom:var(--ai-size-16);flex-direction:column;align-items:flex-start;gap:var(--ai-size-4);flex:none;background:var(--ai-color-steel-100);border-right:0.0625rem solid var(--ai-color-steel-200);}.nav-main.svelte-1cca2eg {display:flex;flex-direction:column;align-items:flex-start;gap:var(--ai-size-4);flex:1 0 0;align-self:stretch;}.nav-footer.svelte-1cca2eg {display:flex;padding:var(--ai-size-8) var(--ai-size-4);flex-direction:column;justify-content:center;align-items:center;gap:var(--ai-size-4);align-self:stretch;margin-top:auto;}.menu-section.svelte-1cca2eg {display:flex;padding:var(--ai-size-4);justify-content:center;align-items:center;align-self:stretch;}.menu-button.svelte-1cca2eg {display:flex;padding:var(--ai-size-4);justify-content:center;align-items:center;background:none;border:none;cursor:pointer;opacity:1;transition:opacity var(--ai-transition-ease-fast);will-change:opacity;}.menu-button.disabled.svelte-1cca2eg {cursor:not-allowed;opacity:0.5;will-change:opacity;}.menu-button.svelte-1cca2eg:focus,
   .nav-item.svelte-1cca2eg:focus,
   .help-link.svelte-1cca2eg:focus {outline:none;}.menu-button.svelte-1cca2eg:focus .icon-container:where(.svelte-1cca2eg),
   .nav-item.svelte-1cca2eg:focus .icon-container:where(.svelte-1cca2eg),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gsa-tts/graymatter-ui",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "type": "module",
   "publishConfig": {
     "access": "public"

package/src/components/DesktopSideNav.svelte

@@ -606,7 +606,7 @@
     display: flex;
     flex-shrink: 0;
     position: relative;
-    z-index: var(--ai-layer-2);
+    z-index: var(--ai-layer-1);
     height: 100%;
   }