@aquera/nile-elements 1.3.8-beta-1.2 → 1.3.9-beta-1.0

package/dist/nile-side-bar-expand/nile-side-bar-expand.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-side-bar-expand.cjs.js","sources":["../../../src/nile-side-bar-expand/nile-side-bar-expand.ts"],"sourcesContent":["import { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar-expand.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile side-bar-expand component.\n *\n * @tag nile-side-bar-expand\n *\n */\n@customElement('nile-side-bar-expand')\nexport class NileSideBarExpand extends NileElement {\n  @property({ type: Boolean, reflect: true })\n  collapsed: boolean = false;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    // Sync with parent sidebar if it exists\n    const sidebar = this.closest('nile-side-bar');\n    if (sidebar) {\n      this.collapsed = sidebar.hasAttribute('collapsed');\n    }\n  }\n\n  private toggleSidebar() {\n    const sidebar = this.closest('nile-side-bar');\n    if (!sidebar) return;\n\n    const isCollapsed = sidebar.hasAttribute('collapsed');\n    if (isCollapsed) {\n      sidebar.removeAttribute('collapsed');\n      this.collapsed = false;\n    } else {\n      sidebar.setAttribute('collapsed', '');\n      this.collapsed = true;\n    }\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <button class=\"expand-btn\" @click=${this.toggleSidebar}>\n        ${this.collapsed\n          ? html`\n              <nile-tooltip placement=\"right\" hoist content=\"Expand Sidebar\">\n                <span part=\"icon\"><nile-icon name=\"moveright\"></nile-icon></span>\n              </nile-tooltip>\n            `\n          : html`\n              <nile-tooltip placement=\"right\" hoist content=\"Collapse Sidebar\">\n                <span part=\"icon\"><nile-icon name=\"moveleft\"></nile-icon></span>\n              </nile-tooltip>\n            `}\n      </button>\n    `;\n  }\n}\n\nexport default NileSideBarExpand;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-side-bar-expand': NileSideBarExpand;\n  }\n}\n"],"names":["NileSideBarExpand","l","this","collapsed","_this","_inherits","_s","_createClass","key","value","connectedCallback","super","sidebar","closest","hasAttribute","toggleSidebar","removeAttribute","setAttribute","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","customElement"],"mappings":"isHAYaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,qEAELC,EAAAA,KAAAA,CAASC,WAAY,CA8CtB,QAAAC,KAAA,EA5CQC,SAAA,CAAAJ,CAAA,CAAAK,EAAA,SAAAC,YAAA,CAAAN,CAAA,GAAAO,GAAA,qBAAAC,KAAA,CAIP,SAAAC,iBAAAA,CAAAA,EACEC,aAAAA,CAAAA,CAAAA,iCAEA,GAAMC,CAAAA,CAAAA,CAAUV,KAAKW,OAAQ,CAAA,eAAA,CAAA,CACzBD,CACFV,GAAAA,IAAAA,CAAKC,SAAYS,CAAAA,CAAAA,CAAQE,YAAa,CAAA,WAAA,CAAA,CAEzC,EAEO,GAAAN,GAAA,iBAAAC,KAAA,UAAAM,aAAAA,CAAAA,CAAAA,CACN,GAAMH,CAAAA,CAAAA,CAAUV,KAAKW,OAAQ,CAAA,eAAA,CAAA,CAC7B,GAAKD,CAAAA,CAAAA,CAAS,OAEMA,CAAQE,CAAAA,YAAAA,CAAa,WAEvCF,CAAAA,EAAAA,CAAAA,CAAQI,gBAAgB,WACxBd,CAAAA,CAAAA,IAAAA,CAAKC,SAAY,CAAA,CAAA,CAAA,GAEjBS,EAAQK,YAAa,CAAA,WAAA,CAAa,EAClCf,CAAAA,CAAAA,IAAAA,CAAKC,WAAY,CAEpB,CAAA,EAEM,GAAAK,GAAA,UAAAC,KAAA,UAAAS,MAAAA,CAAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,4FAC2BnB,IAAKa,CAAAA,aAAAA,CACrCb,IAAAA,CAAKC,UACHgB,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,gOAKJF,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,kOAOb,CAAA,KAAAb,GAAA,UAAAgB,GAAA,CA3CM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CAAAA,CACT,EAED,MARqCC,CAAAA,GAErCC,EAAA,CADCC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACT/B,CAAAgC,CAAAA,SAAAA,CAAA,gBAAA,EAFhBhC,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAiB2B,EAAA,CAD7BM,CAAAA,CAAc,yBACFjC"}
+{"version":3,"file":"nile-side-bar-expand.cjs.js","sources":["../../../src/nile-side-bar-expand/nile-side-bar-expand.ts"],"sourcesContent":["import { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar-expand.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile side-bar-expand component.\n *\n * @tag nile-side-bar-expand\n *\n */\n@customElement('nile-side-bar-expand')\nexport class NileSideBarExpand extends NileElement {\n  @property({ type: Boolean, reflect: true })\n  collapsed: boolean = false;\n  @property({type: String, reflect:true, attribute:true}) expandTooltipText: string = 'Expand Sidebar';\n  @property({type: String, reflect:true, attribute:true}) collapseTooltipText: string = 'Collapse Sidebar';\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    // Sync with parent sidebar if it exists\n    const sidebar = this.closest('nile-side-bar');\n    if (sidebar) {\n      this.collapsed = sidebar.hasAttribute('collapsed');\n    }\n  }\n\n  private toggleSidebar() {\n    const sidebar = this.closest('nile-side-bar');\n    if (!sidebar) return;\n\n    const isCollapsed = sidebar.hasAttribute('collapsed');\n    if (isCollapsed) {\n      sidebar.removeAttribute('collapsed');\n      this.collapsed = false;\n    } else {\n      sidebar.setAttribute('collapsed', '');\n      this.collapsed = true;\n    }\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <button class=\"expand-btn\" @click=${this.toggleSidebar}>\n        ${this.collapsed\n          ? html`\n              <nile-lite-tooltip placement=\"right\" hoist content=${this.expandTooltipText}>\n                <span part=\"icon\"><nile-icon name=\"moveright\"></nile-icon></span>\n              </nile-lite-tooltip>\n            `\n          : html`\n              <nile-lite-tooltip placement=\"right\" hoist content=${this.collapseTooltipText}>\n                <span part=\"icon\"><nile-icon name=\"moveleft\"></nile-icon></span>\n              </nile-lite-tooltip>\n            `}\n      </button>\n    `;\n  }\n}\n\nexport default NileSideBarExpand;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-side-bar-expand': NileSideBarExpand;\n  }\n}\n"],"names":["NileSideBarExpand","_n","s","constructor","this","collapsed","expandTooltipText","collapseTooltipText","_this","_inherits","_createClass","key","value","connectedCallback","super","sidebar","closest","hasAttribute","toggleSidebar","removeAttribute","setAttribute","render","html","_templateObject","_taggedTemplateLiteral","_templateObject2","_templateObject3","__decorate","get","styles","NileElement","property","type","Boolean","reflect","prototype","String","attribute","_export","customElement"],"mappings":"isHAYaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,CAAAC,KAAAA,KAAAA,CAAAA,eAAAA,MAAAA,CAAAA,mCAELC,EAAAA,KAAAA,CAASC,SAAY,CAAA,CAAA,CAAA,CACmCD,KAAAA,CAAiBE,iBAAW,CAAA,gBAAA,CAC5BF,KAAAA,CAAmBG,mBAAAA,CAAW,kBA8CvF,QAAAC,KAAA,EA5CQC,SAAA,CAAAP,CAAA,CAAAD,EAAA,SAAAS,YAAA,CAAAR,CAAA,GAAAS,GAAA,qBAAAC,KAAA,CAIP,SAAAC,iBAAAA,CAAAA,CACEC,CAAAA,aAAAA,CAAAA,CAAAA,iCAEA,GAAMC,CAAAA,CAAAA,CAAUX,IAAKY,CAAAA,OAAAA,CAAQ,iBACzBD,CACFX,GAAAA,IAAAA,CAAKC,SAAYU,CAAAA,CAAAA,CAAQE,aAAa,WAEzC,CAAA,CAAA,EAEO,GAAAN,GAAA,iBAAAC,KAAA,UAAAM,aAAAA,CAAAA,CAAAA,CACN,GAAMH,CAAAA,CAAUX,CAAAA,IAAAA,CAAKY,QAAQ,eAC7B,CAAA,CAAA,GAAA,CAAKD,EAAS,OAEMA,CAAAA,CAAQE,YAAa,CAAA,WAAA,CAAA,EAEvCF,EAAQI,eAAgB,CAAA,WAAA,CAAA,CACxBf,IAAKC,CAAAA,SAAAA,CAAAA,CAAY,IAEjBU,CAAQK,CAAAA,YAAAA,CAAa,WAAa,CAAA,EAAA,CAAA,CAClChB,KAAKC,SAAY,CAAA,CAAA,CAAA,CAEpB,EAEM,GAAAM,GAAA,UAAAC,KAAA,UAAAS,MAAAA,CAAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,4FAC2BpB,IAAKc,CAAAA,aAAAA,CACrCd,IAAAA,CAAKC,UACHiB,CAAI,CAAAG,gBAAA,GAAAA,gBAAA,CAAAD,sBAAA,0NACmDpB,IAAKE,CAAAA,iBAAAA,EAI5DgB,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,yNACmDpB,IAAKG,CAAAA,mBAAAA,GAMrE,CA/CDoB,KAAAA,GAAAA,UAAAA,GAAAA,CAIO,SAAAC,IAAA,CACL,CAAA,MAAO,CAACC,CACT,CAAA,EAED,MAVqCC,IAErCH,CAAAA,CAAA,CADCI,CAAS,CAAA,CAAEC,KAAMC,OAASC,CAAAA,OAAAA,CAAAA,CAAS,KACTlC,CAAAmC,CAAAA,SAAAA,CAAA,gBAAA,EAC6BR,CAAAA,CAAAA,CAAAA,CAAA,CAAvDI,CAAS,CAAA,CAACC,KAAMI,MAAQF,CAAAA,OAAAA,CAAAA,CAAQ,EAAMG,SAAU,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAoDrC,EAAAmC,SAAA,CAAA,mBAAA,CAAA,IAAA,IAC7CR,CAAA,CAAA,CAAvDI,EAAS,CAACC,IAAAA,CAAMI,OAAQF,OAAQ,CAAA,CAAA,CAAA,CAAMG,WAAU,CAAwDrC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAmC,UAAA,qBAAA,CAAA,IAAA,EAAA,CAAA,CAAAG,OAAA,KAJ9FtC,EAAiB2B,CAAA,CAAA,CAD7BY,CAAc,CAAA,sBAAA,CAAA,CAAA,CACFvC"}

package/dist/nile-side-bar-expand/nile-side-bar-expand.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var n,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){n=_lit.css;}],execute:function execute(){_export("s",t=n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t :host {\n  display: inline-flex;\n}\n\n.expand-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border: none;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  border-radius: 6px;\n  transition: background-color 0.2s ease;\n}\n\n.expand-btn:hover {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n\nnile-tooltip::part(body) {\n    width: max-content;\n    height: max-content;\n    padding: var(--nile-spacing-sm);\n    overflow-x: hidden;\n  }\n\n \n\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var n,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){n=_lit.css;}],execute:function execute(){_export("s",t=n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t :host {\n  display: inline-flex;\n}\n\n.expand-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  height: 38px;\n  border: none;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  border-radius: 6px;\n  transition: background-color 0.2s ease;\n}\n\n \n\nnile-tooltip::part(body) {\n    width: max-content;\n    height: max-content;\n    padding: var(--nile-spacing-sm);\n    overflow-x: hidden;\n  }\n\n \n\n"]))));}};});
 //# sourceMappingURL=nile-side-bar-expand.css.cjs.js.map

package/dist/nile-side-bar-expand/nile-side-bar-expand.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-side-bar-expand.css.cjs.js","sources":["../../../src/nile-side-bar-expand/nile-side-bar-expand.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * SideBarExpand CSS\n */\nexport const styles = css`\n\t :host {\n  display: inline-flex;\n}\n\n.expand-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  border: none;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  border-radius: 6px;\n  transition: background-color 0.2s ease;\n}\n\n.expand-btn:hover {\n  background-color: rgba(255, 255, 255, 0.1);\n}\n\nnile-tooltip::part(body) {\n    width: max-content;\n    height: max-content;\n    padding: var(--nile-spacing-sm);\n    overflow-x: hidden;\n  }\n\n \n\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-side-bar-expand.css.cjs.js","sources":["../../../src/nile-side-bar-expand/nile-side-bar-expand.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * SideBarExpand CSS\n */\nexport const styles = css`\n\t :host {\n  display: inline-flex;\n}\n\n.expand-btn {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 38px;\n  height: 38px;\n  border: none;\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  border-radius: 6px;\n  transition: background-color 0.2s ease;\n}\n\n \n\nnile-tooltip::part(body) {\n    width: max-content;\n    height: max-content;\n    padding: var(--nile-spacing-sm);\n    overflow-x: hidden;\n  }\n\n \n\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-side-bar-expand/nile-side-bar-expand.css.esm.js

@@ -7,8 +7,8 @@ import{css as n}from"lit";const t=n`
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 32px;
-  height: 32px;
+  width: 38px;
+  height: 38px;
   border: none;
   background: transparent;
   color: inherit;
@@ -17,9 +17,7 @@ import{css as n}from"lit";const t=n`
   transition: background-color 0.2s ease;
 }
 
-.expand-btn:hover {
-  background-color: rgba(255, 255, 255, 0.1);
-}
+ 
 
 nile-tooltip::part(body) {
     width: max-content;

package/dist/nile-side-bar-expand/nile-side-bar-expand.esm.js

@@ -1,13 +1,13 @@
-import{__decorate as e}from"tslib";import{html as t}from"lit";import{property as i,customElement as n}from"lit/decorators.js";import{s as o}from"./nile-side-bar-expand.css.esm.js";import{N as s}from"../internal/nile-element.esm.js";let l=class extends s{constructor(){super(...arguments),this.collapsed=!1}static get styles(){return[o]}connectedCallback(){super.connectedCallback();const e=this.closest("nile-side-bar");e&&(this.collapsed=e.hasAttribute("collapsed"))}toggleSidebar(){const e=this.closest("nile-side-bar");if(!e)return;e.hasAttribute("collapsed")?(e.removeAttribute("collapsed"),this.collapsed=!1):(e.setAttribute("collapsed",""),this.collapsed=!0)}render(){return t`
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as i,customElement as l}from"lit/decorators.js";import{s as o}from"./nile-side-bar-expand.css.esm.js";import{N as n}from"../internal/nile-element.esm.js";let s=class extends n{constructor(){super(...arguments),this.collapsed=!1,this.expandTooltipText="Expand Sidebar",this.collapseTooltipText="Collapse Sidebar"}static get styles(){return[o]}connectedCallback(){super.connectedCallback();const t=this.closest("nile-side-bar");t&&(this.collapsed=t.hasAttribute("collapsed"))}toggleSidebar(){const t=this.closest("nile-side-bar");if(!t)return;t.hasAttribute("collapsed")?(t.removeAttribute("collapsed"),this.collapsed=!1):(t.setAttribute("collapsed",""),this.collapsed=!0)}render(){return e`
       <button class="expand-btn" @click=${this.toggleSidebar}>
-        ${this.collapsed?t`
-              <nile-tooltip placement="right" hoist content="Expand Sidebar">
+        ${this.collapsed?e`
+              <nile-lite-tooltip placement="right" hoist content=${this.expandTooltipText}>
                 <span part="icon"><nile-icon name="moveright"></nile-icon></span>
-              </nile-tooltip>
-            `:t`
-              <nile-tooltip placement="right" hoist content="Collapse Sidebar">
+              </nile-lite-tooltip>
+            `:e`
+              <nile-lite-tooltip placement="right" hoist content=${this.collapseTooltipText}>
                 <span part="icon"><nile-icon name="moveleft"></nile-icon></span>
-              </nile-tooltip>
+              </nile-lite-tooltip>
             `}
       </button>
-    `}};e([i({type:Boolean,reflect:!0})],l.prototype,"collapsed",void 0),l=e([n("nile-side-bar-expand")],l);export{l as N};
+    `}};t([i({type:Boolean,reflect:!0})],s.prototype,"collapsed",void 0),t([i({type:String,reflect:!0,attribute:!0})],s.prototype,"expandTooltipText",void 0),t([i({type:String,reflect:!0,attribute:!0})],s.prototype,"collapseTooltipText",void 0),s=t([l("nile-side-bar-expand")],s);export{s as N};

package/dist/nile-side-bar-footer/nile-side-bar-footer.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",e=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n  display: block;\n  position: sticky;\n  bottom: var(--nile-spacing-md);\n padding-bottom: var(--nile-spacing-xl);\n\tpadding-left: var(--nile-spacing-xl);\n\tpadding-right: var(--nile-spacing-xl);\n gap: var(--nile-spacing-md);\n  z-index: 10;\n  background: var(--nile-colors-neutral-100);\n}\n\n.footer {\n  display: flex;\n  flex-direction: column;    \n  align-items: stretch;     \n  gap: 8px; \n}\n\n::slotted(nile-side-bar-footer-item) {\n  display: flex;\n  align-items: center;\n  gap: var(--nile-spacing-md);\n  justify-content: center;\n \n  font-size: var(--nile-type-scale-3);\n  color: var(--nile-colors-dark-900);\n  cursor: pointer;\n  border-radius: var(--nile-radius-sm);\n  transition: background 0.2s ease;\n}\n\n\n\n\n \n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",a=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n  display: block;\n  bottom: var(--nile-spacing-md);\n padding-bottom: var(--nile-spacing-xl);\n\tpadding-left: var(--nile-spacing-xl);\n\tpadding-right: var(--nile-spacing-xl);\n  padding-top: var(--nile-spacing-xs);\n gap: var(--nile-spacing-md);\n  bottom: 0;\n  background: var(--nile-colors-neutral-100);\n}\n\n.footer {\n  display: flex;\n  flex-direction: column;    \n  align-items: stretch;     \n  gap: 8px; \n}\n\n::slotted(nile-side-bar-footer-item) {\n  display: flex;\n  align-items: center;\n  gap: var(--nile-spacing-md);\n  justify-content: center;\n \n  font-size: var(--nile-type-scale-3);\n  color: var(--nile-colors-dark-900);\n  cursor: pointer;\n  border-radius: var(--nile-radius-sm);\n  transition: background 0.2s ease;\n}\n\n\n\n\n \n"]))));}};});
 //# sourceMappingURL=nile-side-bar-footer.css.cjs.js.map

package/dist/nile-side-bar-footer/nile-side-bar-footer.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-side-bar-footer.css.cjs.js","sources":["../../../src/nile-side-bar-footer/nile-side-bar-footer.css.ts"],"sourcesContent":["import { css } from 'lit';\n\n/**\n * SideBarFooter CSS\n */\nexport const styles = css`\n :host {\n  display: block;\n  position: sticky;\n  bottom: var(--nile-spacing-md);\n padding-bottom: var(--nile-spacing-xl);\n\tpadding-left: var(--nile-spacing-xl);\n\tpadding-right: var(--nile-spacing-xl);\n gap: var(--nile-spacing-md);\n  z-index: 10;\n  background: var(--nile-colors-neutral-100);\n}\n\n.footer {\n  display: flex;\n  flex-direction: column;    \n  align-items: stretch;     \n  gap: 8px; \n}\n\n::slotted(nile-side-bar-footer-item) {\n  display: flex;\n  align-items: center;\n  gap: var(--nile-spacing-md);\n  justify-content: center;\n \n  font-size: var(--nile-type-scale-3);\n  color: var(--nile-colors-dark-900);\n  cursor: pointer;\n  border-radius: var(--nile-radius-sm);\n  transition: background 0.2s ease;\n}\n\n\n\n\n \n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAKaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-side-bar-footer.css.cjs.js","sources":["../../../src/nile-side-bar-footer/nile-side-bar-footer.css.ts"],"sourcesContent":["import { css } from 'lit';\n\n/**\n * SideBarFooter CSS\n */\nexport const styles = css`\n :host {\n  display: block;\n  bottom: var(--nile-spacing-md);\n padding-bottom: var(--nile-spacing-xl);\n\tpadding-left: var(--nile-spacing-xl);\n\tpadding-right: var(--nile-spacing-xl);\n  padding-top: var(--nile-spacing-xs);\n gap: var(--nile-spacing-md);\n  bottom: 0;\n  background: var(--nile-colors-neutral-100);\n}\n\n.footer {\n  display: flex;\n  flex-direction: column;    \n  align-items: stretch;     \n  gap: 8px; \n}\n\n::slotted(nile-side-bar-footer-item) {\n  display: flex;\n  align-items: center;\n  gap: var(--nile-spacing-md);\n  justify-content: center;\n \n  font-size: var(--nile-type-scale-3);\n  color: var(--nile-colors-dark-900);\n  cursor: pointer;\n  border-radius: var(--nile-radius-sm);\n  transition: background 0.2s ease;\n}\n\n\n\n\n \n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAKaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-side-bar-footer/nile-side-bar-footer.css.esm.js

@@ -1,13 +1,13 @@
-import{css as i}from"lit";const e=i`
+import{css as i}from"lit";const a=i`
  :host {
   display: block;
-  position: sticky;
   bottom: var(--nile-spacing-md);
  padding-bottom: var(--nile-spacing-xl);
 	padding-left: var(--nile-spacing-xl);
 	padding-right: var(--nile-spacing-xl);
+  padding-top: var(--nile-spacing-xs);
  gap: var(--nile-spacing-md);
-  z-index: 10;
+  bottom: 0;
   background: var(--nile-colors-neutral-100);
 }
 
@@ -35,4 +35,4 @@ import{css as i}from"lit";const e=i`
 
 
  
-`;export{e as s};
+`;export{a as s};

package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-side-bar-footer-item.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,e,r,s,o,i,_templateObject,l;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){e=_lit.html;},function(_litDecoratorsJs){r=_litDecoratorsJs.property;s=_litDecoratorsJs.customElement;},function(_nileSideBarFooterItemCssCjsJs){o=_nileSideBarFooterItemCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_i){function l(){var _this;_classCallCheck(this,l);_this=_callSuper(this,l,arguments),_this.type=null;return _this;}_inherits(l,_i);return _createClass(l,[{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div part=\"base\" class=\"footer-item\">\n        <slot name=\"icon\" part=\"icon\"></slot>\n        <slot name=\"text\" part=\"text\"></slot>\n        <slot name=\"action\" part=\"action\"></slot>\n      </div>\n    "])));}}],[{key:"styles",get:function get(){return[o];}}]);}(i));t([r({type:String,reflect:!0})],l.prototype,"type",void 0),_export("N",l=t([s("nile-side-bar-footer-item")],l));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-side-bar-footer-item.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,e,s,i,o,r,_templateObject,l;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){e=_lit.html;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;i=_litDecoratorsJs.customElement;},function(_nileSideBarFooterItemCssCjsJs){o=_nileSideBarFooterItemCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_r){function l(){var _this;_classCallCheck(this,l);_this=_callSuper(this,l,arguments),_this.type=null;return _this;}_inherits(l,_r);return _createClass(l,[{key:"handleClick",value:function handleClick(){this.dispatchEvent(new CustomEvent("nile-click",{detail:{type:this.type},bubbles:!0,composed:!0}));}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div part=\"base\" class=\"footer-item\" @click=",">\n        <slot name=\"icon\" part=\"icon\"></slot>\n        <slot name=\"text\" part=\"text\"></slot>\n        <slot name=\"action\" part=\"action\"></slot>\n      </div>\n    "])),this.handleClick);}}],[{key:"styles",get:function get(){return[o];}}]);}(r));t([s({type:String,reflect:!0})],l.prototype,"type",void 0),_export("N",l=t([i("nile-side-bar-footer-item")],l));}};});
 //# sourceMappingURL=nile-side-bar-footer-item.cjs.js.map

package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-side-bar-footer-item.cjs.js","sources":["../../../src/nile-side-bar-footer-item/nile-side-bar-footer-item.ts"],"sourcesContent":["import { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar-footer-item.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile side-bar-footer-item component.\n *\n * @tag nile-side-bar-footer-item\n *\n * @slot icon - Slot for footer item icon\n * @slot text - Slot for footer item text\n * @slot action - Slot for footer item action\n *\n * @csspart base - Wrapper for the footer item\n * @csspart icon - Wrapper for the icon slot\n * @csspart text - Wrapper for the text slot\n * @csspart action - Wrapper for the action slot\n */\n@customElement('nile-side-bar-footer-item')\nexport class NileSideBarFooterItem extends NileElement {\n  @property({ type: String, reflect: true }) type: string | null = null;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div part=\"base\" class=\"footer-item\">\n        <slot name=\"icon\" part=\"icon\"></slot>\n        <slot name=\"text\" part=\"text\"></slot>\n        <slot name=\"action\" part=\"action\"></slot>\n      </div>\n    `;\n  }\n}\n\nexport default NileSideBarFooterItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-side-bar-footer-item': NileSideBarFooterItem;\n  }\n}\n"],"names":["NileSideBarFooterItem","l","this","type","_this","_inherits","_i","_createClass","key","value","render","html","_templateObject","_taggedTemplateLiteral","get","styles","NileElement","__decorate","property","String","reflect","prototype","customElement"],"mappings":"+pGAoBaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,qEACsCC,EAAAA,KAAAA,CAAIC,IAAkB,CAAA,IAelE,QAAAC,KAAA,EAbQC,SAAA,CAAAJ,CAAA,CAAAK,EAAA,SAAAC,YAAA,CAAAN,CAAA,GAAAO,GAAA,UAAAC,KAAA,CAIA,SAAAC,MAAAA,CAAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,2OAOZ,CAAA,KAAAL,GAAA,UAAAM,GAAA,CAZM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CACT,CAAA,EAEM,MAPkCC,CAApC,GACsCC,EAAA,CAA1CC,CAAAA,CAAS,CAAEf,IAAAA,CAAMgB,OAAQC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAmCpB,CAAAqB,CAAAA,SAAAA,CAAA,WAAA,EAD3DrB,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAqBiB,EAAA,CADjCK,CAAAA,CAAc,8BACFtB"}
+{"version":3,"file":"nile-side-bar-footer-item.cjs.js","sources":["../../../src/nile-side-bar-footer-item/nile-side-bar-footer-item.ts"],"sourcesContent":["import { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar-footer-item.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile side-bar-footer-item component.\n *\n * @tag nile-side-bar-footer-item\n *\n * @slot icon - Slot for footer item icon\n * @slot text - Slot for footer item text\n * @slot action - Slot for footer item action\n *\n * @csspart base - Wrapper for the footer item\n * @csspart icon - Wrapper for the icon slot\n * @csspart text - Wrapper for the text slot\n * @csspart action - Wrapper for the action slot\n */\n@customElement('nile-side-bar-footer-item')\nexport class NileSideBarFooterItem extends NileElement {\n  @property({ type: String, reflect: true }) type: string | null = null;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private handleClick(): void {\n    this.dispatchEvent(new CustomEvent('nile-click', {\n      detail: { type: this.type },\n      bubbles: true,\n      composed: true\n    }));\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <div part=\"base\" class=\"footer-item\" @click=${this.handleClick}>\n        <slot name=\"icon\" part=\"icon\"></slot>\n        <slot name=\"text\" part=\"text\"></slot>\n        <slot name=\"action\" part=\"action\"></slot>\n      </div>\n    `;\n  }\n}\n\nexport default NileSideBarFooterItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-side-bar-footer-item': NileSideBarFooterItem;\n  }\n}\n"],"names":["NileSideBarFooterItem","l","this","type","_this","_inherits","_r","_createClass","key","value","handleClick","dispatchEvent","CustomEvent","detail","bubbles","composed","render","html","_templateObject","_taggedTemplateLiteral","get","styles","NileElement","__decorate","property","String","reflect","prototype","customElement"],"mappings":"+pGAoBaA,4BAAN,SAAAC,EAAA,uEACsCC,KAAAA,CAAIC,IAAAA,CAAkB,IAuBlE,QAAAC,KAAA,EArBQC,SAAA,CAAAJ,CAAA,CAAAK,EAAA,SAAAC,YAAA,CAAAN,CAAA,GAAAO,GAAA,eAAAC,KAAA,CAIC,SAAAC,WAAAA,CAAAA,CAAAA,CACNR,KAAKS,aAAc,CAAA,GAAIC,CAAAA,WAAY,CAAA,YAAA,CAAc,CAC/CC,MAAAA,CAAQ,CAAEV,IAAMD,CAAAA,IAAAA,CAAKC,IACrBW,CAAAA,CAAAA,OAAAA,CAAAA,CAAS,CACTC,CAAAA,QAAAA,CAAAA,CAAU,IAEb,EAEM,GAAAP,GAAA,UAAAC,KAAA,UAAAO,MAAAA,CAAAA,CACL,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,qPACqCjB,IAAKQ,CAAAA,WAAAA,EAMtD,CAAA,KAAAF,GAAA,UAAAY,GAAA,CApBM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,CAAAA,CACT,EAEO,MAPiCC,CAAAA,GACEC,EAAA,CAA1CC,CAAAA,CAAS,CAAErB,IAAAA,CAAMsB,OAAQC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAmC1B,CAAA2B,CAAAA,SAAAA,CAAA,WAAA,EAD3D3B,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAqBuB,EAAA,CADjCK,CAAAA,CAAc,8BACF5B"}

package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    width: 100%;\n  }\n\n  .footer-item {\n    display: flex;\n    align-items: center;\n\tjustify-content: flex-start;\n    padding: 12px;\n    font-size: 0.875rem;\n    color: var(--nile-side-bar-footer-color, #374151);\n    cursor: pointer;\n    border-radius: var(--nile-side-bar-footer-radius, 0.375rem);\n    transition: background 0.2s ease;\n    width: 100%;\n    box-sizing: border-box;\n    overflow: hidden;\n    line-height: 0;\n  }\n\n  .footer-item:hover {\n    background: var(--nile-side-bar-footer-hover-bg, #f3f4f6);\n  }\n\n  /* left: icon */\n  ::slotted([slot='icon']) {\n    flex-shrink: 0;\n    font-size: 1.25rem;\n    margin-right: 0.5rem;\n  }\n\n  /* middle: text */\n  ::slotted([slot='text']) {\n    flex-grow: 1;\n    min-width: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  /* right: action */\n  ::slotted([slot='action']) {\n    flex-shrink: 0;\n    font-size: 1.25rem;\n    color: var(--nile-side-bar-footer-icon-color, #6b7280);\n    margin-left: auto;\n  }\n\n \n  :host([type='support']) .footer-item {\n    background: var(--nile-colors-neutral-400);\n \n  }\n \n  :host([collapsed][type='avatar']) .footer-item {\n  padding: 3px;\n \n}\n \n:host([collapsed][type='avatar']) ::slotted([slot='text']),\n:host([collapsed][type='avatar']) ::slotted([slot='action']) {\n  display: none;\n}\n\n:host([collapsed]) .footer-item{\n  height: 38px;\n  width: 38px;\n}\n\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var t,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){t=_lit.css;}],execute:function execute(){_export("s",o=t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n    width: 100%;\n  }\n\n  .footer-item {\n    display: flex;\n    align-items: center;\n\tjustify-content: flex-start;\n    padding-top: var(--nile-spacing-md);\n    padding-bottom: var(--nile-spacing-md);\n    padding-left: var(--nile-spacing-lg);\n    padding-right: var(--nile-spacing-lg);\n    font-size: var(--nile-type-scale-3);\n    color: var(--nile-side-bar-footer-color, #374151);\n    cursor: pointer;\n    border-radius: var(--nile-side-bar-footer-radius, 0.375rem);\n    transition: background 0.2s ease;\n    width: 100%;\n    box-sizing: border-box;\n    overflow: hidden;\n    line-height: 0;\n  }\n\n  .footer-item:hover {\n    background: var(--nile-side-bar-footer-hover-bg, #f3f4f6);\n  }\n\n  /* left: icon */\n  ::slotted([slot='icon']) {\n    flex-shrink: 0;\n    font-size: 1.25rem;\n    margin-right: 0.5rem;\n  }\n\n  /* middle: text */\n  ::slotted([slot='text']) {\n    flex-grow: 1;\n    min-width: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  /* right: action */\n  ::slotted([slot='action']) {\n    flex-shrink: 0;\n    font-size: 1.25rem;\n    color: var(--nile-side-bar-footer-icon-color, #6b7280);\n    margin-left: auto;\n  }\n\n \n  :host([type='support']) .footer-item {\n    background: var(--nile-colors-neutral-400);\n    height: 38px;\n  }\n  :host([type='support'][active]) .footer-item {\n  background: var(--nile-colors-neutral-500);\n}\n \n  :host([collapsed][type='avatar']) .footer-item {\n  padding: 3px;\n \n}\n \n:host([collapsed][type='avatar']) ::slotted([slot='text']),\n:host([collapsed][type='avatar']) ::slotted([slot='action']) {\n  display: none;\n}\n\n:host([collapsed]) .footer-item{\n  height: 38px;\n  width: 38px;\n}\n"]))));}};});
 //# sourceMappingURL=nile-side-bar-footer-item.css.cjs.js.map

package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-side-bar-footer-item.css.cjs.js","sources":["../../../src/nile-side-bar-footer-item/nile-side-bar-footer-item.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: block;\n    width: 100%;\n  }\n\n  .footer-item {\n    display: flex;\n    align-items: center;\n\tjustify-content: flex-start;\n    padding: 12px;\n    font-size: 0.875rem;\n    color: var(--nile-side-bar-footer-color, #374151);\n    cursor: pointer;\n    border-radius: var(--nile-side-bar-footer-radius, 0.375rem);\n    transition: background 0.2s ease;\n    width: 100%;\n    box-sizing: border-box;\n    overflow: hidden;\n    line-height: 0;\n  }\n\n  .footer-item:hover {\n    background: var(--nile-side-bar-footer-hover-bg, #f3f4f6);\n  }\n\n  /* left: icon */\n  ::slotted([slot='icon']) {\n    flex-shrink: 0;\n    font-size: 1.25rem;\n    margin-right: 0.5rem;\n  }\n\n  /* middle: text */\n  ::slotted([slot='text']) {\n    flex-grow: 1;\n    min-width: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  /* right: action */\n  ::slotted([slot='action']) {\n    flex-shrink: 0;\n    font-size: 1.25rem;\n    color: var(--nile-side-bar-footer-icon-color, #6b7280);\n    margin-left: auto;\n  }\n\n \n  :host([type='support']) .footer-item {\n    background: var(--nile-colors-neutral-400);\n \n  }\n \n  :host([collapsed][type='avatar']) .footer-item {\n  padding: 3px;\n \n}\n \n:host([collapsed][type='avatar']) ::slotted([slot='text']),\n:host([collapsed][type='avatar']) ::slotted([slot='action']) {\n  display: none;\n}\n\n:host([collapsed]) .footer-item{\n  height: 38px;\n  width: 38px;\n}\n\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-side-bar-footer-item.css.cjs.js","sources":["../../../src/nile-side-bar-footer-item/nile-side-bar-footer-item.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    display: block;\n    width: 100%;\n  }\n\n  .footer-item {\n    display: flex;\n    align-items: center;\n\tjustify-content: flex-start;\n    padding-top: var(--nile-spacing-md);\n    padding-bottom: var(--nile-spacing-md);\n    padding-left: var(--nile-spacing-lg);\n    padding-right: var(--nile-spacing-lg);\n    font-size: var(--nile-type-scale-3);\n    color: var(--nile-side-bar-footer-color, #374151);\n    cursor: pointer;\n    border-radius: var(--nile-side-bar-footer-radius, 0.375rem);\n    transition: background 0.2s ease;\n    width: 100%;\n    box-sizing: border-box;\n    overflow: hidden;\n    line-height: 0;\n  }\n\n  .footer-item:hover {\n    background: var(--nile-side-bar-footer-hover-bg, #f3f4f6);\n  }\n\n  /* left: icon */\n  ::slotted([slot='icon']) {\n    flex-shrink: 0;\n    font-size: 1.25rem;\n    margin-right: 0.5rem;\n  }\n\n  /* middle: text */\n  ::slotted([slot='text']) {\n    flex-grow: 1;\n    min-width: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  /* right: action */\n  ::slotted([slot='action']) {\n    flex-shrink: 0;\n    font-size: 1.25rem;\n    color: var(--nile-side-bar-footer-icon-color, #6b7280);\n    margin-left: auto;\n  }\n\n \n  :host([type='support']) .footer-item {\n    background: var(--nile-colors-neutral-400);\n    height: 38px;\n  }\n  :host([type='support'][active]) .footer-item {\n  background: var(--nile-colors-neutral-500);\n}\n \n  :host([collapsed][type='avatar']) .footer-item {\n  padding: 3px;\n \n}\n \n:host([collapsed][type='avatar']) ::slotted([slot='text']),\n:host([collapsed][type='avatar']) ::slotted([slot='action']) {\n  display: none;\n}\n\n:host([collapsed]) .footer-item{\n  height: 38px;\n  width: 38px;\n}\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.css.esm.js

@@ -1,4 +1,4 @@
-import{css as o}from"lit";const t=o`
+import{css as t}from"lit";const o=t`
   :host {
     display: block;
     width: 100%;
@@ -8,8 +8,11 @@ import{css as o}from"lit";const t=o`
     display: flex;
     align-items: center;
 	justify-content: flex-start;
-    padding: 12px;
-    font-size: 0.875rem;
+    padding-top: var(--nile-spacing-md);
+    padding-bottom: var(--nile-spacing-md);
+    padding-left: var(--nile-spacing-lg);
+    padding-right: var(--nile-spacing-lg);
+    font-size: var(--nile-type-scale-3);
     color: var(--nile-side-bar-footer-color, #374151);
     cursor: pointer;
     border-radius: var(--nile-side-bar-footer-radius, 0.375rem);
@@ -51,8 +54,11 @@ import{css as o}from"lit";const t=o`
  
   :host([type='support']) .footer-item {
     background: var(--nile-colors-neutral-400);
- 
+    height: 38px;
   }
+  :host([type='support'][active]) .footer-item {
+  background: var(--nile-colors-neutral-500);
+}
  
   :host([collapsed][type='avatar']) .footer-item {
   padding: 3px;
@@ -68,5 +74,4 @@ import{css as o}from"lit";const t=o`
   height: 38px;
   width: 38px;
 }
-
-`;export{t as s};
+`;export{o as s};

package/dist/nile-side-bar-footer-item/nile-side-bar-footer-item.esm.js

@@ -1,7 +1,7 @@
-import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as r,customElement as s}from"lit/decorators.js";import{s as o}from"./nile-side-bar-footer-item.css.esm.js";import{N as i}from"../internal/nile-element.esm.js";let l=class extends i{constructor(){super(...arguments),this.type=null}static get styles(){return[o]}render(){return e`
-      <div part="base" class="footer-item">
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as s,customElement as i}from"lit/decorators.js";import{s as o}from"./nile-side-bar-footer-item.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";let l=class extends r{constructor(){super(...arguments),this.type=null}static get styles(){return[o]}handleClick(){this.dispatchEvent(new CustomEvent("nile-click",{detail:{type:this.type},bubbles:!0,composed:!0}))}render(){return e`
+      <div part="base" class="footer-item" @click=${this.handleClick}>
         <slot name="icon" part="icon"></slot>
         <slot name="text" part="text"></slot>
         <slot name="action" part="action"></slot>
       </div>
-    `}};t([r({type:String,reflect:!0})],l.prototype,"type",void 0),l=t([s("nile-side-bar-footer-item")],l);export{l as N};
+    `}};t([s({type:String,reflect:!0})],l.prototype,"type",void 0),l=t([i("nile-side-bar-footer-item")],l);export{l as N};

package/dist/nile-side-bar-group/nile-side-bar-group.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",n=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: flex;\n    flex-direction: column;\n    padding-bottom: var(--nile-spacing-xs);\n    padding-left: var(--nile-spacing-md);\n    padding-right: var(--nile-spacing-md);\n    gap: var(--nile-spacing-lg);\n  }\n\n\n  :host([footer]) {\n    margin-top: auto;\n    margin-bottom: var(--nile-spacing-md);\n  }\n\n  .group-label {\n    font-weight: var(--nile-font-weight-semibold);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: var(--nile-spacing-xs);\n  }\n  :host([divider])::before {\n  content: \"\";\n  display: block;\n  height: 1px;\n  background: var(--nile-colors-neutral-400);\n  margin-top: var(--nile-spacing-xs);\n margin-left: var(--nile-spacing-md);\n margin-right: var(--nile-spacing-md);\n \n}\n \n.side-bar-group {\n  display: flex;\n  flex-direction: column;\n  gap: var(--nile-spacing-xs)\n}\n\n\n:host ::slotted(nile-side-bar-group-item:first-child) {\n  margin-top: var(--nile-spacing-xs);\n}\n\n:host([collapsed]) .side-bar-group {\nalign-items: center;\njustify-content: center;\n}\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",e=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: flex;\n    flex-direction: column;\n    padding-bottom: var(--nile-spacing-xs);\n    padding-left: var(--nile-spacing-xl);\n    padding-right: var(--nile-spacing-xl);\n  }\n\n\n  :host([footer]) {\n    margin-top: auto;\n    margin-bottom: var(--nile-spacing-md);\n  }\n\n  .group-label {\n    font-weight: var(--nile-font-weight-semibold);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: var(--nile-spacing-xs);\n  }\n  :host([divider])::before {\n  content: \"\";\n  display: block;\n  height: 1px;\n  background: var(--nile-colors-neutral-400);\n margin-left: var(--nile-spacing-md);\n margin-right: var(--nile-spacing-md);\n}\n \n.side-bar-group {\n  display: flex;\n  flex-direction: column;\n  gap: var(--nile-spacing-xs)\n}\n\n\n:host ::slotted(nile-side-bar-group-item:first-child) {\n  margin-top: var(--nile-spacing-xs);\n}\n\n:host([collapsed]) .side-bar-group {\nalign-items: center;\njustify-content: center;\n}\n"]))));}};});
 //# sourceMappingURL=nile-side-bar-group.css.cjs.js.map

package/dist/nile-side-bar-group/nile-side-bar-group.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-side-bar-group.css.cjs.js","sources":["../../../src/nile-side-bar-group/nile-side-bar-group.css.ts"],"sourcesContent":["import { css } from 'lit';\n\n/**\n * SideBarGroup CSS\n */\nexport const styles = css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    padding-bottom: var(--nile-spacing-xs);\n    padding-left: var(--nile-spacing-md);\n    padding-right: var(--nile-spacing-md);\n    gap: var(--nile-spacing-lg);\n  }\n\n\n  :host([footer]) {\n    margin-top: auto;\n    margin-bottom: var(--nile-spacing-md);\n  }\n\n  .group-label {\n    font-weight: var(--nile-font-weight-semibold);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: var(--nile-spacing-xs);\n  }\n  :host([divider])::before {\n  content: \"\";\n  display: block;\n  height: 1px;\n  background: var(--nile-colors-neutral-400);\n  margin-top: var(--nile-spacing-xs);\n margin-left: var(--nile-spacing-md);\n margin-right: var(--nile-spacing-md);\n \n}\n \n.side-bar-group {\n  display: flex;\n  flex-direction: column;\n  gap: var(--nile-spacing-xs)\n}\n\n\n:host ::slotted(nile-side-bar-group-item:first-child) {\n  margin-top: var(--nile-spacing-xs);\n}\n\n:host([collapsed]) .side-bar-group {\nalign-items: center;\njustify-content: center;\n}\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAKaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-side-bar-group.css.cjs.js","sources":["../../../src/nile-side-bar-group/nile-side-bar-group.css.ts"],"sourcesContent":["import { css } from 'lit';\n\n/**\n * SideBarGroup CSS\n */\nexport const styles = css`\n  :host {\n    display: flex;\n    flex-direction: column;\n    padding-bottom: var(--nile-spacing-xs);\n    padding-left: var(--nile-spacing-xl);\n    padding-right: var(--nile-spacing-xl);\n  }\n\n\n  :host([footer]) {\n    margin-top: auto;\n    margin-bottom: var(--nile-spacing-md);\n  }\n\n  .group-label {\n    font-weight: var(--nile-font-weight-semibold);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    margin-bottom: var(--nile-spacing-xs);\n  }\n  :host([divider])::before {\n  content: \"\";\n  display: block;\n  height: 1px;\n  background: var(--nile-colors-neutral-400);\n margin-left: var(--nile-spacing-md);\n margin-right: var(--nile-spacing-md);\n}\n \n.side-bar-group {\n  display: flex;\n  flex-direction: column;\n  gap: var(--nile-spacing-xs)\n}\n\n\n:host ::slotted(nile-side-bar-group-item:first-child) {\n  margin-top: var(--nile-spacing-xs);\n}\n\n:host([collapsed]) .side-bar-group {\nalign-items: center;\njustify-content: center;\n}\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAKaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-side-bar-group/nile-side-bar-group.css.esm.js

@@ -1,11 +1,10 @@
-import{css as i}from"lit";const n=i`
+import{css as i}from"lit";const e=i`
   :host {
     display: flex;
     flex-direction: column;
     padding-bottom: var(--nile-spacing-xs);
-    padding-left: var(--nile-spacing-md);
-    padding-right: var(--nile-spacing-md);
-    gap: var(--nile-spacing-lg);
+    padding-left: var(--nile-spacing-xl);
+    padding-right: var(--nile-spacing-xl);
   }
 
 
@@ -25,10 +24,8 @@ import{css as i}from"lit";const n=i`
   display: block;
   height: 1px;
   background: var(--nile-colors-neutral-400);
-  margin-top: var(--nile-spacing-xs);
  margin-left: var(--nile-spacing-md);
  margin-right: var(--nile-spacing-md);
- 
 }
  
 .side-bar-group {
@@ -46,4 +43,4 @@ import{css as i}from"lit";const n=i`
 align-items: center;
 justify-content: center;
 }
-`;export{n as s};
+`;export{e as s};

package/dist/nile-side-bar-group-item/nile-side-bar-group-item.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",e=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t :host {\n  display: block;\n}\n\n.group-item {\n  display: flex;\n  flex-direction: column;\n}\n\n.item-link {\n  display: flex;\n  align-items: center;\npadding-top: var(--nile-spacing-lg);\npadding-bottom: var(--nile-spacing-lg);\npadding-left: var(--nile-spacing-md);\npadding-right: var(--nile-spacing-md);\n  cursor: pointer;\n  color: var(--nile-colors-dark-900);\n  text-decoration: none;\n  font-size: var(--nile-type-scale-3);\n  line-height: 1.4;\n}\n\n.item-link:hover {\n  background: var(--nile-colors-neutral-400);\n  border-radius: var(--nile-radius-sm);\n}\n\n\n\n::slotted(nile-side-bar-group-item-icon) {\n  flex-shrink: 0;\n}\n\n::slotted(nile-side-bar-group-item-text) {\n  flex-grow: 1;\n}\n:host([active]) [part=\"link\"] {\n  background:    var(--nile-colors-primary-100);\n  border-radius: var(--nile-radius-sm);\n  font-weight: var(--nile-font-weight-semibold);\n}\n\n:host([collapsed]) .group-item {\nheight: 38px;\nwidth: 38px;\n}\n:host([disabled]) .item-link {\n  opacity: 0.5;\n  pointer-events: none;\n  cursor: not-allowed;\n}\n\n\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",i=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n  }\n\n  .group-item {\n    display: flex;\n    flex-direction: column;\n    height: 38px;\n    width: 208px;\n    overflow: hidden;\n  }\n\n  .item-link {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    height: 100%;\n    width: 100%;\n    padding: var(--nile-spacing-lg) var(--nile-spacing-md);\n    cursor: pointer;\n    color: var(--nile-colors-dark-900);\n    text-decoration: none;\n    font-size: var(--nile-type-scale-3);\n    line-height: 1.4;\n    box-sizing: border-box;\n  }\n\n  .item-link:hover {\n    background: var(--nile-colors-neutral-400);\n    border-radius: var(--nile-radius-sm);\n  }\n\n  ::slotted(nile-side-bar-group-item-icon) {\n    flex-shrink: 0;\n  }\n\n  ::slotted(nile-side-bar-group-item-text) {\n    flex-grow: 1;\n  }\n\n  :host([active]) [part=\"link\"] {\n    background: var(--nile-colors-primary-100);\n    border-radius: var(--nile-radius-sm);\n    font-weight: var(--nile-font-weight-semibold);\n  }\n\n  :host([collapsed]) .group-item {\n    height: 38px;\n    width: 38px;\n  }\n\n  :host([disabled]) .item-link {\n    opacity: 0.5;\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-side-bar-group-item.css.cjs.js.map

package/dist/nile-side-bar-group-item/nile-side-bar-group-item.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-side-bar-group-item.css.cjs.js","sources":["../../../src/nile-side-bar-group-item/nile-side-bar-group-item.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * SideBarGroupItem CSS\n */\nexport const styles = css`\n\t :host {\n  display: block;\n}\n\n.group-item {\n  display: flex;\n  flex-direction: column;\n}\n\n.item-link {\n  display: flex;\n  align-items: center;\npadding-top: var(--nile-spacing-lg);\npadding-bottom: var(--nile-spacing-lg);\npadding-left: var(--nile-spacing-md);\npadding-right: var(--nile-spacing-md);\n  cursor: pointer;\n  color: var(--nile-colors-dark-900);\n  text-decoration: none;\n  font-size: var(--nile-type-scale-3);\n  line-height: 1.4;\n}\n\n.item-link:hover {\n  background: var(--nile-colors-neutral-400);\n  border-radius: var(--nile-radius-sm);\n}\n\n\n\n::slotted(nile-side-bar-group-item-icon) {\n  flex-shrink: 0;\n}\n\n::slotted(nile-side-bar-group-item-text) {\n  flex-grow: 1;\n}\n:host([active]) [part=\"link\"] {\n  background:    var(--nile-colors-primary-100);\n  border-radius: var(--nile-radius-sm);\n  font-weight: var(--nile-font-weight-semibold);\n}\n\n:host([collapsed]) .group-item {\nheight: 38px;\nwidth: 38px;\n}\n:host([disabled]) .item-link {\n  opacity: 0.5;\n  pointer-events: none;\n  cursor: not-allowed;\n}\n\n\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-side-bar-group-item.css.cjs.js","sources":["../../../src/nile-side-bar-group-item/nile-side-bar-group-item.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * SideBarGroupItem CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  .group-item {\n    display: flex;\n    flex-direction: column;\n    height: 38px;\n    width: 208px;\n    overflow: hidden;\n  }\n\n  .item-link {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    height: 100%;\n    width: 100%;\n    padding: var(--nile-spacing-lg) var(--nile-spacing-md);\n    cursor: pointer;\n    color: var(--nile-colors-dark-900);\n    text-decoration: none;\n    font-size: var(--nile-type-scale-3);\n    line-height: 1.4;\n    box-sizing: border-box;\n  }\n\n  .item-link:hover {\n    background: var(--nile-colors-neutral-400);\n    border-radius: var(--nile-radius-sm);\n  }\n\n  ::slotted(nile-side-bar-group-item-icon) {\n    flex-shrink: 0;\n  }\n\n  ::slotted(nile-side-bar-group-item-text) {\n    flex-grow: 1;\n  }\n\n  :host([active]) [part=\"link\"] {\n    background: var(--nile-colors-primary-100);\n    border-radius: var(--nile-radius-sm);\n    font-weight: var(--nile-font-weight-semibold);\n  }\n\n  :host([collapsed]) .group-item {\n    height: 38px;\n    width: 38px;\n  }\n\n  :host([disabled]) .item-link {\n    opacity: 0.5;\n    pointer-events: none;\n    cursor: not-allowed;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-side-bar-group-item/nile-side-bar-group-item.css.esm.js

@@ -1,56 +1,58 @@
-import{css as i}from"lit";const e=i`
-	 :host {
-  display: block;
-}
-
-.group-item {
-  display: flex;
-  flex-direction: column;
-}
-
-.item-link {
-  display: flex;
-  align-items: center;
-padding-top: var(--nile-spacing-lg);
-padding-bottom: var(--nile-spacing-lg);
-padding-left: var(--nile-spacing-md);
-padding-right: var(--nile-spacing-md);
-  cursor: pointer;
-  color: var(--nile-colors-dark-900);
-  text-decoration: none;
-  font-size: var(--nile-type-scale-3);
-  line-height: 1.4;
-}
-
-.item-link:hover {
-  background: var(--nile-colors-neutral-400);
-  border-radius: var(--nile-radius-sm);
-}
-
-
-
-::slotted(nile-side-bar-group-item-icon) {
-  flex-shrink: 0;
-}
-
-::slotted(nile-side-bar-group-item-text) {
-  flex-grow: 1;
-}
-:host([active]) [part="link"] {
-  background:    var(--nile-colors-primary-100);
-  border-radius: var(--nile-radius-sm);
-  font-weight: var(--nile-font-weight-semibold);
-}
-
-:host([collapsed]) .group-item {
-height: 38px;
-width: 38px;
-}
-:host([disabled]) .item-link {
-  opacity: 0.5;
-  pointer-events: none;
-  cursor: not-allowed;
-}
-
-
-`;export{e as s};
+import{css as e}from"lit";const i=e`
+  :host {
+    display: block;
+  }
+
+  .group-item {
+    display: flex;
+    flex-direction: column;
+    height: 38px;
+    width: 208px;
+    overflow: hidden;
+  }
+
+  .item-link {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    height: 100%;
+    width: 100%;
+    padding: var(--nile-spacing-lg) var(--nile-spacing-md);
+    cursor: pointer;
+    color: var(--nile-colors-dark-900);
+    text-decoration: none;
+    font-size: var(--nile-type-scale-3);
+    line-height: 1.4;
+    box-sizing: border-box;
+  }
+
+  .item-link:hover {
+    background: var(--nile-colors-neutral-400);
+    border-radius: var(--nile-radius-sm);
+  }
+
+  ::slotted(nile-side-bar-group-item-icon) {
+    flex-shrink: 0;
+  }
+
+  ::slotted(nile-side-bar-group-item-text) {
+    flex-grow: 1;
+  }
+
+  :host([active]) [part="link"] {
+    background: var(--nile-colors-primary-100);
+    border-radius: var(--nile-radius-sm);
+    font-weight: var(--nile-font-weight-semibold);
+  }
+
+  :host([collapsed]) .group-item {
+    height: 38px;
+    width: 38px;
+  }
+
+  :host([disabled]) .item-link {
+    opacity: 0.5;
+    pointer-events: none;
+    cursor: not-allowed;
+  }
+`;export{i as s};

package/dist/nile-side-bar-header/nile-side-bar-header.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: var(--nile-spacing-xl);\n  padding-bottom: var(--nile-spacing-lg);\n  padding-left: var(--nile-spacing-xl);\n  padding-right: var(--nile-spacing-xl);\n  position: sticky;\n    top: 0;\n    z-index: 10;\n    background: var(--nile-colors-neutral-100);\n}\n\n.header-content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n\n\n:host-context(nile-side-bar[collapsed]) .header-content {\n  flex-direction: column;\n  justify-content: center;\n  gap: var(--nile-spacing-lg);\n}\n\n\n \n \n::slotted([slot='logo']) {\n  font-size: var(--nile-type-scale-3);\n  font-weight: var(--nile-font-weight-bold);\n  letter-spacing: -0.02em;\n  color: var(--nile-colors-dark-900);\n  text-transform: none;\n}\n\n::slotted([slot='actions']) {\n  display: flex;\n  align-items: center;\n  gap: var(--nile-spacing-md);\n}\n\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: var(--nile-spacing-xl);\n  padding-bottom: var(--nile-spacing-lg);\n  padding-left: var(--nile-spacing-xl);\n  padding-right: var(--nile-spacing-xl);\n  top: 0;\n  background: var(--nile-colors-neutral-100);\n}\n\n.header-content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n\n\n:host-context(nile-side-bar[collapsed]) .header-content {\n  flex-direction: column;\n  justify-content: center;\n  gap: var(--nile-spacing-lg);\n}\n\n\n \n \n::slotted([slot='logo']) {\n  font-size: var(--nile-type-scale-3);\n  font-weight: var(--nile-font-weight-bold);\n  letter-spacing: -0.02em;\n  color: var(--nile-colors-dark-900);\n  text-transform: none;\n}\n\n::slotted([slot='actions']) {\n  display: flex;\n  align-items: center;\n  gap: var(--nile-spacing-md);\n}\n\n"]))));}};});
 //# sourceMappingURL=nile-side-bar-header.css.cjs.js.map

package/dist/nile-side-bar-header/nile-side-bar-header.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-side-bar-header.css.cjs.js","sources":["../../../src/nile-side-bar-header/nile-side-bar-header.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * SideBarHeader CSS\n */\nexport const styles = css`\n :host {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: var(--nile-spacing-xl);\n  padding-bottom: var(--nile-spacing-lg);\n  padding-left: var(--nile-spacing-xl);\n  padding-right: var(--nile-spacing-xl);\n  position: sticky;\n    top: 0;\n    z-index: 10;\n    background: var(--nile-colors-neutral-100);\n}\n\n.header-content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n\n\n:host-context(nile-side-bar[collapsed]) .header-content {\n  flex-direction: column;\n  justify-content: center;\n  gap: var(--nile-spacing-lg);\n}\n\n\n \n \n::slotted([slot='logo']) {\n  font-size: var(--nile-type-scale-3);\n  font-weight: var(--nile-font-weight-bold);\n  letter-spacing: -0.02em;\n  color: var(--nile-colors-dark-900);\n  text-transform: none;\n}\n\n::slotted([slot='actions']) {\n  display: flex;\n  align-items: center;\n  gap: var(--nile-spacing-md);\n}\n\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-side-bar-header.css.cjs.js","sources":["../../../src/nile-side-bar-header/nile-side-bar-header.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * SideBarHeader CSS\n */\nexport const styles = css`\n :host {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding-top: var(--nile-spacing-xl);\n  padding-bottom: var(--nile-spacing-lg);\n  padding-left: var(--nile-spacing-xl);\n  padding-right: var(--nile-spacing-xl);\n  top: 0;\n  background: var(--nile-colors-neutral-100);\n}\n\n.header-content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n\n\n:host-context(nile-side-bar[collapsed]) .header-content {\n  flex-direction: column;\n  justify-content: center;\n  gap: var(--nile-spacing-lg);\n}\n\n\n \n \n::slotted([slot='logo']) {\n  font-size: var(--nile-type-scale-3);\n  font-weight: var(--nile-font-weight-bold);\n  letter-spacing: -0.02em;\n  color: var(--nile-colors-dark-900);\n  text-transform: none;\n}\n\n::slotted([slot='actions']) {\n  display: flex;\n  align-items: center;\n  gap: var(--nile-spacing-md);\n}\n\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-side-bar-header/nile-side-bar-header.css.esm.js

@@ -7,10 +7,8 @@ import{css as e}from"lit";const t=e`
   padding-bottom: var(--nile-spacing-lg);
   padding-left: var(--nile-spacing-xl);
   padding-right: var(--nile-spacing-xl);
-  position: sticky;
-    top: 0;
-    z-index: 10;
-    background: var(--nile-colors-neutral-100);
+  top: 0;
+  background: var(--nile-colors-neutral-100);
 }
 
 .header-content {

package/dist/nile-side-bar-panel/index.cjs.js

@@ -0,0 +1,2 @@
+System.register(["./nile-side-bar-panel.cjs.js","tslib","lit","lit/decorators.js","./nile-side-bar-panel.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileSideBarPanelCjsJs){_export("NileSideBarPanel",_nileSideBarPanelCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileSideBarPanelCssCjsJs){},function(_internalNileElementCjsJs){}],execute:function execute(){}};});
+//# sourceMappingURL=index.cjs.js.map

package/dist/nile-side-bar-panel/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/nile-side-bar-panel/index.esm.js

@@ -0,0 +1 @@
+export{N as NileSideBarPanel}from"./nile-side-bar-panel.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-side-bar-panel.css.esm.js";import"../internal/nile-element.esm.js";

package/dist/nile-side-bar-panel/nile-side-bar-panel.cjs.js

@@ -0,0 +1,2 @@
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-side-bar-panel.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var s,e,r,t,i,_templateObject,l;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){s=_tslib.__decorate;},function(_lit){e=_lit.html;},function(_litDecoratorsJs){r=_litDecoratorsJs.customElement;},function(_nileSideBarPanelCssCjsJs){t=_nileSideBarPanelCssCjsJs.s;},function(_internalNileElementCjsJs){i=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_i){function l(){_classCallCheck(this,l);return _callSuper(this,l,arguments);}_inherits(l,_i);return _createClass(l,[{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<slot> </slot>\n\t\t\t"])));}}],[{key:"styles",get:function get(){return[t];}}]);}(i));_export("N",l=s([r("nile-side-bar-panel")],l));}};});
+//# sourceMappingURL=nile-side-bar-panel.cjs.js.map

package/dist/nile-side-bar-panel/nile-side-bar-panel.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-side-bar-panel.cjs.js","sources":["../../../src/nile-side-bar-panel/nile-side-bar-panel.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, CSSResultArray, TemplateResult} from 'lit';\nimport { customElement, property} from 'lit/decorators.js';\nimport {styles} from './nile-side-bar-panel.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile side-bar-panel component.\n *\n * @tag nile-side-bar-panel\n *\n */\n@customElement('nile-side-bar-panel')\nexport class NileSideBarPanel extends NileElement {\n\n\t/**\n\t * The styles for nile-side-bar-panel\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\t\treturn html`\n\t\t\t<slot> </slot>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileSideBarPanel;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-side-bar-panel': NileSideBarPanel;\n  }\n}"],"names":["NileSideBarPanel","render","html","_templateObject","_taggedTemplateLiteral","key","get","styles","NileElement","__decorate","customElement"],"mappings":"inGAoBaA,CAAAA,uBAAAA,EAAAA,WAAAA,EAAAA,EAAAA,eAAAA,MAAAA,CAAAA,SAAAA,UAAAA,MAAAA,CAAAA,CAAAA,SAAAA,GAAAA,SAAAA,CAAAA,CAAAA,CAAAA,EAAAA,SAAAA,YAAAA,CAAAA,CAAAA,GAAAA,GAAAA,UAAAA,KAAAA,CAkBL,SAAAC,MAAAA,CAAAA,CACN,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,uCAGX,CAAA,KAAAC,GAAA,UAAAC,GAAA,CAhBM,SAAAA,IAAA,EACN,MAAO,CAACC,EACR,EAUM,MAlB8BC,CAM9B,GANKR,OAAAA,KAAAA,CAAgBS,CAAAA,CAAAA,CAAA,CAD5BC,CAAAA,CAAc,wBACFV"}

package/dist/nile-side-bar-panel/nile-side-bar-panel.css.cjs.js

@@ -0,0 +1,2 @@
+System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,t;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t\twidth: 100%; \n\t\theight: 100%;\n\t\toverflow-y: auto;\n\t}\n\n"]))));}};});
+//# sourceMappingURL=nile-side-bar-panel.css.cjs.js.map

package/dist/nile-side-bar-panel/nile-side-bar-panel.css.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-side-bar-panel.css.cjs.js","sources":["../../../src/nile-side-bar-panel/nile-side-bar-panel.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2025\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * SideBarPanel CSS\n */\nexport const styles = css`\n\t:host {\n\t\twidth: 100%; \n\t\theight: 100%;\n\t\toverflow-y: auto;\n\t}\n\n`;\n\nexport default [styles];"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-side-bar-panel/nile-side-bar-panel.css.esm.js

@@ -0,0 +1,8 @@
+import{css as o}from"lit";const t=o`
+	:host {
+		width: 100%; 
+		height: 100%;
+		overflow-y: auto;
+	}
+
+`;export{t as s};

package/dist/nile-side-bar-panel/nile-side-bar-panel.esm.js

@@ -0,0 +1,3 @@
+import{__decorate as e}from"tslib";import{html as s}from"lit";import{customElement as r}from"lit/decorators.js";import{s as t}from"./nile-side-bar-panel.css.esm.js";import{N as i}from"../internal/nile-element.esm.js";let l=class extends i{static get styles(){return[t]}render(){return s`
+			<slot> </slot>
+			`}};l=e([r("nile-side-bar-panel")],l);export{l as N};