@orangelogic/design-system 2.166.0 → 2.168.0

package/library/chunks/{tree.vn5sHbdt.js → tree.C3OC_XP7.js}

@@ -4,15 +4,15 @@ import { c as U } from "./custom-element.L4WJXn1j.js";
 import { L as N } from "./i18n.Bchq8v1d.js";
 import { c as X } from "./math.DuKzLacZ.js";
 import { w as b } from "./watch.DJF5K-8U.js";
-import { i as R, x as m, E as T } from "./lit-element.jLBm65_O.js";
+import { i as R, x as m, E } from "./lit-element.jLBm65_O.js";
 import { r as g } from "./state.CSDxrqLd.js";
 import { e as f } from "./query.BBf1UFkC.js";
-import { s as L, a as D, b as z } from "./event.BeKOsirN.js";
-import { e as E } from "./class-map.BiVq-cVR.js";
+import { s as L, a as D, b as $ } from "./event.BeKOsirN.js";
+import { e as C } from "./class-map.BiVq-cVR.js";
 import { o as _ } from "./if-defined.BRoBj_Rp.js";
 import { l as j } from "./live.DCegntDo.js";
 import { n as y } from "./when.Dr1es41R.js";
-import { g as $, s as G } from "./animation-registry.HmpwNuGH.js";
+import { g as z, s as G } from "./animation-registry.HmpwNuGH.js";
 import K from "../components/checkbox.js";
 import { C as V } from "./icon.D5iM9wXS.js";
 import W from "../components/line-clamp.js";
@@ -29,7 +29,7 @@ function te(e, t, i) {
     a && clearTimeout(a), a = window.setTimeout(d, t);
   };
 }
-const ie = R`:host{--selected-color:var(--cx-color-primary-600);--selected-background-color:var(--cx-color-primary-50);--hover-background-color:var(--cx-menu-item-background-color-hover);--active-background-color:var(--cx-color-neutral-200);--item-padding:var(--cx-spacing-2x-small) var(--cx-spacing-x-small);outline:0;display:block}:host(:focus-visible) .tree-item{outline:var(--cx-focus-ring);outline-offset:calc(-1 * var(--cx-focus-ring-width))}[hidden]{display:none!important}slot:not([name])::slotted(cx-icon){margin-inline-end:var(--cx-spacing-x-small)}.tree-item{color:var(--cx-color-neutral-900);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:stretch;display:flex;position:relative}.tree-item__checkbox{margin-inline-end:var(--cx-spacing-x-small)}.tree-item__expand-button,.tree-item__checkbox,.tree-item__label{font-family:var(--cx-font-sans);font-size:var(--cx-tree-item-font-size,var(--cx-font-size-small));font-weight:var(--cx-tree-item-font-weight,var(--cx-font-weight-medium));line-height:var(--cx-tree-item-line-height,var(--cx-line-height-large));letter-spacing:var(--cx-tree-item-letter-spacing,var(--cx-letter-spacing-normal))}.tree-item__checkbox::part(base){align-items:center;display:flex}.tree-item__checkbox::part(label){margin-inline-start:0}.tree-item__indentation{flex-shrink:0;width:1em;display:block}.tree-item__expand-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tree-item__expand-button{box-sizing:content-box;color:var(--cx-color-neutral-500);cursor:pointer;min-width:max(1em,1rem);min-height:max(1em,1rem);transition:var(--cx-transition-medium) rotate ease;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.tree-item--expanded .tree-item__expand-button{rotate:90deg}.tree-item--expanded.tree-item--rtl .tree-item__expand-button{rotate:-90deg}.tree-item--expanded slot[name=expand-icon],.tree-item:not(.tree-item--expanded) slot[name=collapse-icon]{display:none}:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__item .tree-item__expand-icon-slot{color:var(--selected-color)}.tree-item:not(.tree-item--has-expand-button) .tree-item__expand-icon-slot{visibility:hidden;opacity:0;pointer-events:none}.tree-item__expand-button--visible{cursor:pointer}.tree-item__item{border-radius:var(--cx-border-radius-large);padding:var(--item-padding,var(--cx-spacing-x-small) var(--cx-spacing-small));transition:var(--cx-transition-x-fast) background-color ease;align-items:center;display:flex}.tree-item__item:hover{background-color:var(--hover-background-color)}.tree-item__item:active{background-color:var(--active-background-color)}.tree-item--disabled .tree-item__item{opacity:.5;cursor:default;outline:none}:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__item{background-color:var(--selected-background-color);color:var(--selected-color)}:host(:not([aria-disabled=true])) .tree-item__expand-button{color:var(--cx-color-neutral)}:host(:not([aria-disabled=true]):not([variant=text])) .tree-item--selected,:host(:not([aria-disabled=true]):not([variant=text])) .tree-item--selected .tree-item__expand-button,:host(:not([aria-disabled=true]):not([variant=text])) .tree-item--selected .tree-item__actions::slotted(cx-icon-button){color:var(--cx-color-neutral-0)}:host(:not([aria-disabled=true]):not([variant=text])) .tree-item--selected .tree-item__actions::slotted(cx-icon-button){--hover-background-color:var(--cx-color-neutral-0)}.tree-item__label{align-items:center;display:flex}.tree-item__actions{font-size:var(--cx-font-size-medium);align-items:center;width:fit-content;margin-inline-start:auto;display:flex}.tree-item__actions::slotted(*){visibility:hidden;opacity:0;transition:var(--cx-transition-x-fast) visibility, var(--cx-transition-x-fast) opacity ease}.tree-item__item:hover .tree-item__actions::slotted(*){visibility:visible;opacity:1}@supports not (overlay:auto){.tree-item__actions::slotted(cx-dropdown[open]){visibility:visible;opacity:1}}.tree-item__children{font-size:calc(1em + var(--indent-size,var(--cx-spacing-medium)));gap:var(--children-gap,0);flex-direction:column;display:flex}@media (forced-colors:active){:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__item{outline:1px dashed selecteditem}}::slotted(cx-tree-item){--hover-background-color:inherit;--active-background-color:inherit;--selected-background-color:inherit;--selected-color:inherit}:host([variant=text]){--selected-background-color:transparent;--selected-color:inherit;--hover-background-color:transparent;--active-background-color:transparent;--hover-color:var(--cx-color-primary)}:host([variant=text]:not([aria-disabled=true])) .tree-item__item:hover{color:var(--hover-color)}:host([data-dragging]){position:relative}:host([data-dragging=inside]){background-color:var(--cx-color-primary-400)}:host([data-dragging=before]):before{content:"";border-top:var(--cx-spacing-2x-small) solid var(--cx-color-primary-400);width:100%;position:absolute;top:0;left:0}:host([data-dragging=after]):before{content:"";border-bottom:var(--cx-spacing-2x-small) solid var(--cx-color-primary-400);width:100%;position:absolute;bottom:0;left:0}`, w = "tree-sortable", C = 0.2, P = (e) => e == null;
+const ie = R`:host{--selected-color:var(--cx-color-primary-600);--selected-background-color:var(--cx-color-primary-50);--hover-background-color:var(--cx-menu-item-background-color-hover);--active-background-color:var(--cx-color-neutral-200);--item-padding:var(--cx-spacing-2x-small) var(--cx-spacing-x-small);outline:0;display:block}:host(:focus-visible) .tree-item{outline:var(--cx-focus-ring);outline-offset:calc(-1 * var(--cx-focus-ring-width))}[hidden]{display:none!important}slot:not([name])::slotted(cx-icon){margin-inline-end:var(--cx-spacing-x-small)}.tree-item{color:var(--cx-color-neutral-900);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:stretch;display:flex;position:relative}.tree-item__checkbox{margin-inline-end:var(--cx-spacing-x-small)}.tree-item__expand-button,.tree-item__checkbox,.tree-item__label{font-family:var(--cx-font-sans);font-size:var(--cx-tree-item-font-size,var(--cx-font-size-small));font-weight:var(--cx-tree-item-font-weight,var(--cx-font-weight-medium));line-height:var(--cx-tree-item-line-height,var(--cx-line-height-large));letter-spacing:var(--cx-tree-item-letter-spacing,var(--cx-letter-spacing-normal))}.tree-item__checkbox::part(base){align-items:center;display:flex}.tree-item__checkbox::part(label){margin-inline-start:0}.tree-item__indentation{flex-shrink:0;width:1em;display:block}.tree-item__expand-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tree-item__expand-button{box-sizing:content-box;color:var(--cx-color-neutral-500);cursor:pointer;min-width:max(1em,1rem);min-height:max(1em,1rem);transition:var(--cx-transition-medium) rotate ease;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.tree-item--expanded .tree-item__expand-button{rotate:90deg}.tree-item--expanded.tree-item--rtl .tree-item__expand-button{rotate:-90deg}.tree-item--expanded slot[name=expand-icon],.tree-item:not(.tree-item--expanded) slot[name=collapse-icon]{display:none}:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__item .tree-item__expand-icon-slot{color:var(--selected-color)}.tree-item:not(.tree-item--has-expand-button) .tree-item__expand-icon-slot{visibility:hidden;opacity:0;pointer-events:none}.tree-item__expand-button--visible{cursor:pointer}.tree-item__item{border-radius:var(--cx-border-radius-large);padding:var(--item-padding,var(--cx-spacing-x-small) var(--cx-spacing-small));transition:var(--cx-transition-x-fast) background-color ease;align-items:center;display:flex}.tree-item__item:hover{background-color:var(--hover-background-color)}.tree-item__item:active{background-color:var(--active-background-color)}.tree-item--disabled .tree-item__item{opacity:.5;cursor:default;outline:none}:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__item{background-color:var(--selected-background-color);color:var(--selected-color)}:host(:not([aria-disabled=true])) .tree-item__expand-button{color:var(--cx-color-neutral)}:host(:not([aria-disabled=true]):not([variant=text])) .tree-item--selected,:host(:not([aria-disabled=true]):not([variant=text])) .tree-item--selected .tree-item__expand-button,:host(:not([aria-disabled=true]):not([variant=text])) .tree-item--selected .tree-item__actions::slotted(cx-icon-button){color:var(--cx-color-neutral-0)}:host(:not([aria-disabled=true]):not([variant=text])) .tree-item--selected .tree-item__actions::slotted(cx-icon-button){--hover-background-color:var(--cx-color-neutral-0)}.tree-item__label{align-items:center;display:flex}.tree-item__actions{font-size:var(--cx-font-size-medium);align-items:center;width:fit-content;margin-inline-start:auto;display:flex}.tree-item__actions::slotted(*){visibility:hidden;opacity:0;transition:var(--cx-transition-x-fast) visibility, var(--cx-transition-x-fast) opacity ease}.tree-item__item:hover .tree-item__actions::slotted(*){visibility:visible;opacity:1}@supports not (overlay:auto){.tree-item__actions::slotted(cx-dropdown[open]){visibility:visible;opacity:1}}.tree-item__children{font-size:calc(1em + var(--indent-size,var(--cx-spacing-medium)));gap:var(--children-gap,0);flex-direction:column;display:flex}@media (forced-colors:active){:host(:not([aria-disabled=true])) .tree-item--selected .tree-item__item{outline:1px dashed selecteditem}}::slotted(cx-tree-item){--hover-background-color:inherit;--active-background-color:inherit;--selected-background-color:inherit;--selected-color:inherit}:host([variant=text]){--selected-background-color:transparent;--selected-color:inherit;--hover-background-color:transparent;--active-background-color:transparent;--hover-color:var(--cx-color-primary)}:host([variant=text]:not([aria-disabled=true])) .tree-item__item:hover{color:var(--hover-color)}:host([data-dragging]){position:relative}:host([data-dragging=inside]){background-color:var(--cx-color-primary-400)}:host([data-dragging=before]):before{content:"";border-top:var(--cx-spacing-2x-small) solid var(--cx-color-primary-400);width:100%;position:absolute;top:0;left:0}:host([data-dragging=after]):before{content:"";border-bottom:var(--cx-spacing-2x-small) solid var(--cx-color-primary-400);width:100%;position:absolute;bottom:0;left:0}`, I = "tree-sortable", w = 0.2, P = (e) => e == null;
 function ae() {
   function e() {
   }
@@ -54,26 +54,26 @@ function ae() {
       putSortable: x,
       target: p
     }) {
-      if (t = null, !i || !i.options[w] || !i.options.getDropZone || P(i.options.insertBeforeZonePercentage) || P(i.options.insertAfterZonePercentage) || !["CX-TREE-ITEM", "CX-TREE"].includes(p.tagName) || p.hasAttribute("no-drag")) {
+      if (t = null, !i || !i.options[I] || !i.options.getDropZone || P(i.options.insertBeforeZonePercentage) || P(i.options.insertAfterZonePercentage) || !["CX-TREE-ITEM", "CX-TREE"].includes(p.tagName) || p.hasAttribute("no-drag")) {
         a();
         return;
       }
-      const k = i.options.getDropZone(p);
-      if (!k) {
+      const A = i.options.getDropZone(p);
+      if (!A) {
         a();
         return;
       }
-      const A = k.getBoundingClientRect(), B = (u.clientY - A.top) / A.height, S = x || this.sortable;
+      const B = A.getBoundingClientRect(), T = (u.clientY - B.top) / B.height, S = x || this.sortable;
       S.captureAnimationState(), S !== i && i.captureAnimationState();
       const q = p.parentNode;
       if (d && q)
-        if (B < i.options.insertBeforeZonePercentage)
+        if (T < i.options.insertBeforeZonePercentage)
           t = {
             dragEl: d,
             el: p,
             position: -1
           }, p.setAttribute("data-dragging", "before");
-        else if (B > i.options.insertAfterZonePercentage)
+        else if (T > i.options.insertAfterZonePercentage)
           t = {
             dragEl: d,
             el: p,
@@ -111,7 +111,7 @@ function ae() {
       }
     }
   }, Object.assign(e, {
-    pluginName: w
+    pluginName: I
   });
 }
 class v extends Q {
@@ -131,8 +131,8 @@ const M = (e) => ({
   fallbackOnBody: !0,
   forceFallback: J(),
   getDropZone: (t) => t?.shadowRoot?.querySelector(".tree-item__item"),
-  insertAfterZonePercentage: 1 - C,
-  insertBeforeZonePercentage: C,
+  insertAfterZonePercentage: 1 - w,
+  insertBeforeZonePercentage: w,
   invertSwap: !0,
   onStart(t) {
     if (e.onStart?.(t), t.item.tagName === "CX-TREE-ITEM") {
@@ -140,8 +140,8 @@ const M = (e) => ({
       i.expanded = !1;
     }
   },
-  [w]: !0,
-  swapThreshold: C
+  [I]: !0,
+  swapThreshold: w
 });
 var ne = Object.defineProperty, oe = Object.getOwnPropertyDescriptor, s = (e, t, i, a) => {
   for (var r = a > 1 ? void 0 : a ? oe(t, i) : t, n = e.length - 1, d; n >= 0; n--)
@@ -170,12 +170,12 @@ let o = class extends F {
   }
   async animateCollapse() {
     this.emit("cx-collapse"), await L(this.childrenContainer);
-    const { keyframes: e, options: t } = $(this, "tree-item.collapse", {
+    const { keyframes: e, options: t } = z(this, "tree-item.collapse", {
       dir: this.localize.dir()
     });
     await D(
       this.childrenContainer,
-      z(e, this.childrenContainer.scrollHeight),
+      $(e, this.childrenContainer.scrollHeight),
       t
     ), this.childrenContainer.hidden = !0, this.emit("cx-after-collapse");
   }
@@ -198,12 +198,12 @@ let o = class extends F {
   }
   async animateExpand() {
     this.emit("cx-expand"), await L(this.childrenContainer), this.childrenContainer.hidden = !1;
-    const { keyframes: e, options: t } = $(this, "tree-item.expand", {
+    const { keyframes: e, options: t } = z(this, "tree-item.expand", {
       dir: this.localize.dir()
     });
     await D(
       this.childrenContainer,
-      z(e, this.childrenContainer.scrollHeight),
+      $(e, this.childrenContainer.scrollHeight),
       t
     ), this.childrenContainer.style.height = "auto", this.emit("cx-after-expand");
   }
@@ -227,7 +227,7 @@ let o = class extends F {
     this.expanded ? this.lazy ? (this.loading = !0, this.emit("cx-lazy-load")) : this.animateExpand() : this.animateCollapse();
   }
   async handleLazyChange() {
-    !this.lazy && this.loading && (this.loading = !1, this.handleChildrenSlotChange()), this.selected && (await this.updateComplete, I(this)), this.emit("cx-lazy-change");
+    !this.lazy && this.loading && (this.loading = !1, this.handleChildrenSlotChange()), this.selected && (await this.updateComplete, k(this)), this.emit("cx-lazy-change");
   }
   /** Gets all the nested tree items in this node. */
   getChildrenItems({
@@ -239,7 +239,7 @@ let o = class extends F {
   }
   renderExpandButton() {
     const e = this.localize.dir() === "rtl", t = this.showExpandButton;
-    return m`<div part="expand-button" class=${E({
+    return m`<div part="expand-button" class=${C({
       "tree-item__expand-button": !0,
       "tree-item__expand-button--visible": t
     })} aria-hidden="true">${y(
@@ -287,7 +287,7 @@ let o = class extends F {
   }
   renderBase(e) {
     const t = this.showExpandButton;
-    return this.href ? m`<a id="anchor" part="base" class=${E({
+    return this.href ? m`<a id="anchor" part="base" class=${C({
       "tree-item": !0,
       "tree-item--disabled": this.disabled,
       "tree-item--expanded": this.expanded,
@@ -295,7 +295,7 @@ let o = class extends F {
       "tree-item--leaf": this.isLeaf,
       "tree-item--rtl": this.localize.dir() === "rtl",
       "tree-item--selected": this.selected
-    })} href=${_(this.href)} target=${_(this.target)} download=${_(this.download)} rel=${_(this.rel)} ?inert=${this.disabled}>${e}</a>` : m`<div part="base" class=${E({
+    })} href=${_(this.href)} target=${_(this.target)} download=${_(this.download)} rel=${_(this.rel)} draggable=${this.sortable ? "false" : E} ?inert=${this.disabled}>${e}</a>` : m`<div part="base" class=${C({
       "tree-item": !0,
       "tree-item--disabled": this.disabled,
       "tree-item--expanded": this.expanded,
@@ -315,7 +315,7 @@ let o = class extends F {
           "><div class="tree-item__indentation" part="indentation"></div>${y(
       this.expandButtonPlacement === "start",
       this.renderExpandButton,
-      () => T
+      () => E
     )}
         ${y(
       this.selectable,
@@ -337,7 +337,7 @@ let o = class extends F {
     )}<slot class="tree-item__actions" part="actions" name="actions"></slot>${y(
       this.expandButtonPlacement === "end",
       this.renderExpandButton,
-      () => T
+      () => E
     )}</div><div class="tree-item__children" part="children" role="group"><slot name="children" @slotchange=${this.handleChildrenSlotChange}></slot></div>`);
   }
 };
@@ -514,7 +514,7 @@ function Z(e, t = "single") {
   const i = e.parentElement;
   o.isTreeItem(i) && !i.disabledSyncCheckboxes && t === "multiple" && (H(i), Z(i, t));
 }
-function I(e, t = !1, i = "single") {
+function k(e, t = !1, i = "single") {
   function a(r) {
     if (!(!(r instanceof o) && r.getAttribute("role") !== "treeitem")) {
       for (const n of r.getChildrenItems())
@@ -600,7 +600,7 @@ let c = class extends F {
         a.map(async (n) => {
           n.selected = !1, n.indeterminate = !1, n.previouslySelected = !1, await n.updateComplete;
         })
-      ), e.selected = t || !e.selected, e.lazy && !this.disabledAutoExpand && (e.expanded = !0), I(e, !1, this.selection);
+      ), e.selected = t || !e.selected, e.lazy && !this.disabledAutoExpand && (e.expanded = !0), k(e, !1, this.selection);
     else if ((this.selection === "single" || e.isLeaf) && !e.noSelect)
       for (const n of a)
         n.selected = n === e;
@@ -754,7 +754,7 @@ let c = class extends F {
     for (const i of t)
       i.selectable = e;
     e ? (await this.updateComplete, [...this.querySelectorAll(":scope > cx-tree-item")].forEach(
-      (i) => I(i, !0, this.selection)
+      (i) => k(i, !0, this.selection)
     )) : this.autoExpandToSelected || t.forEach((i) => {
       i.selected = !1, i.indeterminate = !1;
     });
@@ -860,5 +860,5 @@ export {
   Z as b,
   H as c,
   te as d,
-  I as s
+  k as s
 };

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,13 +74,13 @@ 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";
 import { default as Ct } from "./timecode.js";
 import { default as lt } from "./tooltip.js";
-import { a as nt, C as it } from "../chunks/tree.vn5sHbdt.js";
+import { a as nt, C as it } from "../chunks/tree.C3OC_XP7.js";
 import { C as gt } from "../chunks/typography.IqHbnd3C.js";
 import { default as At } from "./video.js";
 import { default as St } from "./visually-hidden.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

@@ -1,6 +1,6 @@
 import { C as tt } from "../chunks/icon.D5iM9wXS.js";
 import et from "./line-clamp.js";
-import { C as mt, s as _t, a as ft, b as dt } from "../chunks/tree.vn5sHbdt.js";
+import { C as mt, s as _t, a as ft, b as dt } from "../chunks/tree.C3OC_XP7.js";
 import { n as l, C as W } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as st } from "../chunks/component.styles.CRO4Odto.js";
 import { c as q } from "../chunks/custom-element.L4WJXn1j.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

@@ -3,9 +3,9 @@ import "../chunks/input.DOorVTYZ.js";
 import "./line-clamp.js";
 import "./select.js";
 import "./tag.js";
-import "../chunks/tree.vn5sHbdt.js";
+import "../chunks/tree.C3OC_XP7.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.bm-tgOMN.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.bm-tgOMN.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/tree-item.js

@@ -16,7 +16,7 @@ import "./checkbox.js";
 import "../chunks/icon.D5iM9wXS.js";
 import "./line-clamp.js";
 import "./spinner.js";
-import { C as k } from "../chunks/tree.vn5sHbdt.js";
+import { C as k } from "../chunks/tree.C3OC_XP7.js";
 export {
   k as default
 };

package/library/components/tree.js

@@ -4,7 +4,7 @@ import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.Bchq8v1d.js";
 import "../chunks/math.DuKzLacZ.js";
 import "../chunks/watch.DJF5K-8U.js";
-import { a as b, b as f, s as x, c as d } from "../chunks/tree.vn5sHbdt.js";
+import { a as b, b as f, s as x, c as d } from "../chunks/tree.C3OC_XP7.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";