@pushengineering/umg-web-components 2.0.1 → 2.0.3

package/dist/components/horizontal-stack/horizontal-stack.js

@@ -0,0 +1,90 @@
+import { css as m, LitElement as n, html as f } from "lit";
+import { styleMap as g } from "lit/directives/style-map.js";
+import { classMap as c } from "lit/directives/class-map.js";
+import { customElement as h } from "lit/decorators/custom-element.js";
+import { property as i } from "lit/decorators/property.js";
+import { settings as y } from "../../scripts/settings.js";
+import { global as b } from "../../styles/global.js";
+import { groupMobileAlign as k, groupMobileJustify as v, groupAlign as d, groupJustify as j } from "../../styles/group.js";
+import { mergeStyles as z } from "../../scripts/mergeStyles.js";
+var x = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, r = (t, e, p, l) => {
+  for (var o = l > 1 ? void 0 : l ? _(e, p) : e, a = t.length - 1, u; a >= 0; a--)
+    (u = t[a]) && (o = (l ? u(e, p, o) : u(o)) || o);
+  return l && o && x(e, p, o), o;
+};
+const { prefix: A } = y;
+let s = class extends n {
+  constructor() {
+    super(...arguments), this.align = "start", this.justify = "start";
+  }
+  stackStyles() {
+    let t = {};
+    return this.gap !== void 0 && (t = {
+      ...t,
+      "--um-space-horizontal-stack-gap": this.gap / 16 + "rem"
+    }), t;
+  }
+  stackClasses() {
+    const t = {};
+    return t["group-justify--" + this.justify] = !0, t["group-align--" + this.align] = !0, this.mobileJustify ? t["group-mobile-justify--" + this.mobileJustify] = !0 : t["group-mobile-justify--" + this.justify] = !0, this.mobileAlign ? t["group-mobile-align--" + this.mobileAlign] = !0 : t["group-mobile-align--" + this.align] = !0, t;
+  }
+  render() {
+    return f`
+            <div
+                part="horizontal-stack"
+                class="horizontal-stack${c(this.stackClasses())}"
+                style="${g(this.stackStyles())}"
+                >
+                <slot></slot>
+            </div>
+        `;
+  }
+};
+s.styles = z([
+  b,
+  m`
+            :host {
+                display: block;
+                width: 100%;
+            }
+
+            ::slotted(*) {
+                flex-shrink: 1;
+            }
+
+            .horizontal-stack {
+                display: flex;
+                gap: var(--um-space-horizontal-stack-gap, var(--um-space-grid-desktop-horizontal, 1rem));
+            }
+
+            .horizontal-stack.group-justify--stretch ::slotted(*) {
+                flex-grow: 1;
+                flex-shrink: 0;
+            }
+        `,
+  k,
+  v,
+  d,
+  j
+]);
+r([
+  i({ type: Number })
+], s.prototype, "gap", 2);
+r([
+  i()
+], s.prototype, "align", 2);
+r([
+  i()
+], s.prototype, "mobileAlign", 2);
+r([
+  i()
+], s.prototype, "justify", 2);
+r([
+  i()
+], s.prototype, "mobileJustify", 2);
+s = r([
+  h(`${A}-horizontal-stack`)
+], s);
+export {
+  s as HorizontalStack
+};

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

@@ -0,0 +1,2 @@
+import { HorizontalStack } from './horizontal-stack';
+export { HorizontalStack };

package/dist/components/icon/icon.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+import type { FontBodySize } from '../../types';
+export declare class Icon extends LitElement {
+    icon: string;
+    colorText: string | undefined;
+    size?: FontBodySize;
+    _blobUrl: string;
+    constructor();
+    dataURItoBlobUrl(iconSprites: string): string;
+    svgStyles(): {};
+    icontemplate(): import("lit").TemplateResult<2>;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

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

@@ -1,24 +1,21 @@
-import "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/reactive-element.js";
-import { svg as p, html as a } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
-import { LitElement as f } 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 l } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
-import { styleMap as b } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/style-map.js";
-import { global as h } from "../../styles/global.js";
-import { iconSize as v } from "../../styles/icon-size.js";
-import { settings as y } from "../../scripts/settings.js";
-import { mergeStyles as g } from "../../scripts/mergeStyles.js";
-import x from "./icons.svg.js";
-import { css as U } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
+import { css as p, LitElement as a, svg as f, html as u } from "lit";
+import { customElement as h } from "lit/decorators/custom-element.js";
+import { property as l } from "lit/decorators.js";
+import { styleMap as v } from "lit/directives/style-map.js";
+import { global as b } from "../../styles/global.js";
+import { iconSize as y } from "../../styles/icon-size.js";
+import { settings as g } from "../../scripts/settings.js";
+import { mergeStyles as x } from "../../scripts/mergeStyles.js";
+import U from "./icons.svg.js";
 var _ = Object.defineProperty, z = Object.getOwnPropertyDescriptor, s = (t, r, n, i) => {
   for (var o = i > 1 ? void 0 : i ? z(r, n) : r, c = t.length - 1, m; c >= 0; c--)
     (m = t[c]) && (o = (i ? m(r, n, o) : m(o)) || o);
   return i && o && _(r, n, o), o;
 };
-const { prefix: d } = y;
-let e = class extends f {
+const { prefix: d } = g;
+let e = class extends a {
   constructor() {
-    super(), this.icon = "user", this.size = void 0, this._blobUrl = this.dataURItoBlobUrl(x);
+    super(), this.icon = "user", this.size = void 0, this._blobUrl = this.dataURItoBlobUrl(U);
   }
   dataURItoBlobUrl(t) {
     const r = new Blob([t], { type: "image/svg+xml" });
@@ -28,30 +25,30 @@ let e = class extends f {
     let t = {};
     return this.size && (t = {
       ...t,
-      "--um-font-size-icon": v(this.size)
+      "--um-font-size-icon": y(this.size)
     }), this.colorText && (t = {
       ...t,
       "--um-color-icon-text": this.colorText
     }), t;
   }
   icontemplate() {
-    return p`
+    return f`
             <svg height="1em" width="1em">
                 <use href="${this._blobUrl}#${this.icon}"></use>
             </svg>
         `;
   }
   render() {
-    return a`
-            <span class="icon" part="icon" style="${b(this.svgStyles())}">
+    return u`
+            <span class="icon" part="icon" style="${v(this.svgStyles())}">
                 ${this.icontemplate()}
             </span>
         `;
   }
 };
-e.styles = g([
-  h,
-  U`
+e.styles = x([
+  b,
+  p`
             .icon {
                 display: flex;
                 align-items: center;
@@ -74,7 +71,7 @@ s([
   l({ state: !0 })
 ], e.prototype, "_blobUrl", 2);
 e = s([
-  u(`${d}-icon`)
+  h(`${d}-icon`)
 ], e);
 export {
   e as Icon

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

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

package/dist/components/image/image.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+import type { MediaFit, ImageLazy } from '../../types';
+export declare class Image extends LitElement {
+    imgAlt: string;
+    src?: string | undefined;
+    srcSet?: string | undefined;
+    sizes?: string | undefined;
+    width: number;
+    height: number;
+    fit: MediaFit;
+    load: ImageLazy;
+    dispatchEvents(): void;
+    containerStyles(): {};
+    containerClasses(): any;
+    imageClasses(): any;
+    image(): import("lit").TemplateResult<1>;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/{packages/web-components/components → components}/image/image.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 l } 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 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 { ifDefined as c } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/if-defined.js";
-import { styleMap as d } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/style-map.js";
-import { classMap as p } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/class-map.js";
-import { global as u } from "../../styles/global.js";
-import { placeholderMedia as y } from "../../styles/placeholder-media.js";
-import { settings as v } from "../../scripts/settings.js";
-import { mergeStyles as w } from "../../scripts/mergeStyles.js";
-import { css as $ } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
+import { css as g, LitElement as f, html as l } from "lit";
+import { customElement as d } from "lit/decorators/custom-element.js";
+import { property as s } from "lit/decorators/property.js";
+import { ifDefined as c } from "lit/directives/if-defined.js";
+import { styleMap as u } from "lit/directives/style-map.js";
+import { classMap as p } from "lit/directives/class-map.js";
+import { global as y } from "../../styles/global.js";
+import { placeholderMedia as v } from "../../styles/placeholder-media.js";
+import { settings as w } from "../../scripts/settings.js";
+import { mergeStyles as $ } from "../../scripts/mergeStyles.js";
 var b = Object.defineProperty, x = Object.getOwnPropertyDescriptor, e = (t, r, h, o) => {
   for (var a = o > 1 ? void 0 : o ? x(r, h) : r, m = t.length - 1, n; m >= 0; m--)
     (n = t[m]) && (a = (o ? n(r, h, a) : n(a)) || a);
   return o && a && b(r, h, a), a;
 };
-const { prefix: C } = v;
-let i = class extends g {
+const { prefix: C } = w;
+let i = class extends f {
   constructor() {
     super(...arguments), this.imgAlt = "", this.width = 100, this.height = 100, this.fit = "contain", this.load = "lazy";
   }
@@ -79,7 +76,7 @@ let i = class extends g {
     return this.dispatchEvents(), l`
         <div
             class="image-container${p(this.imageClasses())}"
-            style=${d(this.containerStyles())}
+            style=${u(this.containerStyles())}
             part="image-container"
             >
             ${this.image()}
@@ -87,10 +84,10 @@ let i = class extends g {
         `;
   }
 };
-i.styles = w([
-  u,
+i.styles = $([
   y,
-  $`
+  v,
+  g`
             :host {
                 display: block;
                 height: 100%;
@@ -150,7 +147,7 @@ e([
   s({ type: String })
 ], i.prototype, "load", 2);
 i = e([
-  f(`${C}-image`)
+  d(`${C}-image`)
 ], i);
 export {
   i as Image

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

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

package/dist/components/index.d.ts

@@ -0,0 +1,41 @@
+export { Banner } from './banner/banner';
+export { BannerImage } from './banner-image/';
+export { Box } from './box/';
+export { Button } from './button/';
+export { ButtonIcon } from './button-icon/';
+export { ButtonGroup } from './button-group/';
+export { CaptionCard } from './caption-card/';
+export { DeferredMedia } from './deferred-media/';
+export { Disclosure } from './disclosure/';
+export { EventTable } from './event-table/';
+export { Footer } from './footer/';
+export { Grid } from './grid/';
+export { Header } from './header/';
+export { HeaderDrawer } from './header-drawer/';
+export { HorizontalStack } from './horizontal-stack/';
+export { Icon } from './icon/';
+export { Image } from './image/';
+export { Link } from './link/';
+export { LinkGroup } from './link-group/';
+export { Logo } from './logo/';
+export { MediaGallery } from './media-gallery/';
+export { MediaText } from './media-text/';
+export { Menu } from './menu/';
+export { MenuBar } from './menu-bar/';
+export { Modal } from './modal/';
+export { NumberField } from './number-field/';
+export { Overlay } from './overlay/';
+export { Page } from './page/';
+export { Popover } from './popover/';
+export { Section } from './section/';
+export { Select } from './select/';
+export { Slider } from './slider/';
+export { Socials } from './socials/';
+export { Table } from './table/';
+export { Text } from './text/';
+export { TextField } from './text-field/';
+export { RichText } from './rich-text/';
+export { ThumbnailSlider } from './thumbnail-slider';
+export { Video } from './video/';
+export { VerticalStack } from './vertical-stack/';
+export { Badge } from './badge/';

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

@@ -6,7 +6,7 @@ import { ButtonIcon as n } from "./button-icon/button-icon.js";
 import { ButtonGroup as d } from "./button-group/button-group.js";
 import { CaptionCard as u } from "./caption-card/caption-card.js";
 import { DeferredMedia as S } from "./deferred-media/deferred-media.js";
-import { Disclosure as g } from "./disclosure/disclosure.js";
+import { Disclosure as M } from "./disclosure/disclosure.js";
 import { EventTable as b } from "./event-table/event-table.js";
 import { Footer as G } from "./footer/footer.js";
 import { Grid as s } from "./grid/grid.js";
@@ -21,25 +21,26 @@ import { Logo as R } from "./logo/logo.js";
 import { MediaGallery as q } from "./media-gallery/media-gallery.js";
 import { MediaText as J } from "./media-text/media-text.js";
 import { Menu as Q } from "./menu/menu.js";
-import { Modal as W } from "./modal/modal.js";
-import { NumberField as Y } from "./number-field/number-field.js";
-import { Overlay as _ } from "./overlay/overlay.js";
-import { Page as oo } from "./page/page.js";
-import { Popover as eo } from "./popover/popover.js";
-import { Section as xo } from "./section/section.js";
-import { Select as po } from "./select/select.js";
-import { Slider as ao } from "./slider/slider.js";
-import { Socials as no } from "./socials/socials.js";
-import { Table as co } from "./table/table.js";
-import { Text as Bo } from "./text/text.js";
-import { TextField as To } from "./text-field/text-field.js";
-import { RichText as Mo } from "./rich-text/rich-text.js";
-import { ThumbnailSlider as ko } from "./thumbnail-slider/thumbnail-slider.js";
-import { Video as Io } from "./video/video.js";
-import { VerticalStack as vo } from "./vertical-stack/vertical-stack.js";
-import { Badge as Fo } from "./badge/badge.js";
+import { MenuBar as W } from "./menu-bar/menu-bar.js";
+import { Modal as Y } from "./modal/modal.js";
+import { NumberField as _ } from "./number-field/number-field.js";
+import { Overlay as rr } from "./overlay/overlay.js";
+import { Page as er } from "./page/page.js";
+import { Popover as xr } from "./popover/popover.js";
+import { Section as pr } from "./section/section.js";
+import { Select as ar } from "./select/select.js";
+import { Slider as nr } from "./slider/slider.js";
+import { Socials as dr } from "./socials/socials.js";
+import { Table as ur } from "./table/table.js";
+import { Text as Sr } from "./text/text.js";
+import { TextField as Mr } from "./text-field/text-field.js";
+import { RichText as br } from "./rich-text/rich-text.js";
+import { ThumbnailSlider as Gr } from "./thumbnail-slider/thumbnail-slider.js";
+import { Video as sr } from "./video/video.js";
+import { VerticalStack as Dr } from "./vertical-stack/vertical-stack.js";
+import { Badge as Hr } from "./badge/badge.js";
 export {
-  Fo as Badge,
+  Hr as Badge,
   e as Banner,
   x as BannerImage,
   p as Box,
@@ -48,7 +49,7 @@ export {
   n as ButtonIcon,
   u as CaptionCard,
   S as DeferredMedia,
-  g as Disclosure,
+  M as Disclosure,
   b as EventTable,
   G as Footer,
   s as Grid,
@@ -63,20 +64,21 @@ export {
   q as MediaGallery,
   J as MediaText,
   Q as Menu,
-  W as Modal,
-  Y as NumberField,
-  _ as Overlay,
-  oo as Page,
-  eo as Popover,
-  Mo as RichText,
-  xo as Section,
-  po as Select,
-  ao as Slider,
-  no as Socials,
-  co as Table,
-  Bo as Text,
-  To as TextField,
-  ko as ThumbnailSlider,
-  vo as VerticalStack,
-  Io as Video
+  W as MenuBar,
+  Y as Modal,
+  _ as NumberField,
+  rr as Overlay,
+  er as Page,
+  xr as Popover,
+  br as RichText,
+  pr as Section,
+  ar as Select,
+  nr as Slider,
+  dr as Socials,
+  ur as Table,
+  Sr as Text,
+  Mr as TextField,
+  Gr as ThumbnailSlider,
+  Dr as VerticalStack,
+  sr as Video
 };

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

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

package/dist/components/link/link.d.ts

@@ -0,0 +1,10 @@
+import { LitElement } from 'lit';
+import type { LinkTarget } from '../../types';
+export declare class Link extends LitElement {
+    url?: string | undefined;
+    target: LinkTarget;
+    underline?: boolean | undefined;
+    linkClasses(): any;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/{packages/web-components/components → components}/link/link.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 p } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/lit-html.js";
-import { LitElement as f } 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 m } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/decorators/property.js";
-import { ifDefined as c } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/if-defined.js";
-import { classMap as d } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/class-map.js";
-import { global as h } from "../../styles/global.js";
-import { settings as g } from "../../scripts/settings.js";
-import { mergeStyles as v } from "../../scripts/mergeStyles.js";
-import { css as x } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
-var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (i, r, l, n) => {
-  for (var e = n > 1 ? void 0 : n ? b(r, l) : r, s = i.length - 1, a; s >= 0; s--)
-    (a = i[s]) && (e = (n ? a(r, l, e) : a(e)) || e);
-  return n && e && y(r, l, e), e;
+import { css as m, LitElement as f, html as u } from "lit";
+import { customElement as c } from "lit/decorators/custom-element.js";
+import { property as p } from "lit/decorators/property.js";
+import { ifDefined as d } from "lit/directives/if-defined.js";
+import { classMap as h } from "lit/directives/class-map.js";
+import { global as g } from "../../styles/global.js";
+import { settings as v } from "../../scripts/settings.js";
+import { mergeStyles as x } from "../../scripts/mergeStyles.js";
+var y = Object.defineProperty, b = Object.getOwnPropertyDescriptor, l = (o, r, i, n) => {
+  for (var e = n > 1 ? void 0 : n ? b(r, i) : r, s = o.length - 1, a; s >= 0; s--)
+    (a = o[s]) && (e = (n ? a(r, i, e) : a(e)) || e);
+  return n && e && y(r, i, e), e;
 };
-const { prefix: k } = g;
+const { prefix: k } = v;
 let t = class extends f {
   constructor() {
     super(...arguments), this.url = void 0, this.target = "_self", this.underline = !1;
@@ -25,11 +22,11 @@ let t = class extends f {
     };
   }
   render() {
-    return p`
+    return u`
             <a
                 part="link"
-                href="${c(this.url)}"
-                class="link${d(this.linkClasses())}"
+                href="${d(this.url)}"
+                class="link${h(this.linkClasses())}"
                 target="${this.target}"
                 >
                 <slot part="label"></slot>
@@ -38,9 +35,9 @@ let t = class extends f {
         `;
   }
 };
-t.styles = v([
-  h,
-  x`
+t.styles = x([
+  g,
+  m`
             :host {
                 display: inline-block;
             }
@@ -78,17 +75,17 @@ t.styles = v([
             }
         `
 ]);
-o([
-  m()
+l([
+  p()
 ], t.prototype, "url", 2);
-o([
-  m()
+l([
+  p()
 ], t.prototype, "target", 2);
-o([
-  m({ type: Boolean })
+l([
+  p({ type: Boolean })
 ], t.prototype, "underline", 2);
-t = o([
-  u(`${k}-link`)
+t = l([
+  c(`${k}-link`)
 ], t);
 export {
   t as Link

package/dist/components/link-group/index.d.ts

@@ -0,0 +1,2 @@
+import { LinkGroup } from './link-group';
+export { LinkGroup };

package/dist/components/link-group/link-group.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+import type { GroupSpacing, GroupAlign } from '../../types';
+export declare class LinkGroup extends LitElement {
+    spacing: GroupSpacing;
+    justify: GroupAlign;
+    mobileJustify: GroupAlign | undefined;
+    noWrap: boolean;
+    stack: boolean;
+    mobileStack: boolean;
+    getClasses(): any;
+    render(): import("lit").TemplateResult<1>;
+    static styles: import("lit").CSSResultArray;
+}

package/dist/{packages/web-components/components → components}/link-group/link-group.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 n } 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 m } 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 { classMap as g } from "../../../../node_modules/.pnpm/lit-html@3.1.2/node_modules/lit-html/directives/class-map.js";
-import { global as b } from "../../styles/global.js";
-import { groupSpacing as f, groupMobileJustify as h, groupMobileAlign as d, groupJustify as y, groupAlign as w } from "../../styles/group.js";
-import { settings as v } from "../../scripts/settings.js";
-import { mergeStyles as k } from "../../scripts/mergeStyles.js";
-import { css as x } from "../../../../node_modules/.pnpm/@lit_reactive-element@2.0.4/node_modules/@lit/reactive-element/css-tag.js";
+import { css as n, LitElement as c, html as m } from "lit";
+import { customElement as g } from "lit/decorators/custom-element.js";
+import { property as i } from "lit/decorators/property.js";
+import { classMap as b } from "lit/directives/class-map.js";
+import { global as f } from "../../styles/global.js";
+import { groupSpacing as h, groupMobileJustify as d, groupMobileAlign as y, groupJustify as w, groupAlign as v } from "../../styles/group.js";
+import { settings as k } from "../../scripts/settings.js";
+import { mergeStyles as x } from "../../scripts/mergeStyles.js";
 var j = Object.defineProperty, J = Object.getOwnPropertyDescriptor, e = (r, s, p, a) => {
   for (var t = a > 1 ? void 0 : a ? J(s, p) : s, l = r.length - 1, u; l >= 0; l--)
     (u = r[l]) && (t = (a ? u(s, p, t) : u(t)) || t);
   return a && t && j(s, p, t), t;
 };
-const { prefix: S } = v;
+const { prefix: S } = k;
 let o = class extends c {
   constructor() {
     super(...arguments), this.spacing = "normal", this.justify = "start", this.noWrap = !1, this.stack = !1, this.mobileStack = !1;
@@ -24,9 +21,9 @@ let o = class extends c {
     return r["group-spacing--" + this.spacing] = !0, r["group--no-wrap"] = this.noWrap, r["group--stack"] = this.stack, r["group--mobile-stack"] = this.mobileStack, this.stack ? r["group-align--" + this.justify] = !0 : r["group-justify--" + this.justify] = !0, this.mobileStack ? r["group-mobile-align--" + this.mobileJustify] = !0 : this.mobileJustify ? r["group-mobile-justify--" + this.mobileJustify] = !0 : r["group-mobile-justify--" + this.justify] = !0, r;
   }
   render() {
-    return n`
+    return m`
             <div
-                class="link-group${g(this.getClasses())}"
+                class="link-group${b(this.getClasses())}"
                 part="link-group"
                 >
                 <slot></slot>
@@ -34,14 +31,14 @@ let o = class extends c {
         `;
   }
 };
-o.styles = k([
-  b,
+o.styles = x([
   f,
   h,
   d,
   y,
   w,
-  x`
+  v,
+  n`
 
             :host([noWrap]) {
                 display: block;
@@ -119,7 +116,7 @@ e([
   i({ type: Boolean })
 ], o.prototype, "mobileStack", 2);
 o = e([
-  m(`${S}-link-group`)
+  g(`${S}-link-group`)
 ], o);
 export {
   o as LinkGroup

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

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