@aquera/nile-elements 1.3.5-beta-1.0 → 1.3.6-beta-1.0

package/dist/nile-side-bar/nile-side-bar.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.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,e,i,s,r,l,_templateObject,o;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;s=_litDecoratorsJs.customElement;},function(_nileSideBarCssCjsJs){r=_nileSideBarCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",o=/*#__PURE__*/function(_l){function o(){var _this;_classCallCheck(this,o);_this=_callSuper(this,o,arguments),_this.position="left",_this.collapsed=!1,_this.fullHeight=!1,_this.width=null,_this.collapsedWidth=null;return _this;}_inherits(o,_l);return _createClass(o,[{key:"updated",value:function updated(t){var _this2=this;_superPropGet(o,"updated",this,3)([t]),t.has("collapsed")&&this.querySelectorAll("nile-side-bar-footer-item, nile-side-bar-group-item, nile-side-bar-group").forEach(function(t){return t.toggleAttribute("collapsed",_this2.collapsed);}),t.has("width")&&null!==this.width&&this.style.setProperty("--sidebar-width","".concat(this.width,"px")),t.has("collapsedWidth")&&null!==this.collapsedWidth&&this.style.setProperty("--sidebar-collapsed-width","".concat(this.collapsedWidth,"px"));}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["<slot></slot>"])));}}],[{key:"styles",get:function get(){return[r];}}]);}(l));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),_export("N",o=t([s("nile-side-bar")],o));}};});
+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.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";var t,e,i,s,l,r,_templateObject,o;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;s=_litDecoratorsJs.customElement;},function(_nileSideBarCssCjsJs){l=_nileSideBarCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;}],execute:function execute(){_export("N",o=/*#__PURE__*/function(_r){function o(){var _this;_classCallCheck(this,o);_this=_callSuper(this,o,arguments),_this.position="left",_this.collapsed=!1,_this.fullHeight=!1,_this.width=null,_this.collapsedWidth=null;return _this;}_inherits(o,_r);return _createClass(o,[{key:"updated",value:function updated(t){var _this2=this;_superPropGet(o,"updated",this,3)([t]),t.has("collapsed")&&this.querySelectorAll("nile-side-bar-footer-item, nile-side-bar-group-item, nile-side-bar-group").forEach(function(t){return t.toggleAttribute("collapsed",_this2.collapsed);}),t.has("width")&&null!==this.width&&this.style.setProperty("--sidebar-width","".concat(this.width,"px")),t.has("collapsedWidth")&&null!==this.collapsedWidth&&this.style.setProperty("--sidebar-collapsed-width","".concat(this.collapsedWidth,"px"));}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <slot name=\"header\"></slot>\n      <div class=\"scroll-container\">\n        <slot></slot>\n      </div>\n      <slot name=\"footer\"></slot>\n    "])));}}],[{key:"styles",get:function get(){return[l];}}]);}(r));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),_export("N",o=t([s("nile-side-bar")],o));}};});
 //# sourceMappingURL=nile-side-bar.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-side-bar.cjs.js","sources":["../../../src/nile-side-bar/nile-side-bar.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 { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile side-bar component.\n *\n * @tag nile-side-bar\n *\n * @attr position - Position of the sidebar (\"left\" | \"right\"). Defaults to \"left\".\n * @attr width - Expanded width of the sidebar (px).\n * @attr collapsed-width - Collapsed width of the sidebar (px).\n */\n@customElement('nile-side-bar')\nexport class NileSideBar extends NileElement {\n  @property({ type: String, reflect: true, attribute: true })position: 'left' | 'right' = 'left';\n\n  @property({ type: Boolean, reflect: true, attribute: true })collapsed: boolean = false;\n\n  @property({ type: Boolean, reflect: true, attribute: true })fullHeight: boolean = false;\n   \n  @property({ type: Number, attribute: true })width: number | null = null;\n\n \n  @property({ type: Number, attribute: true })collapsedWidth: number | null = null;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  protected updated(changedProps: Map<string, unknown>) {\n    super.updated(changedProps);\n\n    if (changedProps.has('collapsed')) {\n      this.querySelectorAll<NileElement>(\n        'nile-side-bar-footer-item, nile-side-bar-group-item, nile-side-bar-group'\n      ).forEach(el => el.toggleAttribute('collapsed', this.collapsed));\n    }\n\n    if (changedProps.has('width') && this.width !== null) {\n      this.style.setProperty('--sidebar-width', `${this.width}px`);\n    }\n    if (changedProps.has('collapsedWidth') && this.collapsedWidth !== null) {\n      this.style.setProperty('--sidebar-collapsed-width', `${this.collapsedWidth}px`);\n    }\n  }\n\n  public render(): TemplateResult {\n    return html`<slot></slot>`;\n  }\n}\n\nexport default NileSideBar;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-side-bar': NileSideBar;\n  }\n}\n"],"names":["NileSideBar","_l","o","this","position","collapsed","fullHeight","width","collapsedWidth","_this","_inherits","_createClass","key","value","updated","changedProps","super","has","querySelectorAll","forEach","el","toggleAttribute","style","setProperty","concat","render","html","_templateObject","_taggedTemplateLiteral","__decorate","get","styles","NileElement","property","type","String","reflect","attribute","prototype","Boolean","Number","customElement"],"mappings":"4oHAsBaA,CAAN,uBAAAC,EAAA,EAAA,SAAAC,EAAA,uEACsDC,KAAAA,CAAQC,QAAAA,CAAqB,OAE5BD,KAAAA,CAASE,SAAAA,CAAAA,CAAY,CAErBF,CAAAA,KAAAA,CAAUG,YAAY,CAEtCH,CAAAA,KAAAA,CAAKI,KAAkB,CAAA,IAAA,CAGvBJ,KAAAA,CAAcK,cAAkB,CAAA,IA0B7E,QAAAC,KAAA,EAxBQC,SAAA,CAAAR,CAAA,CAAAD,EAAA,SAAAU,YAAA,CAAAT,CAAA,GAAAU,GAAA,WAAAC,KAAA,CAIG,SAAAC,OAAAA,CAAQC,CAChBC,CAAAA,KAAAA,MAAAA,MAAAA,aAAAA,CAAAA,CAAAA,oBAAcD,CAAAA,GAEVA,EAAaE,GAAI,CAAA,WAAA,CAAA,EACnBd,IAAKe,CAAAA,gBAAAA,CACH,4EACAC,OAAQC,CAAAA,SAAAA,CAAAA,QAAMA,CAAAA,EAAGC,eAAgB,CAAA,WAAA,CAAalB,OAAKE,SAGnDU,CAAAA,EAAAA,CAAAA,CAAAA,CAAAA,CAAaE,GAAI,CAAA,OAAA,CAAA,EAA2B,OAAfd,IAAKI,CAAAA,KAAAA,EACpCJ,IAAKmB,CAAAA,KAAAA,CAAMC,YAAY,iBAAmB,IAAAC,MAAA,CAAGrB,IAAKI,CAAAA,KAAAA,MAAAA,CAAAA,CAEhDQ,EAAaE,GAAI,CAAA,gBAAA,CAAA,EAA6C,OAAxBd,IAAKK,CAAAA,cAAAA,EAC7CL,KAAKmB,KAAMC,CAAAA,WAAAA,CAAY,2BAA6B,IAAAC,MAAA,CAAGrB,KAAKK,cAE/D,MAAA,CAAA,EAEM,GAAAI,GAAA,UAAAC,KAAA,UAAAY,MAAAA,CAAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,sBACZ,CAlC0DC,KAAAA,GAAAA,UAAAA,GAAAA,CAWpD,SAAAC,IAAA,CAAWC,CAChB,MAAO,CAACA,CAAAA,CACT,EAES,MAhBqBC,CAA1B,GACsDH,CAAAA,CAAA,CAA1DI,CAAS,CAAA,CAAEC,KAAMC,MAAQC,CAAAA,OAAAA,CAAAA,CAAS,EAAMC,SAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA2CrC,CAAAsC,CAAAA,SAAAA,CAAA,eAAA,EAEnCT,CAAAA,CAAAA,CAAAA,CAAA,CAA3DI,CAAAA,CAAS,CAAEC,IAAMK,CAAAA,OAAAA,CAASH,OAAS,CAAA,CAAA,CAAA,CAAMC,WAAW,CAAkCrC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsC,UAAA,WAAA,CAAA,IAAA,EAAA,CAAA,CAE3BT,EAAA,CAA3DI,CAAAA,CAAS,CAAEC,IAAAA,CAAMK,QAASH,OAAS,CAAA,CAAA,CAAA,CAAMC,SAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAmCrC,EAAAsC,SAAA,CAAA,YAAA,CAAA,IAAA,EAE5CT,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAS,CAAA,CAAEC,KAAMM,MAAQH,CAAAA,SAAAA,CAAAA,CAAW,KAAmCrC,CAAAsC,CAAAA,SAAAA,CAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CAG5BT,EAAA,CAA3CI,CAAAA,CAAS,CAAEC,IAAAA,CAAMM,OAAQH,SAAW,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA4CrC,CAAAsC,CAAAA,SAAAA,CAAA,qBAAA,EAVtEtC,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAW6B,EAAA,CADvBY,CAAAA,CAAc,kBACFzC"}
+{"version":3,"file":"nile-side-bar.cjs.js","sources":["../../../src/nile-side-bar/nile-side-bar.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 { html, CSSResultArray, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-side-bar.css';\nimport NileElement from '../internal/nile-element';\n\n/**\n * Nile side-bar component.\n *\n * @tag nile-side-bar\n *\n * @attr position - Position of the sidebar (\"left\" | \"right\"). Defaults to \"left\".\n * @attr width - Expanded width of the sidebar (px).\n * @attr collapsed-width - Collapsed width of the sidebar (px).\n */\n@customElement('nile-side-bar')\nexport class NileSideBar extends NileElement {\n  @property({ type: String, reflect: true, attribute: true })position: 'left' | 'right' = 'left';\n\n  @property({ type: Boolean, reflect: true, attribute: true })collapsed: boolean = false;\n\n  @property({ type: Boolean, reflect: true, attribute: true })fullHeight: boolean = false;\n   \n  @property({ type: Number, attribute: true })width: number | null = null;\n\n \n  @property({ type: Number, attribute: true })collapsedWidth: number | null = null;\n\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  protected updated(changedProps: Map<string, unknown>) {\n    super.updated(changedProps);\n\n    if (changedProps.has('collapsed')) {\n      this.querySelectorAll<NileElement>(\n        'nile-side-bar-footer-item, nile-side-bar-group-item, nile-side-bar-group'\n      ).forEach(el => el.toggleAttribute('collapsed', this.collapsed));\n    }\n\n    if (changedProps.has('width') && this.width !== null) {\n      this.style.setProperty('--sidebar-width', `${this.width}px`);\n    }\n    if (changedProps.has('collapsedWidth') && this.collapsedWidth !== null) {\n      this.style.setProperty('--sidebar-collapsed-width', `${this.collapsedWidth}px`);\n    }\n  }\n\n  public render(): TemplateResult {\n    return html`\n      <slot name=\"header\"></slot>\n      <div class=\"scroll-container\">\n        <slot></slot>\n      </div>\n      <slot name=\"footer\"></slot>\n    `;\n  }\n  \n}\n\nexport default NileSideBar;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-side-bar': NileSideBar;\n  }\n}\n"],"names":["NileSideBar","o","this","position","collapsed","fullHeight","width","collapsedWidth","_this","_inherits","_r","_createClass","key","value","updated","changedProps","super","has","querySelectorAll","forEach","el","toggleAttribute","style","setProperty","concat","render","html","_templateObject","_taggedTemplateLiteral","get","styles","NileElement","__decorate","property","type","String","reflect","attribute","prototype","Boolean","Number","customElement"],"mappings":"4oHAsBaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,uEACsDC,KAAAA,CAAQC,QAAqB,CAAA,MAAA,CAE5BD,KAAAA,CAASE,SAAAA,CAAAA,CAAY,EAErBF,KAAAA,CAAUG,UAAAA,CAAAA,CAAY,EAEtCH,KAAAA,CAAKI,KAAAA,CAAkB,KAGvBJ,KAAAA,CAAcK,cAAAA,CAAkB,IAiC7E,QAAAC,KAAA,EA/BQC,SAAA,CAAAR,CAAA,CAAAS,EAAA,SAAAC,YAAA,CAAAV,CAAA,GAAAW,GAAA,WAAAC,KAAA,CAIG,SAAAC,OAAAA,CAAQC,CAChBC,CAAAA,KAAAA,MAAAA,MAAAA,aAAAA,CAAAA,CAAAA,oBAAcD,CAAAA,GAEVA,EAAaE,GAAI,CAAA,WAAA,CAAA,EACnBf,KAAKgB,gBACH,CAAA,0EAAA,CAAA,CACAC,QAAQC,SAAAA,CAAMA,QAAAA,CAAAA,CAAAA,CAAGC,gBAAgB,WAAanB,CAAAA,MAAAA,CAAKE,cAGnDW,CAAaE,CAAAA,GAAAA,CAAI,UAA2B,IAAff,GAAAA,IAAAA,CAAKI,OACpCJ,IAAKoB,CAAAA,KAAAA,CAAMC,YAAY,iBAAmB,IAAAC,MAAA,CAAGtB,KAAKI,KAEhDS,MAAAA,CAAAA,CAAAA,CAAAA,CAAaE,IAAI,gBAA6C,CAAA,EAAA,IAAA,GAAxBf,KAAKK,cAC7CL,EAAAA,IAAAA,CAAKoB,MAAMC,WAAY,CAAA,2BAAA,IAAAC,MAAA,CAAgCtB,IAAKK,CAAAA,cAAAA,MAAAA,CAE/D,EAEM,GAAAK,GAAA,UAAAC,KAAA,UAAAY,MAAAA,CAAAA,CAAAA,CACL,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,sKAOZ,CAAA,KAAAhB,GAAA,UAAAiB,GAAA,CA7BM,SAAAA,IAAA,EACL,MAAO,CAACC,EACT,EAES,MAhBqBC,CAA1B,GACsDC,CAAA,CAAA,CAA1DC,CAAS,CAAA,CAAEC,KAAMC,MAAQC,CAAAA,OAAAA,CAAAA,CAAS,CAAMC,CAAAA,SAAAA,CAAAA,CAAW,CAA2CrC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsC,SAAA,CAAA,UAAA,CAAA,IAAA,IAEnCN,CAAA,CAAA,CAA3DC,CAAS,CAAA,CAAEC,IAAMK,CAAAA,OAAAA,CAASH,OAAS,CAAA,CAAA,CAAA,CAAMC,WAAW,CAAkCrC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsC,SAAA,CAAA,WAAA,CAAA,IAAA,IAE3BN,CAAA,CAAA,CAA3DC,CAAS,CAAA,CAAEC,KAAMK,OAASH,CAAAA,OAAAA,CAAAA,CAAS,CAAMC,CAAAA,SAAAA,CAAAA,CAAW,CAAmCrC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsC,SAAA,CAAA,YAAA,CAAA,IAAA,IAE5CN,CAAA,CAAA,CAA3CC,CAAS,CAAA,CAAEC,KAAMM,MAAQH,CAAAA,SAAAA,CAAAA,CAAW,CAAmCrC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsC,UAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CAG5BN,CAAA,CAAA,CAA3CC,CAAS,CAAA,CAAEC,IAAMM,CAAAA,MAAAA,CAAQH,WAAW,CAA4CrC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAsC,SAAA,CAAA,gBAAA,CAAA,IAAA,gBAVtEtC,CAAWgC,CAAAA,CAAAA,CAAA,CADvBS,CAAAA,CAAc,kBACFzC"}

package/dist/nile-side-bar/nile-side-bar.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  --sidebar-width: 240px;\n  --sidebar-collapsed-width: 70px;\n  top: 0;\n  width: var(--sidebar-width);\n  display: flex;\n  flex-direction: column;\n  background-color: var(--nile-colors-neutral-100);\n  overflow: auto;\n  transition: width 0.25s ease, transform 0.25s ease;\n  z-index: 1000;\n}\n\n \n:host([position='left']) {\n  left: 0;\n  border-right: 1px solid var(--nile-colors-neutral-400);\n}\n\n:host([position='right']) {\n  right: 0;\n  border-left: 1px solid var(--nile-colors-neutral-400);\n}\n\n \n:host([collapsed]) {\n  width: var(--sidebar-collapsed-width);\n}\n\n \n:host([position='right'][collapsed]) {\n  transform: translateX(calc(var(--sidebar-width) - var(--sidebar-collapsed-width)));\n}\n\n \n \n::slotted(*) {\n  display: block;\n  min-width: 0;\n  /* padding: var(--nile-spacing-xl) */\n}\n\n \n:host {\n  scrollbar-width: thin;\n  scrollbar-color: #64748b transparent;\n}\n\n:host::-webkit-scrollbar {\n  width: 6px;\n}\n:host::-webkit-scrollbar-track {\n  background: transparent;\n}\n:host::-webkit-scrollbar-thumb {\n  background-color: #64748b;\n  border-radius: 10px;\n}\n:host([fullheight]) {\n  position: fixed;\n  top: 0;\n  height: 100dvh;\n}\n\n:host(:not([fullheight])) {\n  position: relative;\n  height: 100%;\n}\n::slotted(nile-side-bar-footer) {\n  margin-top: auto;  \n  flex-shrink: 0;   \n}\n:host([collapsed]) ::slotted(nile-side-bar-footer-item) .footer-item {\n  justify-content: center;\n  padding: 0;\n}\n\n:host([collapsed]) ::slotted(nile-side-bar-footer-item) ::slotted([slot='text']),\n:host([collapsed]) ::slotted(nile-side-bar-footer-item) ::slotted([slot='action']) {\n  display: none;\n}\n\n\n\n\n\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;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",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n  --sidebar-width: 240px;\n  --sidebar-collapsed-width: 70px;\n  top: 0;\n  width: var(--sidebar-width);\n  display: flex;\n  flex-direction: column;\n  background-color: var(--nile-colors-neutral-100);\n  height: 100%;\n  overflow: hidden;  \n  transition: width 0.25s ease, transform 0.25s ease;\n  z-index: 1000;\n}\n\n \n:host([position='left']) {\n  left: 0;\n  border-right: 1px solid var(--nile-colors-neutral-400);\n}\n\n:host([position='right']) {\n  right: 0;\n  border-left: 1px solid var(--nile-colors-neutral-400);\n}\n\n \n:host([collapsed]) {\n  width: var(--sidebar-collapsed-width);\n}\n\n \n:host([position='right'][collapsed]) {\n  transform: translateX(calc(var(--sidebar-width) - var(--sidebar-collapsed-width)));\n}\n\n:host {\n  scrollbar-width: thin;\n  scrollbar-color: #64748b transparent;\n}\n\n:host::-webkit-scrollbar {\n  width: 6px;\n}\n:host::-webkit-scrollbar-track {\n  background: transparent;\n}\n:host::-webkit-scrollbar-thumb {\n  background-color: #64748b;\n  border-radius: 10px;\n}\n\n \n.scroll-container {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n \n::slotted(nile-side-bar-header) {\n  flex-shrink: 0;\n}\n\n::slotted(nile-side-bar-footer) {\n  flex-shrink: 0;\n  position: sticky;\n  bottom: 0;\n  margin-top: auto;\n}\n\n \n \n\n\n\n\n\n\n\n"]))));}};});
 //# sourceMappingURL=nile-side-bar.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-side-bar.css.cjs.js","sources":["../../../src/nile-side-bar/nile-side-bar.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 * SideBar CSS\n */\nexport const styles = css`\n :host {\n  --sidebar-width: 240px;\n  --sidebar-collapsed-width: 70px;\n  top: 0;\n  width: var(--sidebar-width);\n  display: flex;\n  flex-direction: column;\n  background-color: var(--nile-colors-neutral-100);\n  overflow: auto;\n  transition: width 0.25s ease, transform 0.25s ease;\n  z-index: 1000;\n}\n\n \n:host([position='left']) {\n  left: 0;\n  border-right: 1px solid var(--nile-colors-neutral-400);\n}\n\n:host([position='right']) {\n  right: 0;\n  border-left: 1px solid var(--nile-colors-neutral-400);\n}\n\n \n:host([collapsed]) {\n  width: var(--sidebar-collapsed-width);\n}\n\n \n:host([position='right'][collapsed]) {\n  transform: translateX(calc(var(--sidebar-width) - var(--sidebar-collapsed-width)));\n}\n\n \n \n::slotted(*) {\n  display: block;\n  min-width: 0;\n  /* padding: var(--nile-spacing-xl) */\n}\n\n \n:host {\n  scrollbar-width: thin;\n  scrollbar-color: #64748b transparent;\n}\n\n:host::-webkit-scrollbar {\n  width: 6px;\n}\n:host::-webkit-scrollbar-track {\n  background: transparent;\n}\n:host::-webkit-scrollbar-thumb {\n  background-color: #64748b;\n  border-radius: 10px;\n}\n:host([fullheight]) {\n  position: fixed;\n  top: 0;\n  height: 100dvh;\n}\n\n:host(:not([fullheight])) {\n  position: relative;\n  height: 100%;\n}\n::slotted(nile-side-bar-footer) {\n  margin-top: auto;  \n  flex-shrink: 0;   \n}\n:host([collapsed]) ::slotted(nile-side-bar-footer-item) .footer-item {\n  justify-content: center;\n  padding: 0;\n}\n\n:host([collapsed]) ::slotted(nile-side-bar-footer-item) ::slotted([slot='text']),\n:host([collapsed]) ::slotted(nile-side-bar-footer-item) ::slotted([slot='action']) {\n  display: none;\n}\n\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.css.cjs.js","sources":["../../../src/nile-side-bar/nile-side-bar.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 * SideBar CSS\n */\nexport const styles = css`\n :host {\n  --sidebar-width: 240px;\n  --sidebar-collapsed-width: 70px;\n  top: 0;\n  width: var(--sidebar-width);\n  display: flex;\n  flex-direction: column;\n  background-color: var(--nile-colors-neutral-100);\n  height: 100%;\n  overflow: hidden;  \n  transition: width 0.25s ease, transform 0.25s ease;\n  z-index: 1000;\n}\n\n \n:host([position='left']) {\n  left: 0;\n  border-right: 1px solid var(--nile-colors-neutral-400);\n}\n\n:host([position='right']) {\n  right: 0;\n  border-left: 1px solid var(--nile-colors-neutral-400);\n}\n\n \n:host([collapsed]) {\n  width: var(--sidebar-collapsed-width);\n}\n\n \n:host([position='right'][collapsed]) {\n  transform: translateX(calc(var(--sidebar-width) - var(--sidebar-collapsed-width)));\n}\n\n:host {\n  scrollbar-width: thin;\n  scrollbar-color: #64748b transparent;\n}\n\n:host::-webkit-scrollbar {\n  width: 6px;\n}\n:host::-webkit-scrollbar-track {\n  background: transparent;\n}\n:host::-webkit-scrollbar-thumb {\n  background-color: #64748b;\n  border-radius: 10px;\n}\n\n \n.scroll-container {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  display: flex;\n  flex-direction: column;\n}\n\n \n::slotted(nile-side-bar-header) {\n  flex-shrink: 0;\n}\n\n::slotted(nile-side-bar-footer) {\n  flex-shrink: 0;\n  position: sticky;\n  bottom: 0;\n  margin-top: auto;\n}\n\n \n \n\n\n\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/nile-side-bar.css.esm.js

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

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

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

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

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

@@ -1,13 +1,15 @@
-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;
+  position: sticky;
   background: var(--nile-colors-neutral-100);
 }
 
@@ -35,4 +37,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 \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"]))));}};});
 //# 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 \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"}

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,13 @@ 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;
@@ -69,4 +77,8 @@ import{css as o}from"lit";const t=o`
   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"}