q2-tecton-elements 1.67.0 → 1.67.1

package/dist/q2-tecton-elements/q2-context.entry.js

@@ -2,9 +2,9 @@ import { r as t, h as e, g as o } from "./index-CGkHOjh1.js";
 
 import { h as n } from "./index-C4PILj1_.js";
 
-const r = '*{box-sizing:border-box}:host([hidden]){display:none}:host{display:block;background:var(--tct-context-background, var(--t-tertiary, #e8f5fc));box-shadow:var(--tct-context-box-shadow, none);backdrop-filter:var(--tct-context-backdrop-filter, none);border-radius:var(--tct-context-border-radius, var(--app-border-radius-2, 8px));padding:var(--tct-context-padding, 10px);width:var(--tct-context-width);border-width:var(--tct-context-border-width, 0px);border-style:var(--tct-context-border-style, solid);border-color:var(--tct-context-border-color, transparent)}.context-wrapper{display:flex;flex-direction:column;gap:var(--tct-context-gap, 10px)}.context-item{--tct-item-bullet-padding-top:0;--tct-item-action-align-items:start;--tct-item-action-icon-height:24px;--tct-item-action-icon-width:24px;--tct-item-action-icon-size:24px;--tct-item-avatar-height:44px;--tct-item-avatar-width:44px}.context-body slot:not(:first-child)::before{content:" "}.context-body ::slotted(*){display:inline}.separator{margin:var(--tct-context-separator-margin, 0);border-bottom:1px solid var(--tct-context-separator-color, var(--t-gray-12, #d9d9d9))}.action-group{--tct-action-group-margin:0}::slotted(q2-dropdown){--tct-btn-icon-border-radius:var(--app-border-radius-1, 4px)}::slotted(q2-link){--tct-link-border-radius:var(--app-border-radius-1, 4px);--tct-icon-stroke-primary:var(--t-primary, #6a4a9e);--tct-icon-stroke-secondary:var(--t-primary, #6a4a9e)}';
+const a = '*{box-sizing:border-box}:host([hidden]){display:none}:host{display:block;background:var(--tct-context-background, var(--t-tertiary, #e8f5fc));box-shadow:var(--tct-context-box-shadow, none);backdrop-filter:var(--tct-context-backdrop-filter, none);border-radius:var(--tct-context-border-radius, var(--app-border-radius-2, 8px));padding:var(--tct-context-padding, 10px);width:var(--tct-context-width);border-width:var(--tct-context-border-width, 0px);border-style:var(--tct-context-border-style, solid);border-color:var(--tct-context-border-color, transparent)}.context-wrapper{display:flex;flex-direction:column;gap:var(--tct-context-gap, 10px)}.context-item{--tct-item-bullet-padding-top:0;--tct-item-action-align-items:start;--tct-item-action-icon-height:24px;--tct-item-action-icon-width:24px;--tct-item-action-icon-size:24px;--tct-item-avatar-height:44px;--tct-item-avatar-width:44px}.context-body slot:not(:first-child)::before{content:" "}.context-body ::slotted(*){display:inline}.separator{margin:var(--tct-context-separator-margin, 0);border-bottom:1px solid var(--tct-context-separator-color, var(--t-gray-12, #d9d9d9))}.action-group{--tct-action-group-margin:0}::slotted(q2-dropdown){--tct-btn-icon-border-radius:var(--app-border-radius-1, 4px)}::slotted(q2-link){--tct-link-border-radius:var(--app-border-radius-1, 4px);--tct-icon-stroke-primary:var(--t-primary, #6a4a9e);--tct-icon-stroke-secondary:var(--t-primary, #6a4a9e)}';
 
-const a = class {
+const r = class {
   constructor(e) {
     t(this, e);
   }
@@ -117,42 +117,42 @@ const a = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "a27dbbacf5ed1c7dc15b518dc3fee0335d97926b",
+      key: "e5721a07d072dc6fa3db22edfd50c5787946ff9a",
       class: "context-wrapper"
     }, e("q2-item", {
-      key: "bc9e829de88f274ec0532377b4bdd84032cef8b3",
+      key: "f7591f8009e1f28d3e0fffb57dc280bd53a5cafe",
       class: "context-item"
     }, this.hasDecoratorSlotContent && e("slot", {
-      key: "084d99e60dd4dec06cc1beb81efbbfc7fb2663a9",
+      key: "74215ffc70d4a19a00c921869391843539f28a6a",
       name: "decorator",
       slot: "decorator"
     }), e("div", {
-      key: "53c7bd5e403b7442d10fc3bcad8cd7e491eb8fec",
+      key: "c1f51789a6cdbe7a12a055da39e2a3747639aff3",
       class: "context-body",
       slot: "body"
     }, e("slot", {
-      key: "60767e189adb1c4140b56611f9bd933fcce0826a",
+      key: "a3d4fc206925aa9f23bba1d785b2df9b74cef2a5",
       name: "header"
     }), e("slot", {
-      key: "2013b5f196bcc17fefda3b043055ad665c6d583f",
+      key: "5e4bd0a3f595c52b1a8d60ff2a06b4333919719f",
       name: "description"
     })), this.hasAffordanceSlotContent && e("slot", {
-      key: "c3bd6b034484513b78a6c624fa475becf93db41c",
+      key: "26891e4fd22716ff431df7c98814d3086fa7a48e",
       name: "affordance",
       slot: "action"
     })), this.separator && e("div", {
-      key: "6b701240841e7410c8073b4f4ec80f1de2d00233",
+      key: "6f5102f66edfa4bdc043e4907d09e22d70218b7d",
       class: "separator",
       role: "separator"
     }), this.hasActionGroupSlotContent && e("q2-action-group", {
-      key: "5a7bdc0302a884d05099b3085ef62f8bf261ea48",
+      key: "a01f3f19278f94ec67fa21a34a5f8d26823a1000",
       class: "action-group",
       orientation: "horizontal"
     }, e("slot", {
-      key: "2c9a6533e01e2d54d4fb423098e03d38eb330787",
+      key: "86051221e06ac1c4b68bf31228f68724e67474e0",
       name: "action-group"
     })), this.hasFooterSlotContent && e("slot", {
-      key: "b1742a26d9b0ff89e9049af8d82872044d219352",
+      key: "f12d517e123e1cc7ef3c85fb53e5d227a82f3132",
       name: "footer"
     }));
   }
@@ -161,8 +161,8 @@ const a = class {
   }
 };
 
-a.style = r;
+r.style = a;
 
-export { a as q2_context };
+export { r as q2_context };
 //# sourceMappingURL=q2-context.entry.esm.js.map
 //# sourceMappingURL=q2-context.entry.js.map

package/dist/q2-tecton-elements/q2-currency.entry.js

@@ -125,29 +125,29 @@ const n = class {
   // #endregion
   // #region Render Methods
   render() {
-    const {hasPlusMinusSign: r, plusMinusSign: e, currencyIsFront: c, currencySymbol: n, shouldSuperscriptSymbol: i, amountCore: s, fraction: o, shouldSuperscriptFraction: a, readableCurrency: u, currencyClasses: l, signDisplay: d, isNegativeAmount: p} = this;
+    const {hasPlusMinusSign: r, plusMinusSign: e, currencyIsFront: c, currencySymbol: n, shouldSuperscriptSymbol: i, amountCore: s, fraction: o, shouldSuperscriptFraction: a, readableCurrency: u, currencyClasses: l, signDisplay: p, isNegativeAmount: d} = this;
     return t("div", {
-      key: "e88c26d1d9cc2bbb390ca8d6957fdaa693df2b4f",
+      key: "53d88008437b187887c49fcfd41d7f9d8c6bb587",
       "test-id": "q2CurrencyInner",
       class: l,
       "aria-label": u
-    }, d === "accounting" && p && t("span", {
-      key: "208cf499f136d6b865467e0de0583cc3fa171974"
+    }, p === "accounting" && d && t("span", {
+      key: "efce7009afdc9aa7d368f545a118806502801b28"
     }, "("), r && t("span", {
-      key: "be464d5fa79b176e2745170b99e551fcaafeea47"
+      key: "452052007a26cfd879e4ded8540c9f825ebafb14"
     }, e), c && t("span", {
-      key: "26c9df2005a3e007bdc89ae539e4afcd1f204e00",
+      key: "236e79e2e5612ee67d22f44947996d634056abcf",
       class: i ? "superscript" : ""
     }, n), t("span", {
-      key: "b2a2fe99142fdea724ea5e868d164df4fdf93f14"
+      key: "c69146375af1d37aac010be7fcd41da050c8802e"
     }, s), t("span", {
-      key: "62bd1da9c76dd2eedd3bd596d2d60224f9e5ee27",
+      key: "d9fe34e10fe29a0ccaee6a6d1fcea0f52aebd0b3",
       class: a ? "superscript" : ""
     }, o), !c && t("span", {
-      key: "5c6962251aa47a06b19978b9328484fcf34ab944",
+      key: "741effd6b2ef88b22e38638c100f6d29195ffcb3",
       class: i ? "superscript" : ""
-    }, n), d === "accounting" && p && t("span", {
-      key: "2b4742aede9c30f2657f7f447258b2574bc20668"
+    }, n), p === "accounting" && d && t("span", {
+      key: "ee2fd9317e37ac484e6bbc9d458e988d360abe2e"
     }, ")"));
   }
   get hostElement() {

package/dist/q2-tecton-elements/q2-data-table.entry.js

@@ -407,12 +407,12 @@ const i = class {
   render() {
     const {caption: t} = this;
     return a("div", {
-      key: "533488f640cdf4168a700577a4bcf9acd28e1bda",
+      key: "c60810b5cc26058b94829ee4f7942df9804403e9",
       class: "container"
     }, a("table", {
-      key: "f4abd2490f9ddba75d625da6c204f28a29401887"
+      key: "5fab9778577ef7b24955e3219a1bc054db6703f9"
     }, t && a("caption", {
-      key: "8abccbdc4a2267866b7c9da434b74376c307134b",
+      key: "daa8d4647859d4eeace2b9f4103bd73e5494b633",
       class: this.hideCaption ? "sr" : undefined
     }, t), this.renderTableColGroup(), this.renderTableHeader(), this.renderEmptyState(), this.renderTableRows()));
   }

package/dist/q2-tecton-elements/q2-detail.entry.js

@@ -100,16 +100,16 @@ const s = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "ce06094f78401084450ccd7e20d93c795ead16e6",
+      key: "d92d66fcec6add5b649aa45fd11c5c778d5be0b3",
       class: this.detailClasses
     }, this.hasLabel && e("div", {
-      key: "094f194cf4ef5d5d298ccf3e1ae53bcd17b4431c",
+      key: "c4538e909b1c4ac9e298a9ec25240e56eba42cfd",
       class: this.labelClasses,
       "aria-describedby": !!this.description ? "label-description" : undefined
     }, !!this.label ? a(this.label) : this.hasLabelSlotContent ? e("slot", {
       name: "label"
     }) : ""), this.hasDescripiton && e("div", {
-      key: "a1512acca65fd932e9d7541b5a30077e5045b786",
+      key: "f6ce65ea2ad6b1d6c64d0ff69a66bd1fa5aa868d",
       id: "label-description",
       class: this.descriptionClasses
     }, !!this.description ? a(this.description) : this.hasDefaultSlotContent ? e("slot", null) : ""));

package/dist/q2-tecton-elements/q2-dropdown.entry.js

@@ -1,22 +1,22 @@
-import { r as t, h as e, F as o, g as i } from "./index-CGkHOjh1.js";
+import { r as t, h as o, F as e, g as i } from "./index-CGkHOjh1.js";
 
 import { s as n, a as s } from "./action-sheet-B7adb3xs.js";
 
-import { o as r, i as a, w as d, b as l, d as h, l as c } from "./index-C4PILj1_.js";
+import { o as r, i as d, w as a, b as l, d as h, l as c } from "./index-C4PILj1_.js";
 
 const p = "*{box-sizing:border-box}*:active{outline:none}*:focus-visible{outline:none;box-shadow:var(--const-double-focus-ring, 0 0 0 2px #ffffff, 0 0 0 4px #0066cc)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-flex}:host([block]){display:block}:host([full-width]:not([full-width=false])){display:inline-flex;justify-content:center;width:100%}::slotted([slot=popover-top]){padding:var(--tct-dropdown-popover-top-slot-padding, 0);border-bottom:var(--tct-dropdown-slot-border-top)}::slotted([slot=popover-bottom]){padding:var(--tct-dropdown-popover-bottom-slot-padding, 0);border-top:var(--tct-dropdown-slot-border-bottom)}q2-icon{pointer-events:none;margin-block:-100px}click-elsewhere{position:relative;display:block}q2-popover{--tct-popover-min-width:var(--tct-dropdown-width, var(--t-dropdown-width));--tct-popover-padding:var(--tct-dropdown-content-padding)}";
 
 const u = class {
-  constructor(e) {
-    t(this, e);
-    var o;
+  constructor(o) {
+    t(this, o);
+    var e;
     this.dropdownItemSelector = "q2-dropdown-item:not([disabled]):not([separator])";
     this.optionSelector = "q2-option:not([disabled]):not([separator])";
     /**
          * Instructs the component to use the action sheet workflow for displaying its options.
          *
          * For more information, see [Action Sheets](https://tecton.q2developer.com/guides/action-sheets/).
-         */    this.hoist = !!((o = window.Tecton) === null || o === void 0 ? void 0 : o.useActionSheets);
+         */    this.hoist = !!((e = window.Tecton) === null || e === void 0 ? void 0 : e.useActionSheets);
     /** Aligns the popover dropdown to the left or right side of the input field. */    this.popoverAlignment = "left";
  // being used in dropdown.scss
     /**
@@ -37,22 +37,22 @@ const u = class {
       this.controlElement.focus();
     };
     this.handleFocusOut = t => {
-      var e;
-      const o = t.relatedTarget;
-      if ((e = this.popoverElement) === null || e === void 0 ? void 0 : e.contains(o)) return;
-      if (this.hostElement.contains(o)) return;
+      var o;
+      const e = t.relatedTarget;
+      if ((o = this.popoverElement) === null || o === void 0 ? void 0 : o.contains(e)) return;
+      if (this.hostElement.contains(e)) return;
       this.open = false;
     };
     this.onClickElsewhere = t => {
-      const e = t.target;
-      if (e.localName === "q2-option-list") {
+      const o = t.target;
+      if (o.localName === "q2-option-list") {
         t.stopPropagation();
       }
-      if (e.localName === "click-elsewhere") {
+      if (o.localName === "click-elsewhere") {
         t.stopPropagation();
-        const {popoverElement: e} = this;
-        if (!e) return;
-        e.open = false;
+        const {popoverElement: o} = this;
+        if (!o) return;
+        o.open = false;
       }
     };
     this.onPopoverState = t => {
@@ -69,8 +69,8 @@ const u = class {
       }
     };
     this.onToggleKeydown = async t => {
-      const e = t.metaKey || t.ctrlKey || t.key === "Tab";
-      if (e) return;
+      const o = t.metaKey || t.ctrlKey || t.key === "Tab";
+      if (o) return;
       t.preventDefault();
       this.popoverElement.controlElement = this.controlElement;
       if (n(this, t)) {
@@ -95,14 +95,14 @@ const u = class {
   // #endregion
   // #region Listeners
   delegateFocus(t) {
-    if (!a(t, this.hostElement)) return;
+    if (!d(t, this.hostElement)) return;
     this.focusToggle();
   }
   popoverStateChangeHandler({detail: {open: t}}) {
-    var e;
+    var o;
     if (this.open !== t) this.open = t;
     if (t) {
-      (e = this.popoverElement) === null || e === void 0 ? void 0 : e.scrollContainerTo({
+      (o = this.popoverElement) === null || o === void 0 ? void 0 : o.scrollContainerTo({
         top: 0
       });
     } else {
@@ -147,18 +147,18 @@ const u = class {
      * If the value does not match any item's value, or the dropdown is disabled, this method does nothing.
      * @testOnly
      */  async selectItem(t) {
-    var e;
-    const o = this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`);
+    var o;
+    const e = this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`);
     const i = this.hostElement.querySelector(`${this.optionSelector}[value="${t}"]`);
-    const n = o === null || o === void 0 ? void 0 : o.shadowRoot.querySelector(".dropdown-item");
-    const s = o ? n : i;
+    const n = e === null || e === void 0 ? void 0 : e.shadowRoot.querySelector(".dropdown-item");
+    const s = e ? n : i;
     if (!s || this.disabled) return;
     if (!this.open) {
-      (e = this.controlElement) === null || e === void 0 ? void 0 : e.click();
-      await d();
+      (o = this.controlElement) === null || o === void 0 ? void 0 : o.click();
+      await a();
     }
     s.click();
-    await d();
+    await a();
   }
   /**
      * Emulates opening the dropdown and selecting a
@@ -176,16 +176,16 @@ const u = class {
      * - Item has the `removable` property enabled
      * @testOnly
      */  async selectRemoveItem(t) {
-    var e;
-    const o = this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`);
-    const i = o === null || o === void 0 ? void 0 : o.shadowRoot.querySelector(".remove-dropdown-item");
-    if (!o || !i || this.disabled) return;
+    var o;
+    const e = this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`);
+    const i = e === null || e === void 0 ? void 0 : e.shadowRoot.querySelector(".remove-dropdown-item");
+    if (!e || !i || this.disabled) return;
     if (!this.open) {
-      (e = this.controlElement) === null || e === void 0 ? void 0 : e.click();
-      await d();
+      (o = this.controlElement) === null || o === void 0 ? void 0 : o.click();
+      await a();
     }
     i.click();
-    await d();
+    await a();
   }
   // #endregion
   // #region Watchers
@@ -223,25 +223,25 @@ const u = class {
   }
   get toggleButtonProps() {
     const t = [ "primary", "secondary", "neutral" ];
-    const e = [ "icon", "fab", "custom", ...t ];
-    const o = e.includes(this.type) ? this.type : "";
-    const i = o === "icon";
-    const n = o === "fab";
-    const s = o === "custom";
+    const o = [ "icon", "fab", "custom", ...t ];
+    const e = o.includes(this.type) ? this.type : "";
+    const i = e === "icon";
+    const n = e === "fab";
+    const s = e === "custom";
     let r;
-    if (t.includes(o)) {
-      r = o === "neutral" ? o : `workflow-${o}`;
+    if (t.includes(e)) {
+      r = e === "neutral" ? e : `workflow-${e}`;
     }
-    const a = this.open;
-    const d = !!this.disabled;
+    const d = this.open;
+    const a = !!this.disabled;
     const l = this.open;
     const h = !i && !n && !r ? "unstyled" : "";
     return {
       icon: i,
       fab: n,
       intent: r,
-      active: a,
-      disabled: d,
+      active: d,
+      disabled: a,
       ariaExpanded: l,
       className: h,
       custom: s
@@ -257,16 +257,16 @@ const u = class {
     }));
   }
   _clickItem(t) {
-    var e;
+    var o;
     if (!t || this.disabled) return;
-    const o = this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`);
+    const e = this.hostElement.querySelector(`${this.dropdownItemSelector}[value="${t}"]`);
     const i = this.hostElement.querySelector(`${this.optionSelector}[value="${t}"]`);
-    (e = o === null || o === void 0 ? void 0 : o.shadowRoot.querySelector(".dropdown-item")) === null || e === void 0 ? void 0 : e.click();
+    (o = e === null || e === void 0 ? void 0 : e.shadowRoot.querySelector(".dropdown-item")) === null || o === void 0 ? void 0 : o.click();
     i === null || i === void 0 ? void 0 : i.click();
   }
   async _handleActionSheet(t) {
-    const {value: e} = await s(this, t);
-    this._clickItem(e);
+    const {value: o} = await s(this, t);
+    this._clickItem(o);
     this.controlElement.focus();
   }
   _togglePopover() {
@@ -301,24 +301,24 @@ const u = class {
   }
   resolveMenuItemElements() {
     return this.resolveMenu().then((t => t.map((t => {
-      let e;
       let o;
+      let e;
       if (t["tct-ctxid"]) {
-        o = {};
-        o[t.contextIdParamName] = t["tct-ctxid"];
+        e = {};
+        e[t.contextIdParamName] = t["tct-ctxid"];
       }
       switch (t.action) {
        case "navigateTo":
-        e = function() {
-          var e, i;
-          return (i = (e = window.TectonElements) === null || e === void 0 ? void 0 : e.navigateTo) === null || i === void 0 ? void 0 : i.call(e, t.featureName, t.moduleName, o);
+        o = function() {
+          var o, i;
+          return (i = (o = window.TectonElements) === null || o === void 0 ? void 0 : o.navigateTo) === null || i === void 0 ? void 0 : i.call(o, t.featureName, t.moduleName, e);
         };
         break;
 
        case "showOverpanel":
-        e = function() {
-          var e, i;
-          return (i = (e = window.TectonElements) === null || e === void 0 ? void 0 : e.showOverpanel) === null || i === void 0 ? void 0 : i.call(e, `${t.featureName}.${t.moduleName}`, o, undefined, true);
+        o = function() {
+          var o, i;
+          return (i = (o = window.TectonElements) === null || o === void 0 ? void 0 : o.showOverpanel) === null || i === void 0 ? void 0 : i.call(o, `${t.featureName}.${t.moduleName}`, e, undefined, true);
         };
         break;
       }
@@ -326,7 +326,7 @@ const u = class {
       i.setAttribute("value", t.itemLabel);
       i.classList.add("resolved-menu-item");
       i.textContent = t.itemLabel;
-      i.onclick = e;
+      i.onclick = o;
       return i;
     }))));
   }
@@ -334,13 +334,13 @@ const u = class {
   // #region Render Methods
   render() {
     const t = this.toggleButtonProps;
-    return e("click-elsewhere", {
-      key: "fddcaea136198e746262b9e39145c2cd54ad8818",
+    return o("click-elsewhere", {
+      key: "23504511d2b87c3159647349f905de98de329db5",
       class: this.open ? "dropdown-open" : "",
       onChange: this.onClickElsewhere,
       "test-id": "dropdownContainer"
-    }, e("q2-btn", {
-      key: "3c10e2db2387b2d2eb3e252e900936ad90c8c4c7",
+    }, o("q2-btn", {
+      key: "dc0b8de4939d8ac3414c470b329e775342a4879d",
       tabIndex: 0,
       ref: t => this.controlElement = t,
       class: t.className,
@@ -358,17 +358,17 @@ const u = class {
       "test-id": "dropdownButton",
       block: this.block,
       description: c("tecton.element.dropdown.itemCount", [ this.determineDropdownItemCount ])
-    }, this.hasCustomControl ? e("div", {
+    }, this.hasCustomControl ? o("div", {
       "test-id": "dropdownControl",
       class: t.custom ? "" : "hidden"
-    }, e("slot", {
+    }, o("slot", {
       name: "control"
-    })) : e(o, null, this.label && !this.hideLabel && e("span", {
+    })) : o(e, null, this.label && !this.hideLabel && o("span", {
       class: "dropdown-button-text"
-    }, c(this.label)), this.icon ? e("q2-icon", {
+    }, c(this.label)), this.icon ? o("q2-icon", {
       type: this.icon
-    }) : " ")), e("q2-popover", {
-      key: "ea2a11332207e2ee9d35a9f3acc296e32969efb2",
+    }) : " ")), o("q2-popover", {
+      key: "25345315dc70726e152793271c446ed34a4fcc0c",
       ref: t => this.popoverElement = t,
       controlElement: this.controlElement,
       open: this.open,
@@ -379,21 +379,21 @@ const u = class {
       align: this.popoverAlignment,
       mode: this.popoverMode || undefined,
       block: this.block
-    }, e("slot", {
-      key: "d4604df87b1f646f7703feb16622a136a695b41a",
+    }, o("slot", {
+      key: "4c885f96ce096b0a1a2a743892531910c82cfa5c",
       name: "popover-top"
-    }), e("q2-option-list", {
-      key: "31bc9e561470804a7065389c1017b2f9d1bee62f",
+    }), o("q2-option-list", {
+      key: "c4a045130b22ce5e5c462811cb8980310b16d50e",
       onPopoverState: this.onPopoverState,
       id: "option-list",
       ref: t => this.optionList = t,
       type: "menu",
       label: c("tecton.element.optionList.label", [ this.optionListLabel ]),
       "no-select": true
-    }, e("slot", {
-      key: "23045585b7fe0b271e988f530bf597dbab284abd"
-    })), e("slot", {
-      key: "83c9d50b07e8f30f52e2531e541b4a256a41517c",
+    }, o("slot", {
+      key: "9b5955c327df96213e10971fef01aadcc253a1d5"
+    })), o("slot", {
+      key: "ac3d4f37bfdbef9239e389401cdfc4dfadf497dc",
       name: "popover-bottom"
     })));
   }

package/dist/q2-tecton-elements/q2-editable-field.entry.js

@@ -284,7 +284,7 @@ const c = class {
   // #region Render Methods
   render() {
     return e("div", {
-      key: "6e46732a7663155081c4144e476f30d4b965d92a"
+      key: "2a71fc720f0f0ea686e34509d3a78a86a9100bd9"
     }, this.generateEditStateDOM(), this.generateReadStateDOM());
   }
   get hostElement() {

package/dist/q2-tecton-elements/q2-example.entry.js

@@ -128,7 +128,7 @@ const a = class {
   }
   render() {
     return n(o, {
-      key: "2477b905f10ebabc95afa6362d5fef0ffa1cf266",
+      key: "dbe4a678c04f60cc08aabd47cc9fa3871265e0f0",
       attribute: "navigation"
     }, this.renderMenuInner());
   }

package/dist/q2-tecton-elements/q2-form.entry.js

@@ -12,10 +12,10 @@ const c = class {
   // #region Render Methods
   render() {
     return o("div", {
-      key: "41d956df983865cc2a6c0fe1bd4ffffefa93486f",
+      key: "773e56276df2f42dd330167ffba2a9d08a90f2f7",
       class: "container"
     }, o("slot", {
-      key: "293087685e8a10b88a50eaa032dd2ab91bffd44b"
+      key: "4d92e4844684a5418edb39c18674042cba90ba58"
     }));
   }
 };

package/dist/q2-tecton-elements/q2-formatted-text.entry.js

@@ -61,11 +61,11 @@ const o = class {
   render() {
     const {formattedTextClasses: t} = this;
     return e("div", {
-      key: "21e3c3fd0c2087a24f1420c216cba11c27494057",
+      key: "b9fc58891cbcec6ea19bc8c0b2514df003697f02",
       class: t,
       "aria-label": this.formattedValue
     }, e("span", {
-      key: "e1d25b8e88a28f2ec468de8afd6f56e85955f266"
+      key: "1b4e77284dc329065a281e7b2f2fce22e6cfc01a"
     }, this.formattedValue));
   }
   static get watchers() {

package/dist/q2-tecton-elements/q2-grid-area.entry.js

@@ -102,10 +102,10 @@ const h = class {
       "--xl-z-index": `${this.computedXlZIndex}`
     };
     return i(t, {
-      key: "7e2f7933ba52dd99f90350dfb3a2778d1c1a37d0",
+      key: "d26c984d2ad2022162a1e4bfcb17f3770c0a95d3",
       style: s
     }, i("slot", {
-      key: "39371e8a0fb1c1bd9c248ba5b8095f9bdd6022e7"
+      key: "7951a611fc9bdf5b0f4535f995317765323eca21"
     }));
   }
   get hostElement() {

package/dist/q2-tecton-elements/q2-grid.entry.js

@@ -85,13 +85,13 @@ const r = class {
       "--xl-align-items": this.xlAlign || this.lgAlign || this.mdAlign || this.smAlign || this.xsAlign || this.align
     };
     return i(s, {
-      key: "3fb3de0d4c9b17b30e9b513669b7d12edc702914"
+      key: "ab38b4849ec0cdf8ab49d536bb440df6f21b93d7"
     }, i("div", {
-      key: "be68db8fe15dd325f553d5f838cc91f5709f251b",
+      key: "0fd537b2867d871be69269d983234f9f6e47edeb",
       style: t,
       class: "q2-grid"
     }, i("slot", {
-      key: "5b9819228a885661846862a619b9a30792bc8ac0"
+      key: "d9d7b5d7bbcde66f0bcef49c2c31906e12536e90"
     })));
   }
 };

package/dist/q2-tecton-elements/q2-input.entry.js

@@ -3839,15 +3839,15 @@ const P = class {
   render() {
     const {ariaControls: t, ariaExpanded: r} = this.ariaAttributes;
     return a(i, {
-      key: "fde8332c0098e6db906a3ae3aa6fb5bda3e5c183",
+      key: "a52558bdbfb0af1b8c326d4b5b45995342864f1f",
       role: this._role,
       "aria-controls": t,
       "aria-expanded": r
     }, a("div", {
-      key: "258def8229372ba6486aeb04c59a3bbaa8a5b5f9",
+      key: "cdad28a61dab48bc95a2aeb4999882ab236cbaf0",
       class: this.wrapperClasses
     }, a("div", {
-      key: "37b18f4a5802f8fafaf234585fbf05270ab90778",
+      key: "7e935a86fda4632f5caf3250d567da0b4f3dc467",
       class: "label-wrapper"
     }, x(this), this.renderCountDOM()), this.renderInputContainerDOM(), v(this)));
   }