@orangelogic/design-system 2.166.0 → 2.167.0

package/library/components/asset-link-format.js

@@ -1,9 +1,9 @@
 import "./cropper.js";
-import "../chunks/button.U0OBAsln.js";
+import "../chunks/button.0_maNYUS.js";
 import "./space.js";
 import "../chunks/typography.IqHbnd3C.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { C as h } from "../chunks/asset-link-format.b3g80XdM.js";
+import { C as h } from "../chunks/asset-link-format.DZxMYHXr.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/asset-link-format.ClaYu_v8.js";
 import "../chunks/position-picker.DjnhxIKF.js";

package/library/components/atoms.js

@@ -9,7 +9,7 @@ import { default as h } from "./avatar.js";
 import { default as P } from "./badge.js";
 import { default as M } from "./breadcrumb.js";
 import { default as F } from "./breadcrumb-item.js";
-import { C as O } from "../chunks/button.U0OBAsln.js";
+import { C as O } from "../chunks/button.0_maNYUS.js";
 import { default as E } from "./button-group.js";
 import { default as L } from "./card.js";
 import { default as j } from "./checkbox.js";
@@ -20,7 +20,7 @@ import { default as W } from "./details.js";
 import { default as Y } from "./diff.js";
 import { C as _ } from "../chunks/dialog.05FgdLBZ.js";
 import { default as oe } from "./divider.js";
-import { C as ae } from "../chunks/document-viewer.DbxPRuLE.js";
+import { C as ae } from "../chunks/document-viewer.CLgrca4F.js";
 import { C as xe } from "../chunks/dot-pagination.Pg9O0nIh.js";
 import { default as me } from "./dot-status.js";
 import { default as pe } from "./drawer.js";
@@ -52,7 +52,7 @@ import { default as ao } from "./menu-label.js";
 import { default as xo } from "./menu-section.js";
 import { default as mo } from "./mutation-observer.js";
 import { C as po } from "../chunks/option.DyNR1vzy.js";
-import { C as uo } from "../chunks/pagination.qpK3q6zm.js";
+import { C as uo } from "../chunks/pagination.CuoIeOp9.js";
 import { default as no } from "./popup.js";
 import { default as co } from "./progress-bar.js";
 import { default as bo } from "./progress-ring.js";
@@ -74,7 +74,7 @@ import { default as Uo } from "./step.js";
 import { default as Xo } from "./stepper.js";
 import { default as Zo } from "./switch.js";
 import { default as et } from "./tab.js";
-import { C as tt } from "../chunks/tab-group.BUdxhjXK.js";
+import { C as tt } from "../chunks/tab-group.f6LdzCbP.js";
 import { default as rt } from "./tab-panel.js";
 import { default as ft } from "./tag.js";
 import { default as st } from "./textarea.js";

package/library/components/button.js

@@ -1,6 +1,6 @@
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as h } from "../chunks/button.U0OBAsln.js";
+import { C as h } from "../chunks/button.0_maNYUS.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/form.CP9KLGjF.js";
 import "../chunks/i18n.Bchq8v1d.js";
@@ -14,7 +14,7 @@ import "../chunks/when.Dr1es41R.js";
 import "../chunks/static.UA3G1Deq.js";
 import "../chunks/icon.D5iM9wXS.js";
 import "./spinner.js";
-import "../chunks/button.styles.B81R4myI.js";
+import "../chunks/button.styles.BersilzZ.js";
 export {
   h as default
 };

package/library/components/color-picker.js

@@ -16,7 +16,7 @@ import { e as _ } from "../chunks/class-map.BiVq-cVR.js";
 import { o as y } from "../chunks/if-defined.BRoBj_Rp.js";
 import { o as f } from "../chunks/style-map.llVFPd__.js";
 import { n as d } from "../chunks/when.Dr1es41R.js";
-import { C as B } from "../chunks/button.U0OBAsln.js";
+import { C as B } from "../chunks/button.0_maNYUS.js";
 import L from "./button-group.js";
 import T from "./dropdown.js";
 import { C as N } from "../chunks/icon.D5iM9wXS.js";

package/library/components/color-swatch-group.js

@@ -3,7 +3,7 @@ import "../chunks/typography.IqHbnd3C.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/color-swatch.QsHoy_K1.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as v } from "../chunks/color-swatch-group.exfnb_Rr.js";
+import { C as v } from "../chunks/color-swatch-group.Bf3Y6g59.js";
 import "../chunks/transformation.8uLv6uwG.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/debounce.DaHuiSGU.js";

package/library/components/confirm-popover.js

@@ -1,10 +1,10 @@
-import "../chunks/button.U0OBAsln.js";
+import "../chunks/button.0_maNYUS.js";
 import "../chunks/dialog.05FgdLBZ.js";
 import "./dropdown.js";
 import "../chunks/typography.IqHbnd3C.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as x } from "../chunks/confirm-popover.Dpoah4lQ.js";
+import { C as x } from "../chunks/confirm-popover.B0QtiuAB.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.Bchq8v1d.js";
 import "../chunks/lit-element.jLBm65_O.js";

package/library/components/document-viewer.js

@@ -1,5 +1,5 @@
 import "../chunks/resizable-component.styles.CAfXABBc.js";
-import { C as b } from "../chunks/document-viewer.DbxPRuLE.js";
+import { C as b } from "../chunks/document-viewer.CLgrca4F.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/index.Cpamj0jB.js";
 import "../chunks/custom-element.L4WJXn1j.js";

package/library/components/dropdown.js

@@ -15,17 +15,26 @@ import { s as y, g as f } from "../chunks/animation-registry.HmpwNuGH.js";
 import { C as L } from "../chunks/input.DOorVTYZ.js";
 import d from "./menu.js";
 import S from "./popup.js";
-import A from "./textarea.js";
-const K = k`:host{--panel-padding:0px;--panel-overflow:auto;display:inline-block}.dropdown::part(popup){z-index:var(--cx-z-index-dropdown)}.dropdown[data-current-placement^=top]::part(popup){transform-origin:bottom}.dropdown[data-current-placement^=bottom]::part(popup){transform-origin:top}.dropdown[data-current-placement^=left]::part(popup){transform-origin:100%}.dropdown[data-current-placement^=right]::part(popup){transform-origin:0}.dropdown__trigger{display:var(--trigger-display,block)}.dropdown__panel{padding:var(--panel-padding);background-color:var(--cx-panel-background-color);border:var(--cx-panel-border-width) solid var(--cx-panel-border-color);font-family:var(--cx-font-sans);font-size:var(--cx-font-size-medium);font-weight:var(--cx-font-weight-regular);box-shadow:var(--cx-shadow-large);border-radius:var(--cx-border-radius-large);pointer-events:none;max-height:min(var(--auto-size-available-height), var(--max-height,var(--auto-size-available-height)));overflow:var(--panel-overflow,auto);display:block}.dropdown--open .dropdown__panel{pointer-events:all}::slotted(cx-menu){border:none;max-width:min(100%, var(--auto-size-available-width))!important}.dropdown__trigger::slotted(cx-tooltip){line-height:1;display:inline-block}`;
-var F = Object.defineProperty, P = Object.getOwnPropertyDescriptor, n = (e, t, i, a) => {
-  for (var r = a > 1 ? void 0 : a ? P(t, i) : t, p = e.length - 1, l; p >= 0; p--)
+import $ from "./textarea.js";
+const A = k`:host{--panel-padding:0px;--panel-overflow:auto;display:inline-block}.dropdown::part(popup){z-index:var(--cx-z-index-dropdown)}.dropdown[data-current-placement^=top]::part(popup){transform-origin:bottom}.dropdown[data-current-placement^=bottom]::part(popup){transform-origin:top}.dropdown[data-current-placement^=left]::part(popup){transform-origin:100%}.dropdown[data-current-placement^=right]::part(popup){transform-origin:0}.dropdown__trigger{display:var(--trigger-display,block)}.dropdown__panel{padding:var(--panel-padding);background-color:var(--cx-panel-background-color);border:var(--cx-panel-border-width) solid var(--cx-panel-border-color);font-family:var(--cx-font-sans);font-size:var(--cx-font-size-medium);font-weight:var(--cx-font-weight-regular);box-shadow:var(--cx-shadow-large);border-radius:var(--cx-border-radius-large);pointer-events:none;max-height:min(var(--auto-size-available-height), var(--max-height,var(--auto-size-available-height)));overflow:var(--panel-overflow,auto);display:block}.dropdown--open .dropdown__panel{pointer-events:all}::slotted(cx-menu){border:none;max-width:min(100%, var(--auto-size-available-width))!important}.dropdown__trigger::slotted(cx-tooltip){line-height:1;display:inline-block}`;
+var K = Object.defineProperty, F = Object.getOwnPropertyDescriptor, n = (e, t, i, a) => {
+  for (var r = a > 1 ? void 0 : a ? F(t, i) : t, p = e.length - 1, l; p >= 0; p--)
     (l = e[p]) && (r = (a ? l(t, i, r) : l(r)) || r);
-  return a && r && F(t, i, r), r;
+  return a && r && K(t, i, r), r;
 };
 let o = class extends w {
   constructor() {
     super(), this.localize = new C(this), this.hasSlotController = new E(this, "[default]"), this.pendingFocusCancel = null, this.open = !1, this.placement = "bottom-start", this.disabled = !1, this.stayOpenOnSelect = !1, this.distance = 0, this.skidding = 0, this.hoist = !1, this.sync = void 0, this.autoWidthFactor = 1, this.ignoredKeys = [], this.noFlip = !1, this.flipPadding = 10, this.handleKeyDown = this.handleKeyDown.bind(this), this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this), this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this), this.handlePanelSelect = this.handlePanelSelect.bind(this);
   }
+  /**
+   * When hoisted, floating-ui still measures available space against the trigger's real overflow ancestors (e.g. a
+   * scrollable tab nav), even though the panel itself renders in the top layer. Anchoring the auto-size/flip/shift
+   * boundary to the document body instead keeps the available space calculation consistent with where the panel
+   * actually renders.
+   */
+  get hoistBoundary() {
+    return this.hoist ? document.body : void 0;
+  }
   connectedUpdatedCallback() {
     this.containingElement ??= this, this.panel.hidden = !this.open || !this.hasSlotController.test("[default]"), this.open && (this.addOpenListeners(), this.popup.active = !0);
   }
@@ -59,7 +68,7 @@ let o = class extends w {
     })) : (this.show(), this.focusOnTrigger());
   }
   handleTriggerKeyDown(e) {
-    if (this.disabled || this.ignoredKeys.includes(e.key) || e.key === " " && (e.target instanceof L || e.target instanceof A || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) || !["ArrowDown", "ArrowUp", "Home", "End", "Enter", " "].includes(
+    if (this.disabled || this.ignoredKeys.includes(e.key) || e.key === " " && (e.target instanceof L || e.target instanceof $ || e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement) || !["ArrowDown", "ArrowUp", "Home", "End", "Enter", " "].includes(
       e.key
     ))
       return;
@@ -178,13 +187,13 @@ let o = class extends w {
     }
   }
   render() {
-    return T`<cx-popup part="base" exportparts="popup:base__popup" id="dropdown" placement=${this.placement} distance=${this.distance} skidding=${this.skidding} strategy=${this.hoist ? "overlay" : "absolute"} ?flip=${!this.noFlip} shift auto-size="both" auto-size-padding="10" flip-padding=${this.flipPadding} sync=${_(this.sync ? this.sync : void 0)} class=${O({
+    return T`<cx-popup part="base" exportparts="popup:base__popup" id="dropdown" placement=${this.placement} distance=${this.distance} skidding=${this.skidding} strategy=${this.hoist ? "overlay" : "absolute"} ?flip=${!this.noFlip} shift auto-size="both" auto-size-padding="10" .autoSizeBoundary=${this.hoistBoundary} .flipBoundary=${this.hoistBoundary} .shiftBoundary=${this.hoistBoundary} flip-padding=${this.flipPadding} sync=${_(this.sync ? this.sync : void 0)} class=${O({
       dropdown: !0,
       "dropdown--open": this.open
     })} auto-width-factor=${this.autoWidthFactor}><slot name="trigger" slot="anchor" part="trigger" class="dropdown__trigger" @click=${this.handleTriggerClick} @keydown=${this.handleTriggerKeyDown} @keyup=${this.handleTriggerKeyUp} @slotchange=${this.handleTriggerSlotChange}></slot><div aria-hidden=${this.open && this.hasSlotController.test("[default]") ? "false" : "true"} aria-labelledby="dropdown"><slot part="panel" class="dropdown__panel"></slot></div></cx-popup>`;
   }
 };
-o.styles = [b, K];
+o.styles = [b, A];
 o.dependencies = { "cx-popup": S };
 n([
   h(".dropdown")

package/library/components/dynamic-select.js

@@ -1,4 +1,4 @@
-import { C as g } from "../chunks/button.U0OBAsln.js";
+import { C as g } from "../chunks/button.0_maNYUS.js";
 import { C as O } from "../chunks/icon-button.BwmMJ0bI.js";
 import { C as p, a as $ } from "../chunks/option.DyNR1vzy.js";
 import C from "./select.js";

package/library/components/element-clamp.js

@@ -9,7 +9,7 @@ import { r as k } from "../chunks/state.CSDxrqLd.js";
 import { e as E } from "../chunks/query.BBf1UFkC.js";
 import { e as H } from "../chunks/class-map.BiVq-cVR.js";
 import { a as p, g } from "../chunks/animation-registry.HmpwNuGH.js";
-import { C as B } from "../chunks/button.U0OBAsln.js";
+import { C as B } from "../chunks/button.0_maNYUS.js";
 const T = C`:host{--toggler-color:var(--cx-color-primary);display:block;overflow:hidden}.element-clamp{overflow-anchor:none}.element-clamp--disabled{opacity:.5}.element-clamp-icon{transition:var(--cx-transition-medium) rotate ease;flex:none;align-items:center;display:flex}.details--open .element-clamp-icon{rotate:90deg}.details--open.details--rtl .element-clamp-icon{rotate:-90deg}.element-clamp--open slot[name=expand-icon],.element-clamp:not(.element-clamp--open) slot[name=collapse-icon]{display:none}.element-clamp__content{display:block;overflow:hidden}.toggler{margin-top:var(--cx-spacing-2x-small);display:block}.toggler::part(base){color:var(--toggler-color);font-weight:var(--cx-font-weight-medium);text-transform:none;width:auto}.toggler::part(label){padding-left:0}`;
 var z = Object.defineProperty, O = Object.getOwnPropertyDescriptor, n = (e, t, i, r) => {
   for (var s = r > 1 ? void 0 : r ? O(t, i) : t, h = e.length - 1, l; h >= 0; h--)

package/library/components/file-on-demand.js

@@ -16,7 +16,7 @@ import { n as p } from "../chunks/when.Dr1es41R.js";
 import { b as At } from "../chunks/_baseEach.DQk0As2f.js";
 import { b as Dt } from "../chunks/_baseIteratee.sC2wLi2m.js";
 import Tt from "./avatar.js";
-import { C as zt } from "../chunks/button.U0OBAsln.js";
+import { C as zt } from "../chunks/button.0_maNYUS.js";
 import { C as Pt } from "../chunks/dialog.05FgdLBZ.js";
 import Et from "./divider.js";
 import nt from "./format-bytes.js";
@@ -27,11 +27,11 @@ import yt from "./relative-time.js";
 import Ft from "./select.js";
 import Rt from "./space.js";
 import kt from "./tab.js";
-import { C as Ot } from "../chunks/tab-group.BUdxhjXK.js";
+import { C as Ot } from "../chunks/tab-group.f6LdzCbP.js";
 import Nt from "./tab-panel.js";
 import bt from "./tooltip.js";
 import { C as rt } from "../chunks/typography.IqHbnd3C.js";
-import { C as jt } from "../chunks/confirm-popover.Dpoah4lQ.js";
+import { C as jt } from "../chunks/confirm-popover.B0QtiuAB.js";
 import { d as Bt } from "../chunks/debounce.DaHuiSGU.js";
 import { c as Z } from "../chunks/number.Cx2ncfJJ.js";
 import { i as X, b as pt } from "../chunks/url.Bd5rq4G0.js";

package/library/components/folder-select.js

@@ -5,7 +5,7 @@ import "./select.js";
 import "./tag.js";
 import "../chunks/tree.vn5sHbdt.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { C as h } from "../chunks/folder-select.Di32cpBd.js";
+import { C as h } from "../chunks/folder-select.BSFjkzJr.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.Bchq8v1d.js";

package/library/components/line-clamp.js

@@ -1,4 +1,4 @@
-import "../chunks/button.U0OBAsln.js";
+import "../chunks/button.0_maNYUS.js";
 import "./tooltip.js";
 import "./resize-observer.js";
 import { n as s, C as b } from "../chunks/lib-cortex-element.CVMmyPMC.js";

package/library/components/molecules.js

@@ -1,11 +1,11 @@
 import { default as e } from "./bicolor-picker.js";
 import { default as a } from "./border-input-group.js";
 import { C as x } from "../chunks/color-swatch.QsHoy_K1.js";
-import { C as u } from "../chunks/confirm-popover.Dpoah4lQ.js";
+import { C as u } from "../chunks/confirm-popover.B0QtiuAB.js";
 import { default as d } from "./corner-position-input-group.js";
 import { default as l } from "./cropper.js";
 import { default as i } from "./dynamic-select.js";
-import { C as c } from "../chunks/folder-select.Di32cpBd.js";
+import { C as c } from "../chunks/folder-select.BSFjkzJr.js";
 import { default as P } from "./masonry.js";
 import { default as I } from "./padding-input-group.js";
 import { default as y } from "./position-picker.js";

package/library/components/organisms.js

@@ -1,5 +1,5 @@
-import { C as a } from "../chunks/asset-link-format.b3g80XdM.js";
-import { C as t } from "../chunks/color-swatch-group.exfnb_Rr.js";
+import { C as a } from "../chunks/asset-link-format.DZxMYHXr.js";
+import { C as t } from "../chunks/color-swatch-group.Bf3Y6g59.js";
 import { default as C } from "./file-on-demand.js";
 export {
   a as CxAssetLinkFormat,

package/library/components/pagination.js

@@ -1,7 +1,7 @@
 import "./space.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/icon-button.BwmMJ0bI.js";
-import { C as k } from "../chunks/pagination.qpK3q6zm.js";
+import { C as k } from "../chunks/pagination.CuoIeOp9.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.Bchq8v1d.js";
 import "../chunks/math.DuKzLacZ.js";
@@ -11,7 +11,7 @@ import "../chunks/state.CSDxrqLd.js";
 import "../chunks/class-map.BiVq-cVR.js";
 import "../chunks/repeat.CFjcER6_.js";
 import "../chunks/when.Dr1es41R.js";
-import "../chunks/button.U0OBAsln.js";
+import "../chunks/button.0_maNYUS.js";
 import "../chunks/input.DOorVTYZ.js";
 import "../chunks/option.DyNR1vzy.js";
 import "./select.js";

package/library/components/radio-button.js

@@ -9,7 +9,7 @@ import { e as y } from "../chunks/class-map.BiVq-cVR.js";
 import { o as h } from "../chunks/if-defined.BRoBj_Rp.js";
 import { u as _ } from "../chunks/static.UA3G1Deq.js";
 import { i as v } from "../chunks/lit-element.jLBm65_O.js";
-import { b as w } from "../chunks/button.styles.B81R4myI.js";
+import { b as w } from "../chunks/button.styles.BersilzZ.js";
 const C = v`
   ${w}
 

package/library/components/tab-group.js

@@ -1,7 +1,7 @@
 import "./resize-observer.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as A } from "../chunks/tab-group.BUdxhjXK.js";
+import { C as A } from "../chunks/tab-group.f6LdzCbP.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.Bchq8v1d.js";
 import "../chunks/scroll.xtO5yojm.js";
@@ -18,7 +18,7 @@ import "../chunks/guard.D4axKaMo.js";
 import "../chunks/map.D8heArFD.js";
 import "../chunks/style-map.llVFPd__.js";
 import "../chunks/when.Dr1es41R.js";
-import "../chunks/button.U0OBAsln.js";
+import "../chunks/button.0_maNYUS.js";
 import "./dropdown.js";
 import "../chunks/icon-button.BwmMJ0bI.js";
 import "./menu.js";

package/library/components/types.js

@@ -9,7 +9,7 @@ import { default as YYt } from "./avatar.js";
 import dx from "./badge.js";
 import { default as JYt } from "./breadcrumb.js";
 import { default as QYt } from "./breadcrumb-item.js";
-import { C as $n, B as Dl, a as Cc } from "../chunks/button.U0OBAsln.js";
+import { C as $n, B as Dl, a as Cc } from "../chunks/button.0_maNYUS.js";
 import $4 from "./button-group.js";
 import nm from "./card.js";
 import jh from "./checkbox.js";
@@ -20,8 +20,8 @@ import px from "./details.js";
 import { default as tXt } from "./diff.js";
 import { C as Ia, D as Sf, O as tF, a as OZ, H as DZ, z as IZ, o as MZ } from "../chunks/dialog.05FgdLBZ.js";
 import Hs from "./divider.js";
-import { r as PZ, a as iF, b as NZ, c as LZ } from "../chunks/document-viewer.DbxPRuLE.js";
-import { C as nXt } from "../chunks/document-viewer.DbxPRuLE.js";
+import { r as PZ, a as iF, b as NZ, c as LZ } from "../chunks/document-viewer.CLgrca4F.js";
+import { C as nXt } from "../chunks/document-viewer.CLgrca4F.js";
 import { d as RZ, C as BZ } from "../chunks/dot-pagination.Pg9O0nIh.js";
 import { default as oXt } from "./dot-status.js";
 import { default as sXt } from "./drawer.js";
@@ -53,7 +53,7 @@ import z4 from "./menu-label.js";
 import JZ from "./menu-section.js";
 import ZZ from "./mutation-observer.js";
 import { C as Zo, a as QZ } from "../chunks/option.DyNR1vzy.js";
-import { C as eQ } from "../chunks/pagination.qpK3q6zm.js";
+import { C as eQ } from "../chunks/pagination.CuoIeOp9.js";
 import ud from "./popup.js";
 import tQ from "./progress-bar.js";
 import { default as xXt } from "./progress-ring.js";
@@ -75,7 +75,7 @@ import { default as PXt } from "./step.js";
 import { default as LXt } from "./stepper.js";
 import ab from "./switch.js";
 import UC from "./tab.js";
-import { C as qC, T as oF, a as aF, b as sF, g as DI } from "../chunks/tab-group.BUdxhjXK.js";
+import { C as qC, T as oF, a as aF, b as sF, g as DI } from "../chunks/tab-group.f6LdzCbP.js";
 import H4 from "./tab-panel.js";
 import { default as BXt } from "./tag.js";
 import V4 from "./textarea.js";
@@ -115,7 +115,7 @@ import { d as Zl } from "../chunks/debounce.DaHuiSGU.js";
 import { t as RS, c as FI, d as xQ, i as Wk, G as qg, j as hp, h as kQ, s as zI, T as q4, k as wi, l as gF, u as _Q, f as Gk, m as CQ, F as by, M as Wb, n as SQ, o as mF, q as jI } from "../chunks/string.BhJ0Zogu.js";
 import { b as PJt, e as NJt, g as LJt, p as RJt, z as BJt, y as $Jt, a as FJt, x as zJt, v as jJt, r as HJt, w as VJt } from "../chunks/string.BhJ0Zogu.js";
 import { c as pi } from "../chunks/repeat.CFjcER6_.js";
-import { a as Ny, F as Ly, i as W4, b as HI, c as VI, d as TQ, e as fF, f as vF, g as G4, h as Kk, C as EQ, j as UI, k as qI, l as WI, m as GI, n as KI, o as YI, O as XI, D as BS, p as AQ, q as JI, u as Yk } from "../chunks/asset-link-format.b3g80XdM.js";
+import { a as Ny, F as Ly, i as W4, b as HI, c as VI, d as TQ, e as fF, f as vF, g as G4, h as Kk, C as EQ, j as UI, k as qI, l as WI, m as GI, n as KI, o as YI, O as XI, D as BS, p as AQ, q as JI, u as Yk } from "../chunks/asset-link-format.DZxMYHXr.js";
 import { H as WC } from "../chunks/slot.j5oheLJC.js";
 import { a as qJt, g as WJt } from "../chunks/slot.j5oheLJC.js";
 import { c as Pr, d as OQ, H as Ii, e as Ca, f as gs, a as DQ, b as er } from "../chunks/resizable-component.styles.CAfXABBc.js";
@@ -128,7 +128,7 @@ import { j as QJt, f as eZt, e as tZt, i as iZt, a as nZt, h as rZt, m as oZt, d
 import bF from "./bicolor-picker.js";
 import wF from "./border-input-group.js";
 import { C as cZt } from "../chunks/color-swatch.QsHoy_K1.js";
-import { C as KC, a as xF } from "../chunks/confirm-popover.Dpoah4lQ.js";
+import { C as KC, a as xF } from "../chunks/confirm-popover.B0QtiuAB.js";
 import PQ from "./corner-position-input-group.js";
 import NQ from "./cropper.js";
 import { h as ai, D as kF, e as i8, C as Vs, M as sb, T as YC, f as _F } from "../chunks/endpoints.CwgTrs4A.js";
@@ -141,9 +141,9 @@ import { g as SF, F as jQ } from "../chunks/form.CP9KLGjF.js";
 import { c as fZt, f as vZt, v as yZt, a as bZt } from "../chunks/form.CP9KLGjF.js";
 import { d as zS, c as o8, e as HQ, i as a8, h as VQ, p as UQ, t as qQ } from "../chunks/date.iWq_pkIk.js";
 import { b as xZt, f as kZt, g as _Zt, a as CZt, n as SZt } from "../chunks/date.iWq_pkIk.js";
-import { F as TF, a as WQ, b as JC, H as GQ, c as l0, d as KQ, o as _u } from "../chunks/color-swatch-group.exfnb_Rr.js";
-import { C as EZt, e as AZt, f as OZt } from "../chunks/color-swatch-group.exfnb_Rr.js";
-import { F as Wd, C as K4, s as ZC, a as jS } from "../chunks/folder-select.Di32cpBd.js";
+import { F as TF, a as WQ, b as JC, H as GQ, c as l0, d as KQ, o as _u } from "../chunks/color-swatch-group.Bf3Y6g59.js";
+import { C as EZt, e as AZt, f as OZt } from "../chunks/color-swatch-group.Bf3Y6g59.js";
+import { F as Wd, C as K4, s as ZC, a as jS } from "../chunks/folder-select.BSFjkzJr.js";
 import { b as QC, a as bw, c as YQ, r as Ue, j as _e, w as XQ, R as JQ } from "../chunks/jsx-runtime.CTpPVMxj.js";
 import { j as HS } from "../chunks/index.CrhRU5m8.js";
 import { i as Y4, T as VS, t as ZQ } from "../chunks/transform.BuqENXeT.js";

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.166.0",
+  "version": "2.167.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/atoms/src/components/button/button.d.ts

@@ -27,6 +27,9 @@ import { default as CxSpinner } from '../spinner/spinner';
  * @cssproperty [--justify-content] - Flex alignment along the main axis (defaults to `center`).
  * @cssproperty [--gap] - Gap between flex items in the button (defaults to `0`).
  * @cssproperty [--label-line-height] - Line-height of the label (defaults to `1.15`).
+ * @cssproperty [--caret-font-size] - Overrides the caret icon's font size (defaults to `--cx-font-size-large`, or
+ *  `--cx-font-size-medium` when `size="small"`). Useful when embedding the button somewhere it must match a
+ *  smaller surrounding line-height.
  */
 export default class CxButton extends CortexElement implements CortexFormControl {
     static readonly styles: CSSResultGroup;

package/library/packages/atoms/src/components/dropdown/dropdown.d.ts

@@ -77,6 +77,13 @@ export default class CxDropdown extends CortexElement {
      * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.
      */
     hoist: boolean;
+    /**
+     * When hoisted, floating-ui still measures available space against the trigger's real overflow ancestors (e.g. a
+     * scrollable tab nav), even though the panel itself renders in the top layer. Anchoring the auto-size/flip/shift
+     * boundary to the document body instead keeps the available space calculation consistent with where the panel
+     * actually renders.
+     */
+    private get hoistBoundary();
     /**
      * Syncs the popup width or height to that of the trigger element.
      */

package/library/packages/atoms/src/components/tab-group/tab-group.d.ts

@@ -52,6 +52,14 @@ export default class CxTabGroup extends CortexElement {
     private mutationObserver;
     private resizeObserver;
     private panelResizeObserver?;
+    /**
+     * The IntersectionObserver from the most recent syncTabsAndPanels() call. syncTabsAndPanels() can be triggered
+     * repeatedly in quick succession (resize, slotchange, alignment/label changes), and each call creates its own
+     * observer that only disconnects itself once its callback fires. Without tracking and disconnecting the previous
+     * instance up front, a stale observer can fire after a newer one already recomputed tab visibility, overwriting
+     * dropdownOffset/data-hidden with outdated results.
+     */
+    private overflowObserver?;
     private tabs;
     private focusableTabs;
     private panels;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.166.0",
+  "version": "2.167.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/chunks/button.styles.B81R4myI.js

@@ -1,5 +0,0 @@
-import { i as t } from "./lit-element.jLBm65_O.js";
-const r = t`:host{--background-color:var(--cx-color-primary);--color:light-dark(var(--cx-color-neutral-0),var(--cx-color-neutral-1000));--font-size:var(--cx-font-size-medium);--font-weight:var(--cx-font-weight-medium);--height:var(--cx-input-height-medium);--justify-content:center;--gap:0;--min-height:auto;--padding:0;--label-line-height:1.15;--button-custom-height:32px;--button-custom-padding:4px 8px 4px 8px;--button-custom-font-size:var(--cx-font-size-medium);cursor:pointer;width:auto;max-width:100%;line-height:normal;display:inline-block;position:relative}:host([width-type=fill]),:host([width-type=adaptive][device-type=tablet]),:host([width-type=adaptive][device-type=mobile]){width:100%}.button{align-items:center;justify-content:var(--justify-content,center);gap:var(--gap,0);border-style:solid;border-width:var(--cx-input-border-width);width:100%;font-family:var(--font-family,var(--cx-input-font-family)), var(--cx-font-sans);font-style:var(--font-style,normal);font-weight:var(--font-weight,var(--cx-font-weight-regular));font-size:var(--font-size,var(--cx-font-size-medium));height:var(--height,var(--cx-input-height-medium));min-height:var(--min-height,auto);padding:var(--padding,0);text-transform:var(--cx-button-text-transform,none);-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;transition:var(--cx-transition-x-fast) background-color, var(--cx-transition-x-fast) color, var(--cx-transition-x-fast) border, var(--cx-transition-x-fast) box-shadow;cursor:inherit;text-decoration:none;display:inline-flex}.button::-moz-focus-inner{border:0}.button:focus{outline:none}.button:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.button--disabled{opacity:.5;cursor:default}.button--disabled *{pointer-events:none}.button__prefix,.button__suffix{pointer-events:none;flex:none;align-items:center;display:flex}.button__label{line-height:var(--label-line-height);white-space:nowrap;text-overflow:ellipsis;display:inline-block;overflow:hidden}.button__label::slotted(cx-icon){vertical-align:-2px}.button--standard.button--default{background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral-700)}.button--standard.button--default:hover:not(.button--disabled),.button--standard.button--default.button--focused:not(.button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral-700)}.button--standard.button--default:active:not(.button--disabled){background-color:var(--cx-color-neutral-300);border-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral-700)}.button--standard.button--primary{background-color:var(--cx-color-primary);border-color:var(--cx-color-primary);color:var(--cx-color-neutral-0)}.button--standard.button--primary:hover:not(.button--disabled),.button--standard.button--primary.button--focused:not(.button--disabled){background-color:var(--cx-color-primary-500);border-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.button--standard.button--primary:active:not(.button--disabled){background-color:var(--cx-color-primary-700);border-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.button--standard.button--success{background-color:var(--cx-color-success);border-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--standard.button--success:hover:not(.button--disabled),.button--standard.button--success.button--focused:not(.button--disabled){background-color:var(--cx-color-success-500);border-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.button--standard.button--success:active:not(.button--disabled){background-color:var(--cx-color-success-700);border-color:var(--cx-color-success-700);color:var(--cx-color-neutral-0)}.button--standard.button--warning{background-color:var(--cx-color-warning);border-color:var(--cx-color-warning);color:var(--cx-color-neutral-0)}.button--standard.button--warning:hover:not(.button--disabled),.button--standard.button--warning.button--focused:not(.button--disabled){background-color:var(--cx-color-warning-500);border-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.button--standard.button--warning:active:not(.button--disabled){background-color:var(--cx-color-warning-700);border-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.button--standard.button--danger{background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);color:var(--cx-color-neutral-0)}.button--standard.button--danger:hover:not(.button--disabled),.button--standard.button--danger.button--focused:not(.button--disabled){background-color:var(--cx-color-danger-500);border-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.button--standard.button--danger:active:not(.button--disabled){background-color:var(--cx-color-danger-700);border-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}.button--standard.button--custom{background-color:var(--background-color);border-color:var(--background-color);color:var(--color)}.button--standard.button--custom:hover:not(.button--disabled),.button--standard.button--custom.button--focused:not(.button--disabled){background-color:var(--background-color-focus,var(--background-color));border-color:var(--background-color-focus,var(--background-color));color:var(--color-focus,var(--color))}.button--standard.button--custom:active:not(.button--disabled){background-color:var(--background-color-active,var(--background-color));border-color:var(--background-color-active,var(--background-color));color:var(--color-active,var(--color))}.button--outline{border:solid var(--cx-input-border-width);background:0 0}.button--outline.button--default{border-color:var(--cx-input-border-color);color:var(--cx-color-neutral)}.button--outline.button--default:hover:not(.button--disabled),.button--outline.button--default.button--focused:not(.button--disabled),.button--outline.button--default.button--checked:not(.button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.button--outline.button--default:active:not(.button--disabled){border-color:var(--cx-color-neutral-300);background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.button--outline.button--primary{border-color:var(--cx-color-primary);color:var(--cx-color-primary)}.button--outline.button--primary:hover:not(.button--disabled),.button--outline.button--primary.button--focused:not(.button--disabled),.button--outline.button--primary.button--checked:not(.button--disabled){background-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.button--outline.button--primary:active:not(.button--disabled){border-color:var(--cx-color-primary-700);background-color:var(--cx-color-primary-700);color:var(--cx-color-neutral-0)}.button--outline.button--success{border-color:var(--cx-color-success);color:var(--cx-color-success)}.button--outline.button--success:hover:not(.button--disabled),.button--outline.button--success.button--focused:not(.button--disabled),.button--outline.button--success.button--checked:not(.button--disabled){background-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.button--outline.button--success:active:not(.button--disabled){border-color:var(--cx-color-success);background-color:var(--cx-color-success);color:var(--cx-color-neutral-0)}.button--outline.button--warning{border-color:var(--cx-color-warning);color:var(--cx-color-warning)}.button--outline.button--warning:hover:not(.button--disabled),.button--outline.button--warning.button--focused:not(.button--disabled),.button--outline.button--warning.button--checked:not(.button--disabled){background-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.button--outline.button--warning:active:not(.button--disabled){border-color:var(--cx-color-warning-700);background-color:var(--cx-color-warning-700);color:var(--cx-color-neutral-0)}.button--outline.button--danger{border-color:var(--cx-color-danger);color:var(--cx-color-danger)}.button--outline.button--danger:hover:not(.button--disabled),.button--outline.button--danger.button--focused:not(.button--disabled),.button--outline.button--danger.button--checked:not(.button--disabled){background-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.button--outline.button--danger:active:not(.button--disabled){border-color:var(--cx-color-danger-700);background-color:var(--cx-color-danger-700);color:var(--cx-color-neutral-0)}@media (forced-colors:active){.button.button--outline.button--checked:not(.button--disabled){outline:2px solid #0000}}.button--text{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--text:hover:not(.button--disabled),.button--text.button--focused:not(.button--disabled){background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.button--text:focus-visible:not(.button--disabled){color:var(--cx-color-neutral-800);background-color:#0000;border-color:#0000}.button--text:active:not(.button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.button--tertiary{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.button--tertiary:hover:not(.button--disabled),.button--tertiary.button--focused:not(.button--disabled){background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral);border-color:#0000}.button--tertiary:focus-visible:not(.button--disabled){background-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral);border-color:#0000}.button--tertiary:active:not(.button--disabled){background-color:var(--cx-color-neutral-300);color:var(--cx-color-neutral);border-color:#0000}.button--small{height:auto;min-height:var(--cx-input-height-small);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-small)}.button--small ::slotted(cx-icon){--font-size:var(--cx-font-size-medium)}.button--medium{height:auto;min-height:var(--cx-input-height-medium);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-medium)}.button--large{height:auto;min-height:var(--cx-input-height-large);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-large)}.button--x-large{height:auto;min-height:var(--cx-input-height-x-large);font-size:var(--cx-button-font-size-medium);border-radius:var(--cx-button-border-radius-large)}.button--custom-size{--height:var(--button-custom-height);--padding:var(--button-custom-padding);--font-size:var(--button-custom-font-size);--font-family:var(--button-custom-font-family), var(--cx-font-sans);--font-style:var(--button-custom-font-style);--font-weight:var(--button-custom-font-weight);border-radius:var(--cx-button-border-radius-medium)}.button--pill.button--small{border-radius:var(--cx-input-height-small)}.button--pill.button--medium{border-radius:var(--cx-input-height-medium)}.button--pill.button--large{border-radius:var(--cx-input-height-large)}.button--pill.button--x-large{border-radius:var(--cx-input-height-x-large)}.button--circle{padding-left:0;padding-right:0}.button--circle.button--small{width:var(--cx-input-height-small);border-radius:50%}.button--circle.button--medium{width:var(--cx-input-height-medium);border-radius:50%}.button--circle.button--large{width:var(--cx-input-height-large);border-radius:50%}.button--circle.button--x-large{width:var(--cx-input-height-x-large);border-radius:50%}.button--circle .button__prefix,.button--circle .button__suffix,.button--circle .button__caret{display:none}.button--circle .button__label{justify-content:center;align-items:center;line-height:1;display:inline-flex}.button--caret .button__caret{--font-size:var(--cx-font-size-large);margin-block:auto}.button--caret.button--small .button__caret{--font-size:var(--cx-font-size-medium)}.button--caret .button__suffix{display:none}.button--loading{cursor:wait;position:relative}.button--loading .button__prefix,.button--loading .button__label,.button--loading .button__suffix,.button--loading .button__caret{visibility:hidden}.button--loading cx-spinner{--indicator-color:currentColor;width:1em;height:1em;font-size:1em;position:absolute;top:calc(50% - .5em);left:calc(50% - .5em)}.button ::slotted(cx-badge){pointer-events:none;position:absolute;top:0;right:0;translate:50% -50%}.button--rtl ::slotted(cx-badge){left:0;right:auto;translate:-50% -50%}.button--has-label.button--small .button__label{padding:0 var(--cx-spacing-x-small)}.button--has-label.button--medium .button__label{padding:0 var(--cx-spacing-small)}.button--has-label.button--large .button__label{padding:0 var(--cx-spacing-medium)}.button--has-label.button--x-large .button__label{padding:0 var(--cx-spacing-large)}.button--has-prefix.button--small,.button--has-prefix.button--small .button__label,.button--has-prefix.button--medium,.button--has-prefix.button--medium .button__label{padding-inline-start:var(--cx-spacing-x-small)}.button--has-prefix.button--large{padding-inline-start:var(--cx-spacing-small)}.button--has-prefix.button--large .button__label{padding-inline-start:var(--cx-spacing-x-small)}.button--has-prefix.button--x-large,.button--has-prefix.button--x-large .button__label{padding-inline-start:var(--cx-spacing-medium)}.button--has-suffix.button--small,.button--caret.button--small,.button--has-suffix.button--small .button__label,.button--caret.button--small .button__label,.button--has-suffix.button--medium,.button--caret.button--medium,.button--has-suffix.button--medium .button__label,.button--caret.button--medium .button__label{padding-inline-end:var(--cx-spacing-x-small)}.button--has-suffix.button--large,.button--caret.button--large{padding-inline-end:var(--cx-spacing-small)}.button--has-suffix.button--large .button__label,.button--caret.button--large .button__label{padding-inline-end:var(--cx-spacing-x-small)}.button--has-suffix.button--x-large,.button--caret.button--x-large,.button--has-suffix.button--x-large .button__label,.button--caret.button--x-large .button__label{padding-inline-end:var(--cx-spacing-medium)}.button--caret cx-icon::part(span){height:auto}:host([data-cx-button-group__button--first]:not([data-cx-button-group__button--last])) .button{border-start-end-radius:0;border-end-end-radius:0}:host([data-cx-button-group__button--inner]) .button{border-radius:0}:host([data-cx-button-group__button--last]:not([data-cx-button-group__button--first])) .button{border-start-start-radius:0;border-end-start-radius:0}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first])){margin-inline-start:calc(-1 * var(--cx-input-border-width))}:host([data-cx-button-group__button]:not([data-cx-button-group__button--first],[data-cx-button-group__button--radio],[variant=default]):not(:hover)) .button:after{content:"";top:0;inset-inline-start:0;mix-blend-mode:multiply;border-left:1px solid #80808054;position:absolute;bottom:0}:host([data-cx-button-group__button--hover]){z-index:1}:host([data-cx-button-group__button--focus]),:host([data-cx-button-group__button][checked]){z-index:2}`;
-export {
-  r as b
-};