@ed.yakovich/component-library 0.0.13 → 0.0.15

package/dist/{index.esm-322571ff-D1REhsOg.js → index.esm-a7c99373-DUoLYEEM.js}

@@ -1,5 +1,5 @@
 /*!
- * Copyright (c) 2025 Comcast. Prism UI - v7.32.2 - made with ❤️ in Philadelphia
+ * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
  */
 function x(c, o, t) {
   var v, l, r;

package/dist/main.js

@@ -1,4 +1,4 @@
-import { I as e } from "./index-By9FNwDt.js";
+import { I as e } from "./index-D9BZSjMp.js";
 import { InfoBannerContextProvider as t } from "./components/InfoBanner/context/index.js";
 import { StickyFooter as x } from "./components/StickyFooter/index.js";
 export {

package/dist/prism-accordion.entry-D4g7wdXB.js

@@ -0,0 +1,51 @@
+import { r as o, c as s, h as e, H as n, g as c } from "./index-D9BZSjMp.js";
+import { g as l, a as d, m } from "./index-44540db3-BN5vFHKr.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
+ */
+const p = ':host{border-radius:var(--prism-radius-size-sm);display:block;width:100%}:host(.stacked-top){margin-top:var(--prism-accordion-spacing-margin-top,var(--prism-spacer-size-xs))}:host(.stacked-bottom){margin-top:var(--prism-accordion-spacing-margin-bottom,var(--prism-spacer-size-xs))}.text{display:grid;grid-template-areas:"label" "label-secondary" "description";grid-template-columns:auto;grid-template-rows:-webkit-max-content -webkit-max-content -webkit-max-content;grid-template-rows:max-content max-content max-content;width:100%}@media (min-width:768px){.text{grid-template-areas:"label label-secondary" "description description";grid-template-columns:1fr -webkit-max-content;grid-template-columns:1fr max-content;grid-template-rows:-webkit-max-content -webkit-max-content;grid-template-rows:max-content max-content}}.description{grid-area:description}.label{flex:1 1 auto;grid-area:label;text-align:left}.label-secondary{grid-area:label-secondary;margin-top:var(--prism-spacer-size-xs)}@media (min-width:768px){.label-secondary{margin-top:0}}.trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border-radius:var(--prism-radius-size-sm);border-width:0;color:inherit;display:flex;outline-color:transparent;outline-style:solid;outline-width:2px;padding:var(--prism-spacer-size-xxl) var(--prism-spacer-size-lg);text-align:left;transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function);width:100%}@media (min-width:768px){.trigger{padding:var(--prism-spacer-size-xxl)}}.trigger:hover{cursor:pointer}.trigger:focus-visible{outline-color:var(--prism-color-border-brand-primary-base)}:host(.primary){background-color:var(--prism-color-material-primary-base);color:var(--prism-color-text-primary-base)}:host(.secondary){background-color:var(--prism-color-material-secondary-base);color:var(--prism-color-text-secondary-base)}:host(.primary-inverse){background-color:var(--prism-color-material-primary-inverse-base);color:var(--prism-color-text-primary-inverse-base)}:host(.secondary-inverse){background-color:var(--prism-color-material-secondary-inverse-base);color:var(--prism-color-text-primary-inverse-base)}:host(.primary-brand){background-color:var(--prism-color-material-brand-primary-base);color:var(--prism-color-text-primary-base)}:host(.secondary-brand){background-color:var(--prism-color-material-brand-secondary-base);color:var(--prism-color-text-seconday-base)}:host(.primary) .trigger,:host(.secondary) .trigger{color:var(--prism-color-text-primary-base)}:host(.primary-inverse) .trigger,:host(.secondary-inverse) .trigger{color:var(--prism-color-text-primary-inverse-base)}:host(.primary) .trigger:hover{background-color:var(--prism-color-material-primary-hover)}:host(.primary) .trigger:focus-visible{background-color:var(--prism-color-material-primary-focus)}:host(.secondary) .trigger:hover{background-color:var(--prism-color-material-secondary-hover)}:host(.secondary) .trigger:focus-visible{background-color:var(--prism-color-material-secondary-focus)}:host(.primary-inverse) .trigger:hover{background-color:var(--prism-color-material-primary-inverse-hover)}:host(.primary-inverse) .trigger:focus-visible{background-color:var(--prism-color-material-primary-inverse-focus)}:host(.secondary-inverse) .trigger:hover{background-color:var(--prism-color-material-secondary-hover)}:host(.secondary-inverse) .trigger:focus-visible{background-color:var(--prism-color-material-secondary-focus)}:host(.primary-brand) .trigger:hover{background-color:var(--prism-color-material-brand-primary-hover)}:host(.primary-brand) .trigger:focus-visible{background-color:var(--prism-color-material-brand-primary-focus)}:host(.secondary-brand) .trigger:hover{background-color:var(--prism-color-material-brand-secondary-hover)}:host(.secondary-brand) .trigger:focus-visible{background-color:var(--prism-color-material-brand-secondary-focus)}.expandable-content.visible{grid-template-rows:1fr;overflow:visible}.expandable-content.visible .content-wrapper{opacity:1;visibility:visible}.expandable-content{display:grid;grid-template-rows:0fr;overflow-y:hidden;transition:grid-template-rows var(--prism-animation-duration-normal) var(--prism-animation-timing-function)}.content-wrapper{min-height:0;opacity:0;transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function);visibility:hidden}.content-spacing{background-color:var(--prism-accordion-content-bg-color,"inherit");padding:var(--prism-accordion-content-spacing-padding,var(--prism-spacer-size-lg) var(--prism-spacer-size-xxl))}.hint{margin-top:var(--prism-spacer-size-xs)}.icon{margin-left:var(--prism-spacer-size-xxl);margin-right:0}.icon.left{margin-left:0;margin-right:var(--prism-spacer-size-xxl)}@media (prefers-reduced-motion){.content-wrapper,.expandable-content,.trigger{transition:none}}::slotted([slot=asset-leading]){margin-right:var(--prism-spacer-size-lg)}::slotted([slot=asset-trailing]){flex-shrink:0;margin-left:var(--prism-spacer-size-lg)}', b = p, g = class {
+  constructor(i) {
+    o(this, i), this.prismClick = s(this, "prismClick", 7), this.uid = l(), this.sibling = {
+      top: !1,
+      bottom: !1
+    }, this.toggleFocusElements = () => {
+      d(this.el).forEach((r) => {
+        this.collapsed ? r == null || r.setAttribute("tabindex", "-1") : r == null || r.removeAttribute("tabindex");
+      });
+    }, this.onClick = (r) => {
+      this.collapsed = !this.collapsed;
+      const { currentTarget: a } = r, { id: t } = a;
+      this.toggleFocusElements(), this.prismClick.emit({
+        id: t,
+        name: "accordion",
+        collapsed: this.collapsed,
+        target: a
+      });
+    }, this.collapsed = !0, this.prismId = `prism-accordion-${this.uid}`, this.label = void 0, this.description = void 0, this.labelSecondary = void 0, this.triggerAlignment = "right", this.tone = "secondary";
+  }
+  connectedCallback() {
+    m("prism-accordion");
+  }
+  componentDidRender() {
+    this.toggleFocusElements();
+  }
+  componentWillLoad() {
+    var i, r;
+    ((i = this.el.nextElementSibling) === null || i === void 0 ? void 0 : i.tagName) === "PRISM-ACCORDION" && (this.sibling.bottom = !0), ((r = this.el.previousElementSibling) === null || r === void 0 ? void 0 : r.tagName) === "PRISM-ACCORDION" && (this.sibling.top = !0);
+  }
+  render() {
+    const i = () => e("prism-icon", { key: "fe78e6e3beb1bacdc6f616dc2756e18351dc3411", class: { icon: !0, [this.triggerAlignment]: !0 }, "aria-hidden": "true", priority: "secondary", display: "outline", name: this.collapsed ? "caret_down_button" : "caret_up_button" });
+    return e(n, { key: "81ed60b9a07f04a104a6744c004d294b167e872e", "data-testid": this.prismId, class: {
+      [this.tone]: !0,
+      "stacked-top": this.sibling.top,
+      "stacked-bottom": this.sibling.bottom
+    } }, e("button", { key: "9f3330e66125110acdc9421e1d9a974d2d18d63b", onClick: (r) => this.onClick(r), id: this.prismId, "data-testid": this.prismId, type: "button", class: { trigger: !0 }, "aria-expanded": (!this.collapsed).toString() }, e("slot", { key: "bc74db1337eb4fb7c3d9bcbfb6174820f4067e0c", name: "asset-leading" }), this.triggerAlignment === "left" && e(i, { key: "2b9dd237f2b5301375bb349194fc67312c55f5f9" }), e("section", { key: "f195ac4b3e50b9f9c12e36f8c8b21c9156c3ea9f", class: { text: !0 } }, e("prism-text", { key: "069f92ada74fd04909a57878201f352a0b7b42ad", tag: "span", class: "label", family: "headline", size: "100" }, this.label), this.labelSecondary && e("prism-text", { key: "cea555e1fc38605829835a4f956ea9035caadfb7", tag: "span", class: "label-secondary", family: "headline", size: "100" }, this.labelSecondary), this.description && e("prism-text", { key: "eeb47000c124b555c6c9c962efd99c251b6d216c", tag: "span", class: "description", priority: "secondary", as: "caption" }, this.description), e("slot", { key: "934afc184ba856baf8a06362a2571e9823941bc8", name: "meta" })), e("slot", { key: "7f87c3c7359df6b29831063bb70e0efa331056b6", name: "asset-trailing" }), this.triggerAlignment === "right" && e(i, { key: "6e952b5eb266c94feb75e189ef4acd9eaeb01932" })), e("div", { key: "b8ea7003fb2acbf44fa9db789d4f1474c7b0ef7a", ref: (r) => this.contentPanel = r, "aria-hidden": this.collapsed.toString(), class: { "expandable-content": !0, visible: !this.collapsed } }, e("div", { key: "d4f208775063a3dcb858745df4313b76afe0fafd", class: "content-wrapper" }, e("section", { key: "1b052c24bfdac9b625c20bb80cb274ccf3f55152", class: "content-spacing" }, e("slot", { key: "a4b64ebe2daefdc3f388e8ed134b6fcb0bcb1688" })))));
+  }
+  get el() {
+    return c(this);
+  }
+};
+g.style = b;
+export {
+  g as prism_accordion
+};

package/dist/prism-avatar_3.entry-C1H9bg9y.js

@@ -0,0 +1,335 @@
+import { r as x, h as l, H as w, g as _, c as b, F as y } from "./index-D9BZSjMp.js";
+import { m as k, s as f, a as v, g as E, u as z, e as C, d as g } from "./index-44540db3-BN5vFHKr.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
+ */
+const M = ':host{--prism-avatar-background-color:var(--prism-color-material-primary-base);--prism-avatar-text-color:var(--prism-color-text-primary-base);--prism-avatar-outline-color:var(--prism-color-border-primary-base);background-color:var(--prism-avatar-background-color);color:var(--prism-avatar-text-color);display:inline-block;outline:2px solid var(--prism-avatar-outline-color);position:relative}.image{border-radius:var(--prism-radius-size-full);color:transparent;height:100%;object-fit:cover;overflow:clip;text-align:center;width:100%}:host(.circle.generic),:host(.circle.profile){outline-color:transparent}:host(.circle){border-radius:var(--prism-radius-size-full);text-align:center}:host(.circle) .text,:host(.oval) .text{align-items:center;display:flex;height:100%;justify-content:center;width:100%}:host(.circle.sm){height:1.5rem;width:1.5rem}:host(.circle.md){height:2rem;width:2rem}:host(.circle.lg){height:3rem;width:3rem}:host(.circle.xl){height:5rem;width:5rem}:host(.circle.xxl){height:9rem;width:9rem}:host(.oval){border-radius:var(--prism-radius-size-xl);text-align:center}:host(.oval.sm){height:1.5rem;padding-left:var(--prism-spacer-size-sm);padding-right:var(--prism-spacer-size-sm)}:host(.oval.md){height:2rem;padding-left:var(--prism-spacer-size-md);padding-right:var(--prism-spacer-size-md)}:host(.oval.lg){border-radius:var(--prism-radius-size-xxl);height:3rem;width:5rem}:host(.oval.xl){border-radius:var(--prism-radius-size-xxl);height:3rem;width:6rem}:host(.oval.xxl){border-radius:var(--prism-radius-size-xxl);height:3.5rem;width:7rem}:host(.xl) .text,:host(.xxl) .text{margin-top:var(--prism-spacer-size-xs)}.dot:after{border:1px solid var(--prism-color-border-primary-inverse-base);border-radius:var(--prism-radius-size-full);bottom:-1px;content:"";display:block;height:.625rem;position:absolute;right:-1px;transition:background-color var(--prism-animation-duration-normal) var(--prism-animation-timing-function);width:.625rem}:host(.xl) .dot:after,:host(.xxl) .dot:after{height:1rem;width:1rem}.dot.primary:after{background-color:var(--prism-color-fill-primary-base)}.dot.primary-inverse:after{background-color:var(--prism-color-fill-primary-inverse-base)}.dot.secondary:after{background-color:var(--prism-color-fill-secondary-base)}.dot.success:after{background-color:var(--prism-color-fill-success-base)}.dot.danger:after{background-color:var(--prism-color-fill-danger-base)}.dot.primary-brand:after{background-color:var(--prism-color-fill-brand-primary-base)}.dot.sceondary-brand:after{background-color:var(--prism-color-fill-brand-secondary-base)}.dot.info:after{background-color:var(--prism-color-fill-info-base)}.dot.caution:after{background-color:var(--prism-color-fill-caution-base)}@media (prefers-reduced-motion){.dot:after{transition:none}}:host(.tone-primary){--prism-avatar-background-color:var(--prism-color-fill-primary-base);--prism-avatar-text-color:var(--prism-color-text-primary-inverse-base);--prism-avatar-outline-color:"transparent"}:host(.tone-success){--prism-avatar-background-color:var(--prism-color-fill-success-base);--prism-avatar-text-color:var(--prism-color-text-primary-inverse-base);--prism-avatar-outline-color:"transparent"}:host(.tone-danger){--prism-avatar-background-color:var(--prism-color-fill-danger-base);--prism-avatar-text-color:var(--prism-color-text-primary-inverse-base);--prism-avatar-outline-color:"transparent"}:host(.tone-caution){--prism-avatar-background-color:var(--prism-color-fill-caution-base);--prism-avatar-text-color:var(--prism-color-text-primary-inverse-base);--prism-avatar-outline-color:"transparent"}:host(.tone-primary-brand){--prism-avatar-background-color:var(--prism-color-fill-brand-primary-base);--prism-avatar-text-color:var(--prism-color-text-primary-inverse-base);--prism-avatar-outline-color:"transparent"}:host(.tone-secondary-brand){--prism-avatar-background-color:var(--prism-color-fill-brand-secondary-base);--prism-avatar-text-color:var(--prism-color-text-primary-inverse-base);--prism-avatar-outline-color:"transparent"}:host(.tone-info){--prism-avatar-background-color:var(--prism-color-fill-info-base);--prism-avatar-text-color:var(--prism-color-text-primary-inverse-base);--prism-avatar-outline-color:"transparent"}', A = M, I = class {
+  constructor(d) {
+    x(this, d), this._abbreviate = () => {
+      var t, i, o, a, e, n, r, c;
+      this.fallbackText = void 0;
+      const p = ((t = this.el.textContent) === null || t === void 0 ? void 0 : t.trim().length) > 0 ? (i = this.el.textContent) === null || i === void 0 ? void 0 : i.trim().split(" ") : (o = this.alt) === null || o === void 0 ? void 0 : o.trim().split(" ");
+      p && p.length >= 2 ? this.fallbackText = `${p[0].charAt(0).toLocaleUpperCase()}${p[1].charAt(0).toLocaleUpperCase()}` : p && p.length === 1 ? this.fallbackText = `${p[0].charAt(0).toLocaleUpperCase()}${p[0].charAt(1).toLocaleUpperCase()}` : this.fallbackText = `${(e = (a = this.alt) === null || a === void 0 ? void 0 : a.trim()) === null || e === void 0 ? void 0 : e.charAt(0).toLocaleUpperCase()}${(c = (r = (n = this.alt) === null || n === void 0 ? void 0 : n.trim()) === null || r === void 0 ? void 0 : r.replace(" ", "")) === null || c === void 0 ? void 0 : c.charAt(1).toLocaleUpperCase()}`;
+    }, this.checkImage = () => {
+      this.image = !1, this.generic = this.el.childNodes.length === 0 && !this.alt, this.alt && this._abbreviate();
+    }, this.src = void 0, this.alt = void 0, this.size = "sm", this.dotTone = "primary", this.tone = void 0, this.notification = !1, this.shape = "oval", this.image = void 0, this.generic = void 0, this.fallbackText = void 0, this.textSize = void 0;
+  }
+  // Watch for image prop
+  watchHandler() {
+  }
+  connectedCallback() {
+    k("prism-avatar");
+  }
+  componentWillLoad() {
+    var d;
+    this.image = !!this.src, this.shape = this.src ? "circle" : this.shape, !this.image && (((d = this.el.textContent) === null || d === void 0 ? void 0 : d.trim().length) > 0 || this.alt) && this._abbreviate();
+  }
+  componentWillRender() {
+    switch (this.size) {
+      case "sm":
+      case "md":
+        this.textSize = { as: "callout-sm" };
+        return;
+      case "lg":
+        this.textSize = { family: "body", size: "400" };
+        return;
+      case "xl":
+        this.textSize = { family: "headline", size: "300" };
+        return;
+      case "xxl":
+        this.textSize = { family: "display", size: "300" };
+        return;
+    }
+  }
+  render() {
+    const d = () => l("prism-icon", { key: "4e1218fd9423f20425d8317cc0deeb616ef58da3", display: "outline", label: "username", name: "profile", size: this.size });
+    return l(w, { key: "7e2b8756afc1c92f479216540764eebf6d2b0416", class: {
+      profile: this.image,
+      generic: this.generic,
+      [this.size]: !0,
+      [this.shape]: !0,
+      [`tone-${this.tone}`]: !!this.tone
+    } }, this.image ? l("prism-image", { onPrismError: () => this.checkImage(), alt: this.alt, src: this.src, class: { image: !0, dot: this.notification, [this.dotTone]: this.notification } }) : this.fallbackText !== void 0 ? l("prism-text", Object.assign({}, this.textSize, { tag: "span", class: {
+      dot: this.notification,
+      [this.dotTone]: this.notification,
+      text: !0
+    } }), this.fallbackText) : l(d, null));
+  }
+  get el() {
+    return _(this);
+  }
+  static get watchers() {
+    return {
+      image: ["watchHandler"]
+    };
+  }
+};
+I.style = A;
+const P = ".sc-prism-button-group-h{display:var(--prism-button-group-display,block);width:var(--prism-button-group-width,100%)}.layout.sc-prism-button-group{align-items:center;display:flex;justify-content:var(--prism-button-group-content-justify,flex-start)}.vertical.sc-prism-button-group{flex-direction:column}ol.layout.sc-prism-button-group,ul.layout.sc-prism-button-group{list-style-type:none;margin:0;padding:0}.add-space.sc-prism-button-group{gap:var(--prism-button-group-spacing-gap,var(--prism-spacer-size-lg))}.add-space.sc-prism-button-group nav.sc-prism-button-group ul.sc-prism-button-group{gap:.25rem}.behavior-connected.sc-prism-button-group{--prism-button-size-radius:0}.button-group-container.sc-prism-button-group{border:var(--prism-button-group-border-width,1px) solid color-mix(in srgb,var(--prism-button-group-border-color,var(--prism-color-border-primary-base)) var(--prism-button-group-border-alpha-percentage,var(--prism-alpha-tertiary-percentage)),transparent);border-radius:var(--prism-button-group-border-radius,var(--prism-radius-size-sm));padding:var(--prism-button-group-container-padding,var(--prism-spacer-size-xs))}.behavior-connected.sc-prism-button-group-s>prism-button[display=fill]:first-child,.behavior-connected .sc-prism-button-group-s>prism-button[display=fill]:first-child,.behavior-connected.sc-prism-button-group-s>prism-button[display=outline]:first-child,.behavior-connected .sc-prism-button-group-s>prism-button[display=outline]:first-child{--prism-button-size-radius:var(--prism-radius-size-sm) 0 0 var(--prism-radius-size-sm)}.behavior-connected.sc-prism-button-group-s>prism-button[display=fill]:last-child,.behavior-connected .sc-prism-button-group-s>prism-button[display=fill]:last-child,.behavior-connected.sc-prism-button-group-s>prism-button[display=outline]:last-child,.behavior-connected .sc-prism-button-group-s>prism-button[display=outline]:last-child{--prism-button-size-radius:0 var(--prism-radius-size-sm) var(--prism-radius-size-sm) 0}.container.sc-prism-button-group{width:100%}@media (min-width:640px){.container.sc-prism-button-group{max-width:640px}}@media (min-width:768px){.container.sc-prism-button-group{max-width:768px}}@media (min-width:1024px){.container.sc-prism-button-group{max-width:1024px}}@media (min-width:1280px){.container.sc-prism-button-group{max-width:1280px}}@media (min-width:1536px){.container.sc-prism-button-group{max-width:1536px}}", S = P, O = class {
+  constructor(d) {
+    x(this, d), this._keyboardNavigation = (t) => {
+      let i = t.target, o = this.focusables.indexOf(i);
+      switch (t.key) {
+        case "ArrowLeft":
+          t.preventDefault(), o > 0 ? f(i, this.focusables[o - 1]) : f(i, this.focusables[this.focusables.length - 1]);
+          break;
+        case "ArrowRight":
+          t.preventDefault(), o < this.focusables.length - 1 ? f(i, this.focusables[o + 1]) : f(i, this.focusables[0]);
+          break;
+      }
+    }, this.collection = "group", this.label = void 0, this.gap = !0, this.listType = "ul", this.layout = "horizontal", this.behavior = "spaced", this.encapsulate = void 0;
+  }
+  componentDidLoad() {
+    this.element && this.collection === "tablist" && (this.focusables = v(this.element), this.focusables.forEach((d, t) => {
+      d.tabIndex = t === 0 ? 0 : -1, d.setAttribute("role", "tab");
+    }));
+  }
+  render() {
+    const d = this.listType === "ul" ? "ul" : "ol", t = { layout: !0, [this.layout]: !0, "add-space": this.gap && this.behavior !== "connected", [`behavior-${this.behavior}`]: !0 };
+    return l(w, { key: "2e4d3b22fcad869f6731c1cfe43a25567a3bd000" }, l("div", { key: "4fe32034f5217a7e997060944458f5cc216cd688", class: Object.assign(Object.assign({}, t), { "button-group-container": this.encapsulate }), role: this.collection === "none" ? null : this.collection === "navigation" ? "group" : this.collection, "aria-label": this.collection === "none" ? null : this.label, ref: (i) => this.element = i, onKeyDown: this.collection === "tablist" ? this._keyboardNavigation : void 0 }, this.collection === "navigation" ? l(d, { class: t }, l("slot", null)) : l("slot", null)));
+  }
+};
+O.style = S;
+const R = ".container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}:host{display:block;margin:var(--prism-menu-spacing-margin,var(--prism-spacer-size-xs) 0);max-width:var(--prism-menu-max-width,100%);position:relative}.menu-nav{display:flex;width:100%}.menu-nav[data-state=collapsed]{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.list-items,.menu-item,.menu-items{list-style-type:none;margin:0;padding:0}.collapsible{transition:max-height var(--prism-animation-duration-normal) var(--prism-animation-timing-function)}.overflow-wrapper>ul.menu-children,li>ul.menu-children{display:flex;flex-direction:column;max-height:0;opacity:0;overflow:hidden;padding:0;transition:opacity var(--prism-animation-duration-normal),max-height var(--prism-animation-duration-normal) var(--prism-animation-timing-function)}.overflow-wrapper.expanded>ul.menu-children,li.expanded>ul.menu-children{margin:var(--prism-menu-spacing-gap,var(--prism-spacer-size-md)) 0 0 0;max-height:-webkit-max-content;max-height:-moz-max-content;max-height:max-content;opacity:1}.menu-horizontal>li.expanded>ul.menu-children,.overflow-wrapper.expanded>ul.menu-children{max-height:var(--prism-menu-horizontal-dropdown-max-height,75vh);overflow:auto}.menu-horizontal>li.expanded>ul.menu-children{--prism-button-text-white-space:break-spaces;max-width:var(--prism-menu-horizontal-dropdown-max-width,50vw)}.visibility-collapsed{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.menu,.menu ul{display:flex;flex-direction:column;list-style-type:none;margin:0;padding:0;width:100%}.menu ul>li{margin-left:var(--prism-spacer-size-xxl)}.menu .menu-children.gap,.menu.gap{gap:var(--prism-menu-spacing-gap,var(--prism-spacer-size-md))}.menu-horizontal{align-items:center;display:flex;justify-content:var(--prism-button-group-content-justify,flex-start)}.menu-horizontal .menu-children.gap,.menu-horizontal.gap{gap:var(--prism-menu-spacing-gap,var(--prism-spacer-size-xxl))}.menu-item>span{align-items:center;display:flex}.menu-collapse-trigger{margin-bottom:var(--prism-spacer-size-md)}.menu-collapse-trigger,.menu-collapsible{--prism-button-spacing-padding:var(--prism-spacer-size-sm)}.menu-collapsible{align-items:start;flex-direction:column}.menu-collapsible [data-hidden],.menu-collapsible [hidden]{display:none}.menu-collapsible .menu.menu-collapsed{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.menu-text{font-family:var(--prism-font-body-400-family);font-size:var(--prism-font-body-400-size);font-weight:var(--prism-font-body-400-weight);letter-spacing:var(--prism-font-body-400-tracking);line-height:var(--prism-font-body-400-leading)}.menu-horizontal,.menu-horizontal nav{max-width:100%}.menu-horizontal .single-menu-item prism-button[data-root],.menu-horizontal prism-button[data-root]{--prism-button-spacing-padding:var(--prism-menu-parent-button-padding,0 0 12px 0)}.menu-horizontal prism-button[data-child]{--prism-button-spacing-padding:var(--prism-menu-child-button-padding,var(--prism-spacer-size-xs) var(--prism-spacer-size-xs))}.menu-horizontal,[part=overflow-menu] ul,ul.menu-horizontal ul{list-style-type:none;margin:0;padding:0;width:100%}.menu-horizontal ul>li{margin-left:var(--prism-spacer-size-xxl);position:relative}.menu-horizontal [data-root]{--prism-button-text-white-space:nowrap}.menu-horizontal>.menu-item-parent>ul.menu-children,.overflow-wrapper>ul.menu-children{background-color:var(--prism-color-material-primary-base);border-radius:var(--prism-radius-size-md);box-shadow:var(--prism-shadow-xs-base);position:absolute;transition:opacity var(--prism-animation-duration-normal) var(--prism-animation-timing-function);width:-webkit-max-content;width:-moz-max-content;width:max-content;z-index:var(--prism-layout-z-index-dropdown)}.menu-horizontal .overflow-wrapper>ul.menu-children>li,.menu-horizontal>.menu-item-parent>ul.menu-children>li{margin-left:0;padding-left:.5rem;padding-right:.5rem}.overflow-wrapper{position:absolute;right:.25rem}.overflow-wrapper>ul.menu-children{display:block;right:0}.overflow-wrapper>ul.menu-children prism-button,.overflow-wrapper>ul.menu-children prism-button[data-root]{--prism-button-spacing-padding:var(--prism-spacer-size-md)}.overflow-menu{flex:1}.overflow-menu .menu-children{--prism-button-text-white-space:break-spaces;max-width:var(--prism-menu-horizontal-dropdown-max-width,50vw)}.overflow-menu ul>li{position:relative}.overflow-menu ul>li>ul{box-sizing:border-box;padding-left:1.75rem}.single-menu-item{flex:0 0 auto;transition:opacity var(--prism-animation-duration-normal) var(--prism-animation-timing-function);width:100%}.badge{padding-left:var(--prism-spacer-size-md);-webkit-text-decoration:none;text-decoration:none}.children-icon,.trailing-icon{margin-left:auto}@media (prefers-reduced-motion){.collapsible{transition:none}}.menu-hidden{opacity:0;pointer-events:none}.visible-mobile-only{display:inherit}@media (min-width:768px){.visible-mobile-only{display:none}}", L = R, T = class {
+  constructor(d) {
+    x(this, d), this.prismMenu = b(this, "prismMenu", 7), this.prismClick = b(this, "prismClick", 7), this.prismClose = b(this, "prismClose", 7), this._uid = E(), this.mapPointers = (t, i) => {
+      var o, a;
+      const e = Object.assign({}, t), n = !!(!((o = e == null ? void 0 : e.children) === null || o === void 0) && o.length);
+      return i && (e._parentRef = i), i && n && ((a = e == null ? void 0 : e.children) === null || a === void 0 || a.map((r) => this.mapPointers(r, e))), e.expanded && (e._preserveExpanded = !0, this.initiallyExpanded.push(e)), e.active && this.activeChildren.push(e), e;
+    }, this.expandActiveMenus = () => {
+      const t = (i) => {
+        const o = !!(i != null && i._parentRef), a = this.expandActiveParents === !0, e = this.variant === "menu-horizontal", n = this.overflowMenu.findIndex((s) => s.uid === i.uid), r = n !== -1, p = this.initiallyExpanded.findIndex((s) => s.uid === i.uid) !== -1;
+        !o && e && a && (i.expanded = !!p, r && (this.overflowMenu[n].expanded = !0)), o && a && (i._parentRef.expanded = !0, t(i._parentRef)), o && !a && (delete i._parentRef.expanded, p && (i.expanded = !0), t(i._parentRef));
+      };
+      this.activeChildren.forEach(t);
+    }, this.initializeMenu = () => {
+      this.activeChildren = [], this.initiallyExpanded = [];
+      const t = this.menu.map((i, o) => {
+        var a;
+        const e = Object.assign(Object.assign({}, i), { uid: `${z((i == null ? void 0 : i.label) || (i == null ? void 0 : i.title))}-${this._uid}-${o}` }), n = !!(!((a = e == null ? void 0 : e.children) === null || a === void 0) && a.length);
+        return e.expanded && (e._preserveExpanded = !0, this.initiallyExpanded.push(e)), n && (e.children = e.children.map((r) => this.mapPointers(r, e))), e;
+      });
+      return this.expandActiveParents === !0 && this.activeChildren.length && this.expandActiveMenus(), t;
+    }, this.updateOverflowKeys = (t) => {
+      t ? (this.overflowKeys = Object.assign(Object.assign({}, this.overflowKeys), t), this.overflowMenu = [...this.menu.filter((i) => this.overflowKeys[i.uid])]) : this.overflowMenu = [...this.menu.filter((i) => this.overflowKeys[i.uid])];
+    }, this.handleIntersection = (t) => {
+      t.forEach((i) => {
+        const o = i.target;
+        i.isIntersecting ? (o.classList.remove("menu-hidden"), o.setAttribute("aria-hidden", "false"), this.updateOverflowKeys({ [o.dataset.uid]: !1 })) : (o.classList.add("menu-hidden"), o.setAttribute("aria-hidden", "true"), this.updateOverflowKeys({ [o.dataset.uid]: !0 }));
+      });
+    }, this._eventListeners = [], this.collapseMenu = () => {
+      this.collapse = !this.collapse;
+    }, this.subMenuExpanded = !1, this.subMenuIcon = "caret_down_button", this.overflowButtonId = "overflow-menu-button", this.menuItemClicked = (t, i) => {
+      const o = t.currentTarget, a = o.closest("[part=overflow-menu]");
+      if (i.root && (i != null && i.children) && this.variant === "menu-horizontal" && !a && this._collapseAll(t.detail.id), t.detail.id !== this.overflowButtonId && !a && this.overflowExpanded && (this.overflowExpanded = !1, this._collapseAll(this.overflowButtonId)), t.detail.id === this.overflowButtonId && (this.overflowExpanded = !this.overflowExpanded, this._collapseAll(t.detail.id)), i != null && i.children) {
+        const { label: e, prismId: n } = o;
+        this._itemClickToggle(o), t.detail.id !== this.overflowButtonId && this.prismClick.emit({
+          data: i,
+          id: n,
+          label: e,
+          name: i != null && i.root ? "menu-dropdown-root" : "menu-dropdown",
+          target: o,
+          isParent: !0,
+          isRoot: (i == null ? void 0 : i.root) || !1,
+          isInsideOverflow: !!a
+        });
+      } else {
+        const { label: e, prismId: n } = o;
+        this.prismClick.emit({
+          data: i,
+          id: n,
+          label: e,
+          name: "menu-item",
+          target: o,
+          isParent: !1,
+          isRoot: (i == null ? void 0 : i.root) || !1,
+          isInsideOverflow: !!a
+        });
+      }
+      this.toggleFocusChildren();
+    }, this._collapseAll = (t) => {
+      this.el.shadowRoot.querySelectorAll("li.expanded:not(.overflow-root) prism-button[data-root], .overflow-wrapper.expanded > prism-button[data-root]").forEach((a) => {
+        a.prismId !== t && this._itemClickToggle(a);
+      });
+    }, this._expandMenuParent = (t) => (i) => {
+      const o = i.parentElement.closest(".menu-item-parent"), a = o.querySelector("[data-type=icon]"), e = o.querySelector("[data-display]");
+      t && (o.classList.add("expanded"), e.setAttribute("expanded", "true"), a.setAttribute("name", "caret_up_button"));
+    }, this._expandActiveParentElements = (t) => (i) => {
+      const o = i.parentElement.closest(".menu-item-parent");
+      !!i.attributes["data-root"] || !o || (this._expandMenuParent(t)(i), this._expandActiveParentElements(t)(o));
+    }, this._itemClickToggle = (t) => {
+      var i, o, a;
+      const e = this.variant === "menu-horizontal", n = this.expandActiveParents === !0, r = !!t.dataset.root, c = !!t.classList.contains("overflow-menu-button-toggle"), p = t.querySelector("[data-type=icon]"), s = t.closest("li");
+      t.expanded = !t.expanded, p == null || p.setAttribute("name", t.expanded ? "caret_up_button" : this.subMenuIcon), s && s.classList.toggle("expanded"), r && e && n && s && (s.querySelectorAll("[data-child] [aria-current='page']").forEach(this._expandActiveParentElements(t.expanded)), s.querySelectorAll("[data-preserve-expanded]").forEach(this._expandMenuParent(t.expanded))), c && e && n && ((a = (o = ((i = this.el.shadowRoot) === null || i === void 0 ? void 0 : i.querySelectorAll("div.overflow-wrapper"))[0]) === null || o === void 0 ? void 0 : o.querySelectorAll("li.overflow-root")) === null || a === void 0 || a.forEach((h) => {
+        const m = h.querySelectorAll("[data-child] [aria-current='page']");
+        m.forEach(this._expandActiveParentElements(t.expanded)), m || h.querySelectorAll("[data-preserve-expanded]").forEach(this._expandMenuParent(t.expanded));
+      }));
+    }, this.menu = [], this.collapse = !1, this.collapsible = !1, this.expandActiveParents = !1, this.variant = "menu", this.gap = !1, this.overflow = !1, this.useCustomRouting = void 0, this.overflowKeys = {}, this.overflowMenu = [], this.overflowExpanded = !1, this.activeChildren = [], this.initiallyExpanded = [];
+  }
+  // Track Open Menus
+  // private openMenus: NodeListOf<Element>;
+  // Watch for Menu Object Changes
+  updateMenu() {
+  }
+  // Init
+  connectedCallback() {
+    k("prism-menu");
+  }
+  toggleFocusChildren() {
+    var d, t, i, o, a, e;
+    (d = this.el.shadowRoot) === null || d === void 0 || d.querySelectorAll("li").forEach((r) => {
+      v(r).forEach(C);
+    });
+    const n = (t = this.el.shadowRoot) === null || t === void 0 ? void 0 : t.querySelectorAll("li.menu-item-parent:not(.expanded)");
+    if (n == null || n.forEach((r) => {
+      v(r.querySelector("ul")).forEach(g);
+    }), this.overflow) {
+      this.overflowExpanded || (a = (o = ((i = this.el.shadowRoot) === null || i === void 0 ? void 0 : i.querySelectorAll("div.overflow-wrapper"))[0]) === null || o === void 0 ? void 0 : o.querySelectorAll("li.overflow-root")) === null || a === void 0 || a.forEach((p) => {
+        v(p).forEach(g);
+      });
+      const r = (e = this.el.shadowRoot) === null || e === void 0 ? void 0 : e.querySelectorAll('li[aria-hidden="true"]');
+      r == null || r.forEach((c) => {
+        v(c).forEach(g);
+      });
+    }
+  }
+  /**
+   * Initiates an Intersection Observer to monitor menu items and move them to the overflow menu if necessary.
+   */
+  observeMenu() {
+    const d = {
+      root: this.el,
+      // Rems don't seem to work
+      // -48px clears the overflow button's width
+      // This makes a menu item disappear as soon as the overflow button "touches" it.
+      rootMargin: "0px -48px 0px 0px",
+      threshold: 1
+    };
+    this.variant === "menu-horizontal" && this.el.getBoundingClientRect().width > 0 && (this._observer = new IntersectionObserver(this.handleIntersection, d), this._nav.querySelectorAll("li:not([part=overflow-menu])").forEach((t) => {
+      t.parentElement.hasAttribute("part") && t.parentElement.getAttribute("part") !== "children-menu" && this._observer.observe(t);
+    }));
+  }
+  // Helper to add event listeners and keep track of them
+  _addEventListenerWithCleanup(d, t, i) {
+    d.addEventListener(t, i), this._eventListeners.push({ element: d, type: t, handler: i });
+  }
+  componentDidLoad() {
+    this.overflow && this.observeMenu();
+    const d = this.el.shadowRoot.querySelectorAll("prism-button[data-root]"), t = "li.expanded:not(.overflow-root) prism-button[data-root], .overflow-wrapper.expanded > prism-button[data-root]";
+    if (this.variant === "menu-horizontal") {
+      d && d.forEach((a) => {
+        const e = (n) => {
+          var r, c;
+          const p = this.el.shadowRoot.querySelectorAll(t), s = (c = (r = p[0]) === null || r === void 0 ? void 0 : r.querySelector("button")) === null || c === void 0 ? void 0 : c.id;
+          n.target.id !== s && p.forEach((u) => {
+            var h, m;
+            this._itemClickToggle(u), this.toggleFocusChildren(), this.overflowExpanded = !1, this.prismClose.emit({ name: "root-dropdown-closed-focus-off-dropdown", id: (h = u.children[0]) === null || h === void 0 ? void 0 : h.id, label: (m = u.children[0]) === null || m === void 0 ? void 0 : m.textContent });
+          });
+        };
+        this._addEventListenerWithCleanup(a, "focusin", e);
+      });
+      const o = () => {
+        this.el.shadowRoot.querySelectorAll(t).forEach((e) => {
+          var n, r;
+          this._itemClickToggle(e), this.toggleFocusChildren(), this.overflowExpanded = !1, this.prismClose.emit({ name: "root-dropdown-closed-focus-out-of-menu", id: (n = e.children[0]) === null || n === void 0 ? void 0 : n.id, label: (r = e.children[0]) === null || r === void 0 ? void 0 : r.textContent });
+        });
+      };
+      this._addEventListenerWithCleanup(this.el, "focusout", o);
+    }
+    const i = (o) => {
+      o.code === "Escape" && this.el.shadowRoot.querySelectorAll(t).forEach((e) => {
+        var n, r;
+        this._itemClickToggle(e), this.toggleFocusChildren(), this.overflowExpanded = !1, e.setFocus(), this.prismClose.emit({ name: "root-dropdown-closed-escape-key", id: (n = e.children[0]) === null || n === void 0 ? void 0 : n.id, label: (r = e.children[0]) === null || r === void 0 ? void 0 : r.textContent });
+      });
+    };
+    this._addEventListenerWithCleanup(this.el, "keydown", i);
+  }
+  handleDocumentMouseDown(d) {
+    if (this.variant === "menu-horizontal") {
+      const t = this.el.tagName.toLowerCase(), o = d.composedPath().some((n) => n instanceof HTMLElement && n.tagName && n.tagName.toLowerCase() === t), e = this.el.shadowRoot.querySelectorAll("li.expanded:not(.overflow-root) prism-button[data-root], .overflow-wrapper.expanded > prism-button[data-root]");
+      o || e.forEach((n) => {
+        var r, c;
+        this._itemClickToggle(n), this.overflowExpanded = !1, this.toggleFocusChildren(), this.prismClose.emit({ name: "root-dropdown-closed-click-outside-menu", id: (r = n.children[0]) === null || r === void 0 ? void 0 : r.id, label: (c = n.children[0]) === null || c === void 0 ? void 0 : c.textContent });
+      });
+    }
+  }
+  componentDidRender() {
+    this.prismMenu.emit({ menu: this.menu }), this.toggleFocusChildren();
+  }
+  componentWillRender() {
+    this.menu = this.initializeMenu(), this.overflow && this.updateOverflowKeys(null);
+  }
+  disconnectedCallback() {
+    this._eventListeners.forEach(({ element: d, type: t, handler: i }) => {
+      d.removeEventListener(t, i);
+    }), this._eventListeners = [];
+  }
+  render() {
+    const d = {
+      children: this.overflowMenu
+    }, t = () => {
+      this.el.shadowRoot.querySelectorAll("li.expanded:not(.overflow-root) prism-button[data-root], .overflow-wrapper.expanded > prism-button[data-root]").forEach((r) => {
+        var c;
+        ((c = r.children[0]) === null || c === void 0 ? void 0 : c.id) !== this.overflowButtonId && (this._itemClickToggle(r), this.toggleFocusChildren());
+      });
+    }, i = (e) => {
+      const n = this.variant === "menu-horizontal";
+      return this.overflow && l("prism-button", { onPrismFocus: t, class: "overflow-menu-button-toggle", display: "ghost-icon", tone: this.overflowExpanded ? "primary-brand" : "primary", prismId: this.overflowButtonId, expanded: (e == null ? void 0 : e.expanded) || !1, onPrismClick: (r) => {
+        this.menuItemClicked(r, e), e != null && e.onPrismClick && (e == null || e.onPrismClick(r)), this.prismClick.emit({ name: "overflow", open: this.overflowExpanded });
+      }, "data-root": !0, state: n && this.overflowExpanded ? "active" : null, size: "xs", label: "more" }, l("prism-icon", { class: "icon", tone: n && e.active ? "primary-brand" : "primary", name: "more_horizontal", size: "sm" }));
+    }, o = (e) => {
+      var n;
+      const r = (n = e == null ? void 0 : e.children) === null || n === void 0 ? void 0 : n.length, c = this.variant === "menu-horizontal", p = c && (e == null ? void 0 : e.root) && !this.overflowKeys[e.uid];
+      return l("div", { class: { "single-menu-item": !0, "no-icon": !e.icon } }, l("prism-button", { "prism-id": e.id, display: p ? "ghost" : "menu", tone: e.active ? "primary-brand" : "primary", current: e.active && !r ? "page" : e.active && r ? "true" : void 0, target: e.target, expanded: r ? (e == null ? void 0 : e.expanded) || (e == null ? void 0 : e._preserveExpanded) || !1 : void 0, href: e.children && !this.collapse ? void 0 : e.href, "flex-direction": this.collapse && this.variant === "menu" ? "column" : "row", onPrismClick: (s) => {
+        this.useCustomRouting && s.preventDefault(), this.collapse || this.menuItemClicked(s, e), e != null && e.onPrismClick && (e == null || e.onPrismClick(s));
+      }, state: c && e.active ? "active" : null, "data-root": e == null ? void 0 : e.root, "data-child": !e.root, "data-preserve-expanded": e == null ? void 0 : e._preserveExpanded }, e.icon && l("prism-icon", { display: e.active ? "fill" : "outline", slot: "icon", class: "icon", tone: e.active ? "primary-brand" : "primary", name: e.icon, size: e.iconSize || "md" }), this.variant.includes("menu") && (e.children || e.active) && !this.collapse && l(y, null, c && e.root && !this.overflowKeys[e.uid] && e.active && !r ? null : l("prism-icon", { class: "trailing-icon", slot: "icon-trailing", tone: e.children ? void 0 : "primary-brand", name: e.children ? e.expanded || e != null && e._preserveExpanded ? "caret_up_button" : "caret_down_button" : "check", "data-type": "icon" })), l("span", { class: {
+        "visibility-collapsed": this.collapse,
+        "menu-text": this.variant.includes("menu") && !e.root
+      } }, e.title), e.label && l("prism-badge", { "data-hidden": this.collapse, label: e.badgeA11yLabel, priority: e.active ? "high" : void 0, tone: e.active ? "primary-brand" : void 0, slot: "label", class: { badge: !0 }, hidden: this.collapse, "aria-hidden": this.collapse.toString(), size: "md" }, e.label)), e.children && !this.variant.includes("menu") && l("prism-button", { size: "xs", label: `Toggle Sub Menu for ${e.title}`, expanded: this.subMenuExpanded, onPrismClick: (s) => this.menuItemClicked(s, e), display: "ghost", "aria-hidden": this.collapse.toString(), class: { "children-icon": !0, "visibility-collapsed": this.collapse } }, l("prism-icon", { size: "xs", name: this.subMenuIcon, "data-type": "icon" })));
+    }, a = (e) => {
+      var n, r;
+      const c = (n = e == null ? void 0 : e.children) === null || n === void 0 ? void 0 : n.length, p = (s, u) => `${z((s == null ? void 0 : s.label) || (s == null ? void 0 : s.title))}-${this._uid}-${u}`;
+      return l("ul", { "aria-hidden": this.collapse, hidden: this.collapse, "data-children": !!c, class: {
+        "menu-children": this.variant.includes("menu"),
+        collapsible: !this.collapsible,
+        gap: this.gap
+      }, part: "children-menu" }, c > 0 && ((r = e == null ? void 0 : e.children) === null || r === void 0 ? void 0 : r.map((s, u) => {
+        var h;
+        const m = this.overflowKeys[s.uid];
+        return l(y, null, ((h = s == null ? void 0 : s.children) === null || h === void 0 ? void 0 : h.length) > 0 ? l("li", { key: `${s.uid}-${u}`, id: s != null && s.root ? `menu-root-${s.uid}` : `menu-child-${p(s, u)}`, "data-uid": s.uid, class: {
+          "menu-item-parent": c > 0,
+          "menu-item": c <= 0,
+          expanded: (s == null ? void 0 : s.expanded) || (s == null ? void 0 : s._preserveExpanded),
+          "overflow-root": m
+        } }, l(o, Object.assign({}, s)), l(a, Object.assign({}, s))) : l("li", { id: s != null && s.root ? `menu-root-${s.uid}` : `menu-child-${p(s, u)}`, "data-uid": e.uid, key: `${s.uid}-${u}`, class: { "menu-item": !0, "overflow-root": m } }, l(o, Object.assign({}, s))));
+      })));
+    };
+    return l(w, null, l("div", { "data-state": this.collapse ? "collapsed" : "expanded", class: { "menu-nav": !0, "menu-collapsible": this.collapsible } }, this.collapsible && this.variant === "menu" && l("prism-button", { class: "menu-collapse-trigger", type: "button", size: "xs", display: "ghost-icon", label: this.collapse ? "expand menu" : "collapse menu", onPrismClick: () => this.collapseMenu(), expanded: !this.collapse || !1 }, l("prism-icon", { name: this.collapse ? "caret_right_button" : "caret_left_button", size: "sm" })), l("ul", { class: {
+      [this.variant]: !0,
+      collapsible: !this.collapsible,
+      [this.collapse ? "menu-collapsed" : "menu-expanded"]: !0,
+      gap: this.gap
+    }, ref: (e) => this._nav = e, part: "menu" }, this.menu.map((e, n) => {
+      var r;
+      return l("li", { key: `${e.uid}-${n}`, id: `menu-root-${e.uid}`, "data-uid": e.uid, "data-root": e.root, "data-visible-on": e.visibleOn, "data-expanded": (e == null ? void 0 : e.expanded) || (e == null ? void 0 : e._preserveExpanded), class: {
+        "menu-item-parent": ((r = e == null ? void 0 : e.children) === null || r === void 0 ? void 0 : r.length) > 0,
+        "menu-item": !(e != null && e.children),
+        expanded: (e == null ? void 0 : e.expanded) || (e == null ? void 0 : e._preserveExpanded)
+      } }, l(o, Object.assign({}, e)), e.children && l(a, Object.assign({}, e)));
+    }), l("slot", null)), this.overflow && this.overflowMenu.length > 0 ? l("div", { part: "overflow-menu", class: "overflow-menu" }, l("div", { class: { expanded: this.overflowExpanded, "overflow-wrapper": !0 } }, l(i, Object.assign({}, d)), l(a, Object.assign({}, d)))) : null));
+  }
+  get el() {
+    return _(this);
+  }
+  static get watchers() {
+    return {
+      menu: ["updateMenu"]
+    };
+  }
+};
+T.style = L;
+export {
+  I as prism_avatar,
+  O as prism_button_group,
+  T as prism_menu
+};

package/dist/prism-badge.entry-CWLalQsR.js

@@ -0,0 +1,56 @@
+import { r as t, c as s, h as r, H as n, g as c } from "./index-D9BZSjMp.js";
+import { g as l, m as d } from "./index-44540db3-BN5vFHKr.js";
+/*!
+ * Copyright (c) 2025 Comcast. Prism UI - v8.28.0 - made with ❤️ in Philadelphia
+ */
+const p = ":host{--prism-badge-background-color:var(--prism-color-material-secondary-base);--prism-badge-text-color:var(--prism-color-text-secondary-base);--prism-badge-outline-color:transparent;display:inline-flex;position:relative}.wrapper{align-items:center;background-color:var(--prism-badge-background-color);color:var(--prism-badge-text-color);display:inline-flex;outline:1px solid var(--prism-badge-outline-color);position:relative;transition:all var(--prism-animation-duration-normal) var(--prism-animation-timing-function);white-space:nowrap}button.wrapper{border-style:none}button.wrapper:hover{cursor:pointer}button.wrapper:focus-visible{--prism-badge-outline-color:var(--prism-color-border-primary-focus);outline-offset:2px}.text{--prism-text-max-width:inherit;letter-spacing:inherit;line-height:1}.sm{border-radius:var(--prism-radius-size-md);gap:1px;height:1rem;padding-left:var(--prism-spacer-size-sm);padding-right:var(--prism-spacer-size-sm)}.md{border-radius:var(--prism-radius-size-lg);height:1.5rem;padding-left:var(--prism-spacer-size-md);padding-right:var(--prism-spacer-size-md)}.lg,.md{gap:.25rem}.lg{border-radius:var(--prism-radius-size-xl);height:2.75rem;padding-left:var(--prism-spacer-size-lg);padding-right:var(--prism-spacer-size-lg)}.lg.asset-trailing{padding-right:0}.lg.asset-leading{padding-left:0}.high{--prism-badge-text-color:var(--prism-color-text-primary-inverse-base)}.info{--prism-badge-background-color:var(--prism-color-fill-info-base)}.info .action:hover,button.info:hover{--prism-badge-background-color:var(--prism-color-fill-info-hover)}.info .action:active,button.info:active{--prism-badge-background-color:var(--prism-color-fill-info-down)}.primary-brand{--prism-badge-background-color:var(--prism-color-fill-brand-primary-base)}.primary-brand .action:hover,button.primary-brand:hover{--prism-badge-background-color:var(--prism-color-fill-brand-primary-hover)}.primary-brand .action:active,button.primary-brand:active{--prism-badge-background-color:var(--prism-color-fill-brand-primary-down)}.secondary-brand{--prism-badge-background-color:var(--prism-color-fill-brand-secondary-base)}.secondary-brand .action:hover,button.secondary-brand:hover{--prism-badge-background-color:var(--prism-color-fill-brand-secondary-hover)}.secondary-brand .action:active,button.secondary-brand:active{--prism-badge-background-color:var(--prism-color-fill-brand-secondary-down)}.success{--prism-badge-background-color:var(--prism-color-fill-success-base)}.success .action:hover,button.success:hover{--prism-badge-background-color:var(--prism-color-fill-success-hover)}.success .action:active,button.success:active{--prism-badge-background-color:var(--prism-color-fill-success-down)}.caution{--prism-badge-background-color:var(--prism-color-fill-caution-base)}.caution .action:hover,button.caution:hover{--prism-badge-background-color:var(--prism-color-fill-caution-hover)}.caution .action:active,button.caution:active{--prism-badge-background-color:var(--prism-color-fill-caution-down)}.danger{--prism-badge-background-color:var(--prism-color-fill-danger-base)}.danger .action:hover,button.danger:hover{--prism-badge-background-color:var(--prism-color-fill-danger-hover)}.danger .action:active,button.danger:active{--prism-badge-background-color:var(--prism-color-fill-danger-down)}.primary{--prism-badge-background-color:var(--prism-color-fill-primary-base)}.primary .action:hover,button.primary:hover{--prism-badge-background-color:var(--prism-color-fill-primary-hover)}.primary .action:active,button.primary:active{--prism-badge-background-color:var(--prism-color-fill-primary-down)}.secondary{--prism-badge-background-color:var(--prism-color-fill-secondary-base)}.secondary .action:hover,button.secondary:hover{--prism-badge-background-color:var(--prism-color-fill-secondary-hover)}.secondary .action:active,button.secondary:active{--prism-badge-background-color:var(--prism-color-fill-secondary-down)}.low.primary{--prism-badge-background-color:var(--prism-color-material-primary-base);color:var(--prism-color-text-primary-base)}.low.primary .action:hover,button.low.primary:hover{--prism-badge-background-color:var(--prism-color-material-primary-hover)}.low.primary .action:active,button.low.primary:active{--prism-badge-background-color:var(--prism-color-material-primary-down)}.low.info{--prism-badge-background-color:var(--prism-color-material-info-base);color:var(--prism-color-text-info-base)}.low.info .action:hover,button.low.info:hover{--prism-badge-background-color:var(--prism-color-material-info-hover)}.low.info .action:active,button.low.info:active{--prism-badge-background-color:var(--prism-color-material-info-down)}.low.primary-brand{--prism-badge-background-color:var(--prism-color-material-brand-primary-base);color:var(--prism-color-text-brand-primary-base)}.low.primary-brand .action:hover,button.low.primary-brand:hover{--prism-badge-background-color:var(--prism-color-material-brand-primary-hover)}.low.primary-brand .action:active,button.low.primary-brand:active{--prism-badge-background-color:var(--prism-color-material-brand-primary-down)}.low.secondary-brand{--prism-badge-background-color:var(--prism-color-material-brand-secondary-base);color:var(--prism-color-text-brand-secondary-base)}.low.secondary-brand .action:hover,button.low.secondary-brand:hover{--prism-badge-background-color:var(--prism-color-material-brand-secondary-hover)}.low.secondary-brand .action:active,button.low.secondary-brand:active{--prism-badge-background-color:var(--prism-color-material-brand-secondary-down)}.low.success{--prism-badge-background-color:var(--prism-color-material-success-base);color:var(--prism-color-text-success-base)}.low.success .action:hover,button.low.success:hover{--prism-badge-background-color:var(--prism-color-material-success-hover)}.low.success .action:active,button.low.success:active{--prism-badge-background-color:var(--prism-color-material-success-down)}.low.caution{--prism-badge-background-color:var(--prism-color-material-caution-base);color:var(--prism-color-text-caution-base)}.low.caution .action:hover,button.low.caution:hover{--prism-badge-background-color:var(--prism-color-material-caution-hover)}.low.caution .action:active,button.low.caution:active{--prism-badge-background-color:var(--prism-color-material-caution-down)}.low.danger{--prism-badge-background-color:var(--prism-color-material-danger-base);color:var(--prism-color-text-danger-base)}.low.danger .action:hover,button.low.danger:hover{--prism-badge-background-color:var(--prism-color-material-danger-hover)}.low.danger .action:active,button.low.danger:active{--prism-badge-background-color:var(--prism-color-material-danger-down)}.low.secondary{--prism-badge-background-color:var(--prism-color-material-secondary-base);color:var(--prism-color-text-secondary-base)}.low.secondary .action:hover,button.low.secondary:hover{--prism-badge-background-color:var(--prism-color-material-secondary-hover)}.low.secondary .action:active,button.low.secondary:active{--prism-badge-background-color:var(--prism-color-material-secondary-down)}.action{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:initial;border-radius:var(--prism-radius-size-xl);border-style:none;color:inherit;cursor:pointer;height:2.75rem;margin:0;outline:2px solid transparent;outline-offset:2px;padding:0;position:relative;width:2.75rem}.action:focus-visible{outline:1px solid var(--prism-color-border-primary-focus);outline-offset:0}.action.priority-high:focus-visible{outline-color:var(--prism-color-border-primary-inverse-base)}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}", m = p, b = class {
+  constructor(o) {
+    t(this, o), this.prismClick = s(this, "prismClick", 7), this.uid = l(), this.sendAction = (i) => {
+      const { currentTarget: e } = i;
+      this.prismClick.emit({
+        id: this.prismId,
+        name: "prism-badge",
+        action: this.interactive,
+        target: e
+      }).defaultPrevented && i.preventDefault();
+    }, this.slots = {
+      leading: !1,
+      trailing: !1
+    }, this.wrapperAttrs = {}, this.prismId = `prism-badge-${this.uid}`, this.size = "sm", this.tone = void 0, this.priority = "low", this.interactive = void 0, this.label = void 0;
+  }
+  connectedCallback() {
+    this.slots.leading = !!this.el.querySelector('[slot="asset-leading"]'), this.slots.trailing = !!this.el.querySelector('[slot="asset-trailing"]'), d("prism-badge");
+  }
+  /** @internal textSize function */
+  _textSize(o) {
+    switch (o) {
+      case "sm":
+        return "tag";
+      case "md":
+        return "caption";
+    }
+  }
+  render() {
+    const o = () => r("button", { id: `action-badge-${this.uid}`, ref: (a) => this.actionButton = a, type: "button", onClick: (a) => this.sendAction(a), "aria-label": this.label, class: { action: !0, [this.interactive]: !0, [`priority-${this.priority}`]: !0 } }, r("slot", { name: `asset-${this.interactive}` })), e = (this.interactive === "container" && (this.wrapperAttrs = {
+      id: `action-badge-${this.uid}`,
+      type: "button",
+      onClick: (a) => this.sendAction(a)
+    }), this.interactive === "container" ? "button" : "span");
+    return r(n, { class: {
+      interactive: !!this.interactive
+    }, id: this.prismId }, r(e, Object.assign({}, this.wrapperAttrs, { class: {
+      wrapper: !0,
+      [this.tone]: !!this.tone,
+      [this.size]: !0,
+      [this.priority]: !0,
+      [`asset-${this.interactive}`]: !!this.interactive
+    } }), this.interactive === "leading" && this.size === "lg" ? r(o, null) : r("slot", { name: "asset-leading" }), r("prism-text", { ellipsis: !0, class: "text", tag: "span", family: this.size === "lg" ? "body" : void 0, as: this._textSize(this.size) }, r("slot", null)), this.interactive === "trailing" && this.size === "lg" ? r(o, null) : r("slot", { name: "asset-trailing" })));
+  }
+  get el() {
+    return c(this);
+  }
+};
+b.style = m;
+export {
+  b as prism_badge
+};