@pushengineering/umg-web-components 2.0.2 → 2.0.4

package/dist/{packages/web-components/components → components}/footer/footer.js

@@ -1,20 +1,17 @@
-import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as c } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
-import { LitElement as l } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
-import { customElement as f } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as s } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
-import { classMap as g } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/class-map.js";
-import { styleMap as m } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/style-map.js";
-import { global as u } from "../../styles/global.js";
-import { settings as h } from "../../scripts/settings.js";
-import { mergeStyles as v } from "../../scripts/mergeStyles.js";
-import { css as y } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
+import { css as c, LitElement as l, html as f } from "lit";
+import { customElement as g } from "lit/decorators/custom-element.js";
+import { property as s } from "lit/decorators/property.js";
+import { classMap as u } from "lit/directives/class-map.js";
+import { styleMap as m } from "lit/directives/style-map.js";
+import { global as h } from "../../styles/global.js";
+import { settings as v } from "../../scripts/settings.js";
+import { mergeStyles as y } from "../../scripts/mergeStyles.js";
 var _ = Object.defineProperty, b = Object.getOwnPropertyDescriptor, e = (t, i, n, a) => {
   for (var r = a > 1 ? void 0 : a ? b(i, n) : i, p = t.length - 1, d; p >= 0; p--)
     (d = t[p]) && (r = (a ? d(i, n, r) : d(r)) || r);
   return a && r && _(i, n, r), r;
 };
-const { prefix: x } = h;
+const { prefix: x } = v;
 let o = class extends l {
   constructor() {
     super(...arguments), this.width = "page-width", this.paddingTop = "", this.paddingBottom = "", this.socialsHidden = !1, this.centerContent = !1, this.colortext = "", this.colorBg = "";
@@ -50,10 +47,10 @@ let o = class extends l {
     }), t;
   }
   render() {
-    return c`
+    return f`
             <footer
                 part="footer"
-                class="${g(this.footerClasses())}"
+                class="${u(this.footerClasses())}"
                 style="${m(this.footerStyles())}"
                 >
                 <div
@@ -70,9 +67,9 @@ let o = class extends l {
         `;
   }
 };
-o.styles = v([
-  u,
-  y`
+o.styles = y([
+  h,
+  c`
             .footer {
                 color: rgba(var(--um-color-section-text, var(--um-color-base-text, 62,62,62)), 1);
                 background-color: rgba(var(--um-color-section-bg, var(--um-color-base-bg, 246,246,246)), 1);
@@ -146,7 +143,7 @@ e([
   s()
 ], o.prototype, "colorBg", 2);
 o = e([
-  f(`${x}-footer`)
+  g(`${x}-footer`)
 ], o);
 export {
   o as Footer

package/dist/components/footer/index.d.ts

@@ -0,0 +1,2 @@
+import { Footer } from './footer';
+export { Footer };

package/dist/components/grid/grid-cell.d.ts

@@ -0,0 +1,5 @@
+import { LitElement } from 'lit';
+export declare class GridCell extends LitElement {
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/components/grid/grid-cell.js

@@ -0,0 +1,37 @@
+import { css as p, LitElement as f, html as c } from "lit";
+import { customElement as n } from "lit/decorators/custom-element.js";
+import { global as g } from "../../styles/global.js";
+import { settings as v } from "../../scripts/settings.js";
+import { mergeStyles as d } from "../../scripts/mergeStyles.js";
+var _ = Object.defineProperty, a = Object.getOwnPropertyDescriptor, h = (m, e, l, t) => {
+  for (var r = t > 1 ? void 0 : t ? a(e, l) : e, s = m.length - 1, i; s >= 0; s--)
+    (i = m[s]) && (r = (t ? i(e, l, r) : i(r)) || r);
+  return t && r && _(e, l, r), r;
+};
+const { prefix: u } = v;
+let o = class extends f {
+  render() {
+    return c`
+        <div
+            class="grid-item"
+            part="grid-cell"
+            >
+            <slot></slot>
+        </div>
+    `;
+  }
+};
+o.styles = d([
+  g,
+  p`
+            .grid-item {
+                height: 100%;
+            }
+        `
+]);
+o = h([
+  n(`${u}-grid-cell`)
+], o);
+export {
+  o as GridCell
+};

package/dist/components/grid/grid.d.ts

@@ -0,0 +1,12 @@
+import { LitElement } from 'lit';
+import './grid-cell';
+export declare class Grid extends LitElement {
+    columns: number;
+    mobileColumns: string;
+    gapless?: boolean | undefined;
+    fill?: boolean | undefined;
+    gridClasses(): any;
+    gridStyles(): {};
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/{packages/web-components/components → components}/grid/grid.js

@@ -1,23 +1,20 @@
-import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as u } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
-import { LitElement as g } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
-import { customElement as n } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as m } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
-import { classMap as a } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/class-map.js";
-import { styleMap as c } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/style-map.js";
-import { global as f } from "../../styles/global.js";
-import { grid as h } from "../../styles/grid.js";
-import { settings as k } from "../../scripts/settings.js";
-import { mergeStyles as y } from "../../scripts/mergeStyles.js";
+import { css as u, LitElement as g, html as n } from "lit";
+import { customElement as c } from "lit/decorators/custom-element.js";
+import { property as l } from "lit/decorators/property.js";
+import { classMap as a } from "lit/directives/class-map.js";
+import { styleMap as f } from "lit/directives/style-map.js";
+import { global as h } from "../../styles/global.js";
+import { grid as k } from "../../styles/grid.js";
+import { settings as y } from "../../scripts/settings.js";
+import { mergeStyles as b } from "../../scripts/mergeStyles.js";
 import "./grid-cell.js";
-import { css as b } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
-var w = Object.defineProperty, v = Object.getOwnPropertyDescriptor, e = (s, r, l, i) => {
-  for (var t = i > 1 ? void 0 : i ? v(r, l) : r, p = s.length - 1, d; p >= 0; p--)
-    (d = s[p]) && (t = (i ? d(r, l, t) : d(t)) || t);
-  return i && t && w(r, l, t), t;
+var w = Object.defineProperty, v = Object.getOwnPropertyDescriptor, o = (s, r, m, i) => {
+  for (var t = i > 1 ? void 0 : i ? v(r, m) : r, p = s.length - 1, d; p >= 0; p--)
+    (d = s[p]) && (t = (i ? d(r, m, t) : d(t)) || t);
+  return i && t && w(r, m, t), t;
 };
-const { prefix: C } = k;
-let o = class extends g {
+const { prefix: C } = y;
+let e = class extends g {
   constructor() {
     super(...arguments), this.columns = 4, this.mobileColumns = "1", this.gapless = !1, this.fill = !1;
   }
@@ -66,10 +63,10 @@ let o = class extends g {
     }), s;
   }
   render() {
-    return u`
+    return n`
         <div
             class="grid${a(this.gridClasses())}"
-            style="${c(this.gridStyles())}"
+            style="${f(this.gridStyles())}"
             part="grid"
             >
             <slot></slot>
@@ -77,30 +74,30 @@ let o = class extends g {
     `;
   }
 };
-o.styles = y([
-  f,
-  b`
+e.styles = b([
+  h,
+  u`
             :host {
                 display: block;
             }
         `,
-  h
+  k
 ]);
-e([
-  m({ type: Number })
-], o.prototype, "columns", 2);
-e([
-  m()
-], o.prototype, "mobileColumns", 2);
-e([
-  m({ type: Boolean })
-], o.prototype, "gapless", 2);
-e([
-  m({ type: Boolean })
-], o.prototype, "fill", 2);
-o = e([
-  n(`${C}-grid`)
-], o);
+o([
+  l({ type: Number })
+], e.prototype, "columns", 2);
+o([
+  l()
+], e.prototype, "mobileColumns", 2);
+o([
+  l({ type: Boolean })
+], e.prototype, "gapless", 2);
+o([
+  l({ type: Boolean })
+], e.prototype, "fill", 2);
+e = o([
+  c(`${C}-grid`)
+], e);
 export {
-  o as Grid
+  e as Grid
 };

package/dist/components/grid/index.d.ts

@@ -0,0 +1,2 @@
+import { Grid } from './grid';
+export { Grid };

package/dist/components/header/header.d.ts

@@ -0,0 +1,36 @@
+import { LitElement } from 'lit';
+import type { HeaderLayout, PageWidth, PaddingScale } from '../../types';
+export declare class Header extends LitElement {
+    width: PageWidth;
+    paddingTop: PaddingScale;
+    paddingBottom: PaddingScale;
+    layout: HeaderLayout;
+    logoHidden: boolean;
+    menuHidden: boolean;
+    socialsHidden: boolean;
+    signupHidden: boolean;
+    colorText: string;
+    colorBg: string;
+    sticky: boolean;
+    stickyHideOnScroll: boolean;
+    transparent: boolean;
+    _headerOuterHeight: number | undefined;
+    _transparentScrolling: boolean;
+    _currentScrollPosition: number;
+    _header: HTMLElement;
+    _menu: Array<HTMLElement>;
+    _resizeObserver?: ResizeObserver;
+    _debouncedEventsHandler: (e: any) => void;
+    protected firstUpdated(): void;
+    updated(changedProperties: Map<string, any>): void;
+    disconnectedCallback(): void;
+    private _initHeader;
+    private _eventsHandler;
+    private _removeTransparency;
+    private _stickyScroll;
+    headerClasses(): any;
+    headerStyles(): {};
+    headerInnerStyles(): {};
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/{packages/web-components/components → components}/header/header.js

@@ -1,27 +1,23 @@
-import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as p } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
-import { LitElement as m } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
-import { customElement as u } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as i } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as h } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/state.js";
-import { query as g } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/query.js";
-import { queryAssignedElements as _ } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
-import { classMap as y } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/class-map.js";
-import { styleMap as c } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/style-map.js";
-import { debounce as v } from "../../scripts/utilities/debounce.js";
-import { global as f } from "../../styles/global.js";
-import { settings as w } from "../../scripts/settings.js";
-import { mergeStyles as b } from "../../scripts/mergeStyles.js";
-import { css as H } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
-var x = Object.defineProperty, S = Object.getOwnPropertyDescriptor, r = (e, a, n, s) => {
-  for (var o = s > 1 ? void 0 : s ? S(a, n) : a, d = e.length - 1, l; d >= 0; d--)
-    (l = e[d]) && (o = (s ? l(a, n, o) : l(o)) || o);
-  return s && o && x(a, n, o), o;
+import { css as p, LitElement as m, html as u } from "lit";
+import { customElement as g } from "lit/decorators/custom-element.js";
+import { property as i } from "lit/decorators/property.js";
+import { query as _, queryAssignedElements as y } from "lit/decorators.js";
+import { state as h } from "lit/decorators/state.js";
+import { classMap as v } from "lit/directives/class-map.js";
+import { styleMap as c } from "lit/directives/style-map.js";
+import { debounce as f } from "../../scripts/utilities/debounce.js";
+import { global as w } from "../../styles/global.js";
+import { settings as b } from "../../scripts/settings.js";
+import { mergeStyles as H } from "../../scripts/mergeStyles.js";
+var x = Object.defineProperty, S = Object.getOwnPropertyDescriptor, r = (e, a, s, n) => {
+  for (var o = n > 1 ? void 0 : n ? S(a, s) : a, d = e.length - 1, l; d >= 0; d--)
+    (l = e[d]) && (o = (n ? l(a, s, o) : l(o)) || o);
+  return n && o && x(a, s, o), o;
 };
-const { prefix: k } = w;
+const { prefix: k } = b;
 let t = class extends m {
   constructor() {
-    super(...arguments), this.width = "page-width", this.paddingTop = "", this.paddingBottom = "", this.layout = "logo-left", this.logoHidden = !1, this.menuHidden = !1, this.socialsHidden = !1, this.signupHidden = !1, this.colorText = "", this.colorBg = "", this.sticky = !1, this.stickyHideOnScroll = !1, this.transparent = !1, this._transparentScrolling = !1, this._currentScrollPosition = 0, this._debouncedEventsHandler = v((e) => {
+    super(...arguments), this.width = "page-width", this.paddingTop = "", this.paddingBottom = "", this.layout = "logo-left", this.logoHidden = !1, this.menuHidden = !1, this.socialsHidden = !1, this.signupHidden = !1, this.colorText = "", this.colorBg = "", this.sticky = !1, this.stickyHideOnScroll = !1, this.transparent = !1, this._transparentScrolling = !1, this._currentScrollPosition = 0, this._debouncedEventsHandler = f((e) => {
       this._eventsHandler(e);
     }, 100), this._eventsHandler = (e) => {
       e.type === "scroll" && this._stickyScroll();
@@ -91,11 +87,11 @@ let t = class extends m {
     }), e;
   }
   render() {
-    return p`
+    return u`
             <header>
                 <div
                     part="header"
-                    class="header${y(this.headerClasses())}"
+                    class="header${v(this.headerClasses())}"
                     style="${c(this.headerStyles())}"
                     >
                     <div
@@ -129,9 +125,9 @@ let t = class extends m {
         `;
   }
 };
-t.styles = b([
-  f,
-  H`
+t.styles = H([
+  w,
+  p`
             :host {
                 display:block;
                 position: relative;
@@ -355,13 +351,13 @@ r([
   h()
 ], t.prototype, "_currentScrollPosition", 2);
 r([
-  g(".header")
+  _(".header")
 ], t.prototype, "_header", 2);
 r([
-  _({ slot: "menu" })
+  y({ slot: "menu" })
 ], t.prototype, "_menu", 2);
 t = r([
-  u(`${k}-header`)
+  g(`${k}-header`)
 ], t);
 export {
   t as Header

package/dist/components/header/index.d.ts

@@ -0,0 +1,2 @@
+import { Header } from './header';
+export { Header };

package/dist/components/header-drawer/header-drawer.d.ts

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+import '../disclosure/';
+import './menu-drawer';
+import '../icon/';
+interface menuDisclosure {
+    closeDisclosure: () => void;
+}
+interface MenuData {
+    linkText: string;
+    linkUrl: string;
+    subItems: Array<MenuData>;
+}
+export declare class HeaderDrawer extends LitElement {
+    src: string;
+    data?: MenuData[];
+    direction: string;
+    colorText: undefined | string;
+    colorBg: undefined | string;
+    _drawerOpen: boolean;
+    _drawer: menuDisclosure;
+    firstUpdated(): Promise<void>;
+    fetchData(): Promise<void>;
+    closeDrawer(): void;
+    private _openDrawer;
+    private _closeDrawer;
+    private _closeActiveDrawers;
+    menuDrawerStyles(): {};
+    menuList(): import("lit").TemplateResult<1> | undefined;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}
+export {};

package/dist/{packages/web-components/components → components}/header-drawer/header-drawer.js

@@ -1,25 +1,22 @@
-import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as t } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
-import { LitElement as m } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
-import { customElement as d } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as n } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as p } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/state.js";
-import { query as h } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/query.js";
-import { styleMap as f } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/style-map.js";
-import { global as w } from "../../styles/global.js";
-import { settings as b } from "../../scripts/settings.js";
-import { mergeStyles as g } from "../../scripts/mergeStyles.js";
+import { css as m, LitElement as d, html as t } from "lit";
+import { customElement as p } from "lit/decorators/custom-element.js";
+import { property as n } from "lit/decorators/property.js";
+import { state as h } from "lit/decorators/state.js";
+import { query as f } from "lit/decorators.js";
+import { styleMap as w } from "lit/directives/style-map.js";
+import { global as b } from "../../styles/global.js";
+import { settings as g } from "../../scripts/settings.js";
+import { mergeStyles as y } from "../../scripts/mergeStyles.js";
 import "../disclosure/disclosure.js";
 import "./menu-drawer.js";
 import "../icon/icon.js";
-import { css as y } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
 var v = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, a = (e, r, o, l) => {
   for (var i = l > 1 ? void 0 : l ? _(r, o) : r, c = e.length - 1, u; c >= 0; c--)
     (u = e[c]) && (i = (l ? u(r, o, i) : u(i)) || i);
   return l && i && v(r, o, i), i;
 };
-const { prefix: x } = b;
-let s = class extends m {
+const { prefix: x } = g;
+let s = class extends d {
   constructor() {
     super(...arguments), this.src = "", this.direction = "down", this._drawerOpen = !1;
   }
@@ -134,7 +131,7 @@ let s = class extends m {
             <umg-disclosure
                 part="disclosure"
                 class="header-drawer"
-                style="${f(this.menuDrawerStyles())}"
+                style="${w(this.menuDrawerStyles())}"
                 direction=${this.direction}
                 overlay
                 exportparts="disclosure,disclosure-summary,disclosure-drawer,disclosure-content"
@@ -183,9 +180,9 @@ let s = class extends m {
       `;
   }
 };
-s.styles = g([
-  w,
-  y`
+s.styles = y([
+  b,
+  m`
             /* Burger button */
             .icon--close {
                 display: none;
@@ -279,13 +276,13 @@ a([
   n()
 ], s.prototype, "colorBg", 2);
 a([
-  p()
+  h()
 ], s.prototype, "_drawerOpen", 2);
 a([
-  h("umg-disclosure")
+  f("umg-disclosure")
 ], s.prototype, "_drawer", 2);
 s = a([
-  d(`${x}-header-drawer`)
+  p(`${x}-header-drawer`)
 ], s);
 export {
   s as HeaderDrawer

package/dist/components/header-drawer/index.d.ts

@@ -0,0 +1,2 @@
+import { HeaderDrawer } from './header-drawer';
+export { HeaderDrawer };

package/dist/components/header-drawer/menu-drawer.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+export declare class MenuDrawer extends LitElement {
+    clickOpenAction: string;
+    clickBackAction: string;
+    _subNavOpen: boolean;
+    _menuDrawer: HTMLDetailsElement;
+    closeDrawer: () => void;
+    constructor();
+    private _handleSummaryClick;
+    handleBackClick(): void;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/{packages/web-components/components → components}/header-drawer/menu-drawer.js

@@ -1,19 +1,16 @@
-import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as l } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
-import { LitElement as c } from "../../../../node_modules/.pnpm/lit-element@4.0.4/node_modules/lit-element/lit-element.js";
-import { customElement as p } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/custom-element.js";
-import { property as m } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
-import { query as b } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/query.js";
-import { global as d } from "../../styles/global.js";
-import { settings as v } from "../../scripts/settings.js";
-import { mergeStyles as _ } from "../../scripts/mergeStyles.js";
-import { css as h } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
-var g = Object.defineProperty, f = Object.getOwnPropertyDescriptor, a = (u, t, n, s) => {
-  for (var e = s > 1 ? void 0 : s ? f(t, n) : t, o = u.length - 1, i; o >= 0; o--)
+import { css as l, LitElement as c, html as p } from "lit";
+import { customElement as b } from "lit/decorators/custom-element.js";
+import { property as m } from "lit/decorators/property.js";
+import { query as d } from "lit/decorators/query.js";
+import { global as v } from "../../styles/global.js";
+import { settings as _ } from "../../scripts/settings.js";
+import { mergeStyles as h } from "../../scripts/mergeStyles.js";
+var g = Object.defineProperty, w = Object.getOwnPropertyDescriptor, a = (u, t, n, s) => {
+  for (var e = s > 1 ? void 0 : s ? w(t, n) : t, o = u.length - 1, i; o >= 0; o--)
     (i = u[o]) && (e = (s ? i(t, n, e) : i(e)) || e);
   return s && e && g(t, n, e), e;
 };
-const { prefix: w } = v;
+const { prefix: y } = _;
 let r = class extends c {
   constructor() {
     super(), this.clickOpenAction = "", this.clickBackAction = "", this._subNavOpen = !1, this.closeDrawer = () => {
@@ -31,7 +28,7 @@ let r = class extends c {
     this._menuDrawer.removeAttribute("open"), this._menuDrawer.classList.remove("menu-opening"), this._subNavOpen = !this._subNavOpen;
   }
   render() {
-    return l`
+    return p`
             <details
                 part="menu-drawer"
                 class="menu-drawer"
@@ -85,9 +82,9 @@ let r = class extends c {
         `;
   }
 };
-r.styles = _([
-  d,
-  h`
+r.styles = h([
+  v,
+  l`
             :host {
                 width: 100%;
             }
@@ -166,10 +163,10 @@ a([
   m({ state: !0, type: Boolean })
 ], r.prototype, "_subNavOpen", 2);
 a([
-  b(".menu-drawer")
+  d(".menu-drawer")
 ], r.prototype, "_menuDrawer", 2);
 r = a([
-  p(`${w}-menu-drawer`)
+  b(`${y}-menu-drawer`)
 ], r);
 export {
   r as MenuDrawer

package/dist/components/horizontal-stack/horizontal-stack.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+import type { GroupAlign } from '../../types';
+export declare class HorizontalStack extends LitElement {
+    gap: number | undefined;
+    align: GroupAlign;
+    mobileAlign: GroupAlign | undefined;
+    justify: GroupAlign;
+    mobileJustify: GroupAlign | undefined;
+    stackStyles(): {};
+    stackClasses(): any;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}