@aquera/nile-elements 1.3.1-beta-1.0 → 1.3.1-beta-1

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

@@ -1,4 +1,4 @@
-import{css as o}from"lit";const r=o`
+import{css as t}from"lit";const o=t`
  :host {
   --sidebar-width: 240px;
   --sidebar-collapsed-width: 70px;
@@ -7,8 +7,7 @@ import{css as o}from"lit";const r=o`
   display: flex;
   flex-direction: column;
   background-color: var(--nile-colors-neutral-100);
-  height: 100%;
-  overflow: hidden;  
+  overflow: auto;
   transition: width 0.25s ease, transform 0.25s ease;
   z-index: 1000;
 }
@@ -34,6 +33,15 @@ import{css as o}from"lit";const r=o`
   transform: translateX(calc(var(--sidebar-width) - var(--sidebar-collapsed-width)));
 }
 
+ 
+ 
+::slotted(*) {
+  display: block;
+  min-width: 0;
+  /* padding: var(--nile-spacing-xl) */
+}
+
+ 
 :host {
   scrollbar-width: thin;
   scrollbar-color: #64748b transparent;
@@ -49,35 +57,32 @@ import{css as o}from"lit";const r=o`
   background-color: #64748b;
   border-radius: 10px;
 }
-
- 
-.scroll-container {
-  flex: 1;
-  overflow-y: auto;
-  overflow-x: hidden;
-  display: flex;
-  flex-direction: column;
+:host([fullheight]) {
+  position: fixed;
+  top: 0;
+  height: 100dvh;
 }
 
- 
-::slotted(nile-side-bar-header) {
-  flex-shrink: 0;
+:host(:not([fullheight])) {
+  position: relative;
+  height: 100%;
 }
-
 ::slotted(nile-side-bar-footer) {
-  flex-shrink: 0;
-  position: sticky;
-  bottom: 0;
-  margin-top: auto;
+  margin-top: auto;  
+  flex-shrink: 0;   
+}
+:host([collapsed]) ::slotted(nile-side-bar-footer-item) .footer-item {
+  justify-content: center;
+  padding: 0;
 }
 
- 
- 
-
-
+:host([collapsed]) ::slotted(nile-side-bar-footer-item) ::slotted([slot='text']),
+:host([collapsed]) ::slotted(nile-side-bar-footer-item) ::slotted([slot='action']) {
+  display: none;
+}
 
 
 
 
 
-`;export{r as s};
+`;export{o as s};

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

@@ -1,7 +1 @@
-import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as i,customElement as s}from"lit/decorators.js";import{s as l}from"./nile-side-bar.css.esm.js";import{N as r}from"../internal/nile-element.esm.js";let o=class extends r{constructor(){super(...arguments),this.position="left",this.collapsed=!1,this.fullHeight=!1,this.width=null,this.collapsedWidth=null}static get styles(){return[l]}updated(t){super.updated(t),t.has("collapsed")&&this.querySelectorAll("nile-side-bar-footer-item, nile-side-bar-group-item, nile-side-bar-group").forEach((t=>t.toggleAttribute("collapsed",this.collapsed))),t.has("width")&&null!==this.width&&this.style.setProperty("--sidebar-width",`${this.width}px`),t.has("collapsedWidth")&&null!==this.collapsedWidth&&this.style.setProperty("--sidebar-collapsed-width",`${this.collapsedWidth}px`)}render(){return e`
-      <slot name="header"></slot>
-      <div class="scroll-container">
-        <slot></slot>
-      </div>
-      <slot name="footer"></slot>
-    `}};t([i({type:String,reflect:!0,attribute:!0})],o.prototype,"position",void 0),t([i({type:Boolean,reflect:!0,attribute:!0})],o.prototype,"collapsed",void 0),t([i({type:Boolean,reflect:!0,attribute:!0})],o.prototype,"fullHeight",void 0),t([i({type:Number,attribute:!0})],o.prototype,"width",void 0),t([i({type:Number,attribute:!0})],o.prototype,"collapsedWidth",void 0),o=t([s("nile-side-bar")],o);export{o as N};
+import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as i,customElement as s}from"lit/decorators.js";import{s as r}from"./nile-side-bar.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";let o=class extends l{constructor(){super(...arguments),this.position="left",this.collapsed=!1,this.fullHeight=!1,this.width=null,this.collapsedWidth=null}static get styles(){return[r]}updated(t){super.updated(t),t.has("collapsed")&&this.querySelectorAll("nile-side-bar-footer-item, nile-side-bar-group-item, nile-side-bar-group").forEach((t=>t.toggleAttribute("collapsed",this.collapsed))),t.has("width")&&null!==this.width&&this.style.setProperty("--sidebar-width",`${this.width}px`),t.has("collapsedWidth")&&null!==this.collapsedWidth&&this.style.setProperty("--sidebar-collapsed-width",`${this.collapsedWidth}px`)}render(){return e`<slot></slot>`}};t([i({type:String,reflect:!0,attribute:!0})],o.prototype,"position",void 0),t([i({type:Boolean,reflect:!0,attribute:!0})],o.prototype,"collapsed",void 0),t([i({type:Boolean,reflect:!0,attribute:!0})],o.prototype,"fullHeight",void 0),t([i({type:Number,attribute:!0})],o.prototype,"width",void 0),t([i({type:Number,attribute:!0})],o.prototype,"collapsedWidth",void 0),o=t([s("nile-side-bar")],o);export{o as N};

package/dist/nile-side-bar-expand/nile-side-bar-expand.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-expand.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,e,i,l,o,n,_templateObject,_templateObject2,_templateObject3,s;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 _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););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){i=_litDecoratorsJs.property;l=_litDecoratorsJs.customElement;},function(_nileSideBarExpandCssCjsJs){o=_nileSideBarExpandCssCjsJs.s;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",s=/*#__PURE__*/function(_n){function s(){var _this;_classCallCheck(this,s);_this=_callSuper(this,s,arguments),_this.collapsed=!1,_this.expandTooltipText="Expand Sidebar",_this.collapseTooltipText="Collapse Sidebar";return _this;}_inherits(s,_n);return _createClass(s,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(s,"connectedCallback",this,3)([]);var t=this.closest("nile-side-bar");t&&(this.collapsed=t.hasAttribute("collapsed"));}},{key:"toggleSidebar",value:function toggleSidebar(){var t=this.closest("nile-side-bar");if(!t)return;t.hasAttribute("collapsed")?(t.removeAttribute("collapsed"),this.collapsed=!1):(t.setAttribute("collapsed",""),this.collapsed=!0);}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <button class=\"expand-btn\" @click=",">\n        ","\n      </button>\n    "])),this.toggleSidebar,this.collapsed?e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <nile-lite-tooltip placement=\"right\" hoist content=",">\n                <span part=\"icon\"><nile-icon name=\"moveright\"></nile-icon></span>\n              </nile-lite-tooltip>\n            "])),this.expandTooltipText):e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n              <nile-lite-tooltip placement=\"right\" hoist content=",">\n                <span part=\"icon\"><nile-icon name=\"moveleft\"></nile-icon></span>\n              </nile-lite-tooltip>\n            "])),this.collapseTooltipText));}}],[{key:"styles",get:function get(){return[o];}}]);}(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),_export("N",s=t([l("nile-side-bar-expand")],s));}};});
+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-expand.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var e,t,i,n,o,s,_templateObject,_templateObject2,_templateObject3,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 _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););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){e=_tslib.__decorate;},function(_lit){t=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.property;n=_litDecoratorsJs.customElement;},function(_nileSideBarExpandCssCjsJs){o=_nileSideBarExpandCssCjsJs.s;},function(_internalNileElementCjsJs){s=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_s){function l(){var _this;_classCallCheck(this,l);_this=_callSuper(this,l,arguments),_this.collapsed=!1;return _this;}_inherits(l,_s);return _createClass(l,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(l,"connectedCallback",this,3)([]);var e=this.closest("nile-side-bar");e&&(this.collapsed=e.hasAttribute("collapsed"));}},{key:"toggleSidebar",value:function toggleSidebar(){var e=this.closest("nile-side-bar");if(!e)return;e.hasAttribute("collapsed")?(e.removeAttribute("collapsed"),this.collapsed=!1):(e.setAttribute("collapsed",""),this.collapsed=!0);}},{key:"render",value:function render(){return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <button class=\"expand-btn\" @click=",">\n        ","\n      </button>\n    "])),this.toggleSidebar,this.collapsed?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <nile-tooltip placement=\"right\" hoist content=\"Expand Sidebar\">\n                <span part=\"icon\"><nile-icon name=\"moveright\"></nile-icon></span>\n              </nile-tooltip>\n            "]))):t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n              <nile-tooltip placement=\"right\" hoist content=\"Collapse Sidebar\">\n                <span part=\"icon\"><nile-icon name=\"moveleft\"></nile-icon></span>\n              </nile-tooltip>\n            "]))));}}],[{key:"styles",get:function get(){return[o];}}]);}(s));e([i({type:Boolean,reflect:!0})],l.prototype,"collapsed",void 0),_export("N",l=e([n("nile-side-bar-expand")],l));}};});
 //# sourceMappingURL=nile-side-bar-expand.cjs.js.map

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  @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"}
+{"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"}

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: 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"]))));}};});
+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"]))));}};});
 //# 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: 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"}
+{"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"}

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: 38px;
-  height: 38px;
+  width: 32px;
+  height: 32px;
   border: none;
   background: transparent;
   color: inherit;
@@ -17,7 +17,9 @@ 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 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`
+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`
       <button class="expand-btn" @click=${this.toggleSidebar}>
-        ${this.collapsed?e`
-              <nile-lite-tooltip placement="right" hoist content=${this.expandTooltipText}>
+        ${this.collapsed?t`
+              <nile-tooltip placement="right" hoist content="Expand Sidebar">
                 <span part="icon"><nile-icon name="moveright"></nile-icon></span>
-              </nile-lite-tooltip>
-            `:e`
-              <nile-lite-tooltip placement="right" hoist content=${this.collapseTooltipText}>
+              </nile-tooltip>
+            `:t`
+              <nile-tooltip placement="right" hoist content="Collapse Sidebar">
                 <span part="icon"><nile-icon name="moveleft"></nile-icon></span>
-              </nile-lite-tooltip>
+              </nile-tooltip>
             `}
       </button>
-    `}};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};
+    `}};e([i({type:Boolean,reflect:!0})],l.prototype,"collapsed",void 0),l=e([n("nile-side-bar-expand")],l);export{l 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,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  z-index: 10;\n  bottom: 0;\n  position: sticky;\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,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"]))));}};});
 //# 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  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  z-index: 10;\n  bottom: 0;\n  position: sticky;\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  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"}

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

@@ -1,15 +1,13 @@
-import{css as i}from"lit";const a=i`
+import{css as i}from"lit";const e=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;
-  position: sticky;
   background: var(--nile-colors-neutral-100);
 }
 
@@ -37,4 +35,4 @@ import{css as i}from"lit";const a=i`
 
 
  
-`;export{a as s};
+`;export{e 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,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));}};});
+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));}};});
 //# 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  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"}
+{"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"}

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 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 \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\n\n\n"]))));}};});
+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"]))));}};});
 //# 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-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 \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\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: 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"}

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

@@ -1,4 +1,4 @@
-import{css as t}from"lit";const o=t`
+import{css as o}from"lit";const t=o`
   :host {
     display: block;
     width: 100%;
@@ -8,11 +8,8 @@ import{css as t}from"lit";const o=t`
     display: flex;
     align-items: center;
 	justify-content: flex-start;
-    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);
+    padding: 12px;
+    font-size: 0.875rem;
     color: var(--nile-side-bar-footer-color, #374151);
     cursor: pointer;
     border-radius: var(--nile-side-bar-footer-radius, 0.375rem);
@@ -54,13 +51,8 @@ import{css as t}from"lit";const o=t`
  
   :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;
@@ -77,8 +69,4 @@ import{css as t}from"lit";const o=t`
   width: 38px;
 }
 
-
-
-
-
-`;export{o as s};
+`;export{t 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 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}>
+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">
         <slot name="icon" part="icon"></slot>
         <slot name="text" part="text"></slot>
         <slot name="action" part="action"></slot>
       </div>
-    `}};t([s({type:String,reflect:!0})],l.prototype,"type",void 0),l=t([i("nile-side-bar-footer-item")],l);export{l as N};
+    `}};t([r({type:String,reflect:!0})],l.prototype,"type",void 0),l=t([s("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,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"]))));}};});
+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"]))));}};});
 //# 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-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"}
+{"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"}

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

@@ -1,10 +1,11 @@
-import{css as i}from"lit";const e=i`
+import{css as i}from"lit";const n=i`
   :host {
     display: flex;
     flex-direction: column;
     padding-bottom: var(--nile-spacing-xs);
-    padding-left: var(--nile-spacing-xl);
-    padding-right: var(--nile-spacing-xl);
+    padding-left: var(--nile-spacing-md);
+    padding-right: var(--nile-spacing-md);
+    gap: var(--nile-spacing-lg);
   }
 
 
@@ -24,8 +25,10 @@ import{css as i}from"lit";const e=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 {
@@ -43,4 +46,4 @@ import{css as i}from"lit";const e=i`
 align-items: center;
 justify-content: center;
 }
-`;export{e as s};
+`;export{n 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 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"]))));}};});
+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"]))));}};});
 //# 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  :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"}
+{"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"}

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

@@ -1,58 +1,56 @@
-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};
+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};