@orangelogic/design-system 2.170.0 → 2.171.0

package/library/chunks/{asset-link-format.BSo7khRt.js → asset-link-format.BATKDRgD.js}

@@ -1,5 +1,5 @@
 import "../components/cropper.js";
-import { C as Z } from "./button.DDem_XZq.js";
+import { C as Z } from "./button.zWaIO1sl.js";
 import L from "../components/space.js";
 import { C as U } from "./typography.IqHbnd3C.js";
 import { n as l, C as B } from "./lib-cortex-element.CVMmyPMC.js";

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

@@ -0,0 +1,5 @@
+import { i as o } from "./lit-element.jLBm65_O.js";
+const r = o`: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:none;overflow:hidden}.button__label::slotted(cx-icon){vertical-align:-2px}.button__label--has-label{display:inline-block}.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){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral-700)}.button--standard.button--default.button--focused:not(.button--disabled):not(:hover),.button--standard.button--default:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);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){background-color:var(--cx-color-primary-500);border-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.button--standard.button--primary.button--focused:not(.button--disabled):not(:hover),.button--standard.button--primary:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-primary);border-color:var(--cx-color-primary);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){background-color:var(--cx-color-success-500);border-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.button--standard.button--success.button--focused:not(.button--disabled):not(:hover),.button--standard.button--success:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-success);border-color:var(--cx-color-success);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){background-color:var(--cx-color-warning-500);border-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.button--standard.button--warning.button--focused:not(.button--disabled):not(:hover),.button--standard.button--warning:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-warning);border-color:var(--cx-color-warning);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){background-color:var(--cx-color-danger-500);border-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.button--standard.button--danger.button--focused:not(.button--disabled):not(:hover),.button--standard.button--danger:focus-visible:not(.button--disabled):not(:hover){background-color:var(--cx-color-danger);border-color:var(--cx-color-danger);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){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.button--focused:not(.button--disabled):not(:hover),.button--standard.button--custom:focus-visible:not(.button--disabled):not(:hover){background-color:var(--background-color);border-color:var(--background-color);color: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--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.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--default:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-input-border-color);color:var(--cx-color-neutral);background-color:#0000}.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--checked:not(.button--disabled){background-color:var(--cx-color-primary-500);color:var(--cx-color-neutral-0)}.button--outline.button--primary.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--primary:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-primary);color:var(--cx-color-primary);background-color:#0000}.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--checked:not(.button--disabled){background-color:var(--cx-color-success-500);color:var(--cx-color-neutral-0)}.button--outline.button--success.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--success:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-success);color:var(--cx-color-success);background-color:#0000}.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--checked:not(.button--disabled){background-color:var(--cx-color-warning-500);color:var(--cx-color-neutral-0)}.button--outline.button--warning.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--warning:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-warning);color:var(--cx-color-warning);background-color:#0000}.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--checked:not(.button--disabled){background-color:var(--cx-color-danger-500);color:var(--cx-color-neutral-0)}.button--outline.button--danger.button--focused:not(.button--disabled):not(:hover):not(.button--checked),.button--outline.button--danger:focus-visible:not(.button--disabled):not(:hover):not(.button--checked){border-color:var(--cx-color-danger);color:var(--cx-color-danger);background-color:#0000}.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){background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.button--text.button--focused:not(.button--disabled):not(:hover),.button--text:focus-visible:not(.button--disabled):not(:hover){color:var(--cx-color-neutral);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){background-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral);border-color:#0000}.button--tertiary.button--focused:not(.button--disabled):not(:hover),.button--tertiary:focus-visible:not(.button--disabled):not(:hover){color:var(--cx-color-neutral);background-color:#0000;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(--caret-font-size,var(--cx-font-size-large));margin-block:auto}.button--caret.button--small .button__caret{--font-size:var(--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
+};

package/library/chunks/{button.DDem_XZq.js → button.zWaIO1sl.js}

@@ -13,7 +13,7 @@ import { n as b } from "./when.Dr1es41R.js";
 import { u as h, i as m } from "./static.UA3G1Deq.js";
 import { C as D } from "./icon.D5iM9wXS.js";
 import B from "../components/spinner.js";
-import { b as F } from "./button.styles.BersilzZ.js";
+import { b as F } from "./button.styles.Bcj_XoRt.js";
 var v = /* @__PURE__ */ ((t) => (t.Adaptive = "adaptive", t.Fill = "fill", t.Hug = "hug", t))(v || {}), l = /* @__PURE__ */ ((t) => (t.Custom = "custom", t.Large = "large", t.Medium = "medium", t.Small = "small", t.XLarge = "x-large", t))(l || {}), k = Object.defineProperty, V = Object.getOwnPropertyDescriptor, r = (t, s, p, n) => {
   for (var a = n > 1 ? void 0 : n ? V(s, p) : s, d = t.length - 1, c; d >= 0; d--)
     (c = t[d]) && (a = (n ? c(s, p, a) : c(a)) || a);

package/library/chunks/{color-swatch-group.C_PwK2oY.js → color-swatch-group.CQlgq_I5.js}

@@ -3,8 +3,8 @@ import { C as Ir, T as Rn } from "./typography.IqHbnd3C.js";
 import { n as m, C as Pe } from "./lib-cortex-element.CVMmyPMC.js";
 import { C as Hr, a as es } from "./color-swatch.DpzAGKQx.js";
 import { c as $e } from "./component.styles.CRO4Odto.js";
-import { C as Ct } from "./button.DDem_XZq.js";
-import { C as Sn, o as kn, O as No } from "./dialog.B_v8598F.js";
+import { C as Ct } from "./button.zWaIO1sl.js";
+import { C as Sn, o as kn, O as No } from "./dialog.BaHYOyYO.js";
 import { C as oi } from "./icon-button.DJvfUmOl.js";
 import Pt from "../components/tooltip.js";
 import { i as Nr, r as Dn, f as Jt, m as Tn, a as Mn, t as Vr, g as Fn, b as Ln, c as zn } from "./toast.CXEAfCvN.js";
@@ -40,7 +40,7 @@ import { o as pt } from "./style-map.llVFPd__.js";
 import ai from "../components/dropdown.js";
 import ta from "../components/menu-section.js";
 import Gr from "../components/checkbox.js";
-import { C as ia, P as sa } from "./pagination.TxcRv9BL.js";
+import { C as ia, P as sa } from "./pagination.CwKlKOek.js";
 import { H as Ur } from "./slot.j5oheLJC.js";
 import { g as B, a as Bo } from "./dom.C5aVLhKS.js";
 import "./browser.BHOCIF_A.js";

package/library/chunks/{confirm-popover.Cx6BUoTL.js → confirm-popover.hHcCIzpX.js}

@@ -1,5 +1,5 @@
-import { C as _ } from "./button.DDem_XZq.js";
-import { C as u, D as h } from "./dialog.B_v8598F.js";
+import { C as _ } from "./button.zWaIO1sl.js";
+import { C as u, D as h } from "./dialog.BaHYOyYO.js";
 import g from "../components/dropdown.js";
 import { C as x } from "./typography.IqHbnd3C.js";
 import { n as e, C as b } from "./lib-cortex-element.CVMmyPMC.js";

package/library/chunks/{dialog.B_v8598F.js → dialog.BaHYOyYO.js}

@@ -4,7 +4,7 @@ import { i as _s, x as He, E as fr } from "./lit-element.jLBm65_O.js";
 import { a as ie, s as Te, w as os } from "./event.BeKOsirN.js";
 import { c as br } from "./custom-element.L4WJXn1j.js";
 import { L as yr } from "./i18n.DbXTTLXx.js";
-import { M as gr } from "./modal.jdGhujoh.js";
+import { M as gr } from "./modal.Ct0bJBSe.js";
 import { l as ss, u as rs } from "./scroll.xtO5yojm.js";
 import { H as mr } from "./slot.j5oheLJC.js";
 import { w as $s } from "./watch.DJF5K-8U.js";

package/library/chunks/{document-viewer.BT1kp8Ig.js → document-viewer.B89YB5oo.js}

@@ -1,5 +1,5 @@
 import { r as resizableComponentStyles, R as ResizableElement, a as ResizeDirection, b as HeightMode } from "./resizable-component.styles.CAfXABBc.js";
-import { C as CxButton } from "./button.DDem_XZq.js";
+import { C as CxButton } from "./button.zWaIO1sl.js";
 import CxDrawer from "../components/drawer.js";
 import CxDropdown from "../components/dropdown.js";
 import { C as CxIcon } from "./icon.D5iM9wXS.js";

package/library/chunks/{folder-select.B9qqU1CQ.js → folder-select.C6Sv4jtu.js}

@@ -3,7 +3,7 @@ import { C as me } from "./input.B-c9KEAH.js";
 import re from "../components/line-clamp.js";
 import ye from "../components/select.js";
 import ge from "../components/tag.js";
-import { C as v, a as xe } from "./tree.B0-6Ny9b.js";
+import { C as S, a as xe } from "./tree.B0-6Ny9b.js";
 import { n as s, C as B } from "./lib-cortex-element.CVMmyPMC.js";
 import { h as z, F as be, A as $e } from "./endpoints.CwgTrs4A.js";
 import { M as P } from "./asset-link-format.ClaYu_v8.js";
@@ -12,11 +12,11 @@ import { c as N } from "./custom-element.L4WJXn1j.js";
 import { L as W } from "./i18n.DbXTTLXx.js";
 import { w as m } from "./watch.DJF5K-8U.js";
 import { g as R, p as K, e as q } from "./string.BhJ0Zogu.js";
-import { x as y, i as Se } from "./lit-element.jLBm65_O.js";
+import { x as y, i as ve } from "./lit-element.jLBm65_O.js";
 import { r as g } from "./state.CSDxrqLd.js";
 import { e as ie } from "./query.BBf1UFkC.js";
-import { r as ve } from "./choose.BTbF6BAn.js";
-import { C as le } from "./button.DDem_XZq.js";
+import { r as Se } from "./choose.BTbF6BAn.js";
+import { C as le } from "./button.zWaIO1sl.js";
 import { d as Ie } from "./debounce.DaHuiSGU.js";
 import { o as p } from "./if-defined.BRoBj_Rp.js";
 import { c as G } from "./repeat.CFjcER6_.js";
@@ -36,12 +36,12 @@ async function H({
   includeDirectChild: u,
   limit: f = De,
   searchTerm: $,
-  self: C,
+  self: D,
   start: Q = 0,
   token: pe
 }) {
   let U = [], j = u ?? !0;
-  e && e.length > 0 && !i ? (U = e, C = !0, j = !1) : i && (U = [i]);
+  e && e.length > 0 && !i ? (U = e, D = !0, j = !1) : i && (U = [i]);
   try {
     return (await z.request({
       baseURL: t,
@@ -55,7 +55,7 @@ async function H({
         Limit: f,
         ObjectRecordIDs: U,
         SeeThru: !!$,
-        Self: C,
+        Self: D,
         Start: Q,
         Text: $ || void 0,
         Token: pe || void 0
@@ -66,7 +66,7 @@ async function H({
       responseType: "json",
       transformResponse: [
         ...Array.isArray(z.defaults.transformResponse) ? z.defaults.transformResponse : [],
-        (I, Oe, E) => {
+        (I, Le, E) => {
           if (E !== void 0 && (E < 200 || E >= 300))
             return {
               data: [],
@@ -78,12 +78,12 @@ async function H({
           const fe = I.contentItems?.length ?? 0;
           return {
             data: I.contentItems?.map((x) => {
-              const O = x.fields[b.DocType] ?? "", L = x.fields[b.TitleWithFallback] ?? "", w = x.fields[b.CortexPath] ?? "", M = w.endsWith("/") && w.length > 1 ? w.slice(0, -1) : w;
+              const L = x.fields[b.DocType] ?? "", O = x.fields[b.TitleWithFallback] ?? "", w = x.fields[b.CortexPath] ?? "", M = w.endsWith("/") && w.length > 1 ? w.slice(0, -1) : w;
               let Z = M;
-              (O === P.Album || O === P.ProjectDocument) && (Z = M ? `${M}/${L}` : L);
+              (L === P.Album || L === P.ProjectDocument) && (Z = M ? `${M}/${O}` : O);
               const J = x.fields[b.DocSubTypeIsFontIcon];
               return {
-                docType: O,
+                docType: L,
                 fullPath: Z,
                 hasChildren: x.fields[b.HasBrowserChildren] === "1",
                 iconColor: x.fields[b.DocSubTypeIconColor],
@@ -92,7 +92,7 @@ async function H({
                 id: x.recordID,
                 isFontIcon: J === void 0 ? void 0 : J === "1",
                 representativeAssetId: x.fields[b.RepresentativeAssetId] ?? "",
-                title: L
+                title: O
               };
             }) ?? [],
             hasMore: Q + fe < I.totalCount,
@@ -114,7 +114,7 @@ const oe = {
   fromAttribute: (e) => (e ?? "").split(" ").filter((t) => t !== ""),
   toAttribute: (e) => e.join(" ")
 };
-var D = /* @__PURE__ */ ((e) => (e.Input = "input", e.Select = "select", e))(D || {}), _e = Object.defineProperty, we = Object.getOwnPropertyDescriptor, h = (e, t, r, l) => {
+var F = /* @__PURE__ */ ((e) => (e.Input = "input", e.Select = "select", e))(F || {}), _e = Object.defineProperty, we = Object.getOwnPropertyDescriptor, h = (e, t, r, l) => {
   for (var i = l > 1 ? void 0 : l ? we(t, r) : t, u = e.length - 1, f; u >= 0; u--)
     (f = e[u]) && (i = (l ? f(t, r, i) : f(i)) || i);
   return l && i && _e(t, r, i), i;
@@ -199,8 +199,8 @@ let a = class extends B {
         const $ = q(f);
         if (!$.path.trim() || !$.id.trim())
           continue;
-        const C = K($.path);
-        if (C.startsWith(r) && C !== r) {
+        const D = K($.path);
+        if (D.startsWith(r) && D !== r) {
           i = !0;
           break;
         }
@@ -253,7 +253,7 @@ a.dependencies = {
   "cx-icon": te,
   "cx-line-clamp": re,
   "cx-space": Fe,
-  "cx-tree-item": v
+  "cx-tree-item": S
 };
 h([
   ie("cx-tree-item")
@@ -359,10 +359,10 @@ var ke = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, ne = (e) =
   for (var i = l > 1 ? void 0 : l ? Ve(t, r) : t, u = e.length - 1, f; u >= 0; u--)
     (f = e[u]) && (i = (l ? f(t, r, i) : f(i)) || i);
   return l && i && ke(t, r, i), i;
-}, ce = (e, t, r) => t.has(e) || ne("Cannot " + r), S = (e, t, r) => (ce(e, t, "read from private field"), t.get(e)), A = (e, t, r) => t.has(e) ? ne("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), X = (e, t, r, l) => (ce(e, t, "write to private field"), t.set(e, r), r), _, V, F;
+}, ce = (e, t, r) => t.has(e) || ne("Cannot " + r), v = (e, t, r) => (ce(e, t, "read from private field"), t.get(e)), A = (e, t, r) => t.has(e) ? ne("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), X = (e, t, r, l) => (ce(e, t, "write to private field"), t.set(e, r), r), _, V, T;
 let n = class extends B {
   constructor() {
-    super(...arguments), this.localize = new W(this), this.minQueryLength = 1, this.selection = "single", this.searchTerm = "", this.selectedValue = "", this.token = "", this.bearerToken = "", this.baseUrl = "", this.allowedFolders = [], this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.seeThru = !1, this.extraFolderData = null, this.api = H, this.excludeVirtualFolders = !1, this.firstFetchCallback = null, this.autoPageSize = !1, this.data = [], this.hasMore = !1, this.loading = !1, this.preloading = !1, this.preloadedFolders = [], this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], A(this, _, !1), A(this, V, 10), A(this, F, /* @__PURE__ */ new Set());
+    super(...arguments), this.localize = new W(this), this.minQueryLength = 1, this.selection = "single", this.searchTerm = "", this.selectedValue = "", this.token = "", this.bearerToken = "", this.baseUrl = "", this.allowedFolders = [], this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.seeThru = !1, this.extraFolderData = null, this.api = H, this.excludeVirtualFolders = !1, this.firstFetchCallback = null, this.autoPageSize = !1, this.data = [], this.hasMore = !1, this.loading = !1, this.preloading = !1, this.preloadedFolders = [], this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], A(this, _, !1), A(this, V, 10), A(this, T, /* @__PURE__ */ new Set());
   }
   get empty() {
     return !this.loading && this.data.length === 0;
@@ -457,10 +457,10 @@ let n = class extends B {
   }
   async handleFetchFolders() {
     const { data: e, hasMore: t } = await this.fetchFolders();
-    S(this, _) || (e.length > 0 && this.firstFetchCallback?.(e), X(this, _, !0)), this.data = e, this.hasMore = t, this.loading = !1, this.seedSelectionFromValue(e), this.removePreloadedFolders(e), await this.preloadSelectedFolders();
+    v(this, _) || (e.length > 0 && this.firstFetchCallback?.(e), X(this, _, !0)), this.data = e, this.hasMore = t, this.loading = !1, this.seedSelectionFromValue(e), this.removePreloadedFolders(e), await this.preloadSelectedFolders();
   }
   async handleSelectedValueChange() {
-    if (!S(this, _))
+    if (!v(this, _))
       return;
     const e = new Set(
       this.selectedValue.split(/[\s,]+/).filter(Boolean)
@@ -499,7 +499,7 @@ let n = class extends B {
       bearerToken: this.bearerToken,
       excludeVirtualFolders: this.excludeVirtualFolders,
       folderId: "",
-      limit: S(this, V),
+      limit: v(this, V),
       searchTerm: this.searchTerm,
       seeThru: this.seeThru,
       start: 0,
@@ -528,7 +528,7 @@ let n = class extends B {
       ...this.data.map((i) => i.id),
       ...this.extraFolderData ? [this.extraFolderData.id] : [],
       ...this.preloadedFolders.map((i) => i.id),
-      ...S(this, F),
+      ...v(this, T),
       ...[
         ...this.querySelectorAll(
           "cx-folder-select-tree-item"
@@ -539,7 +539,7 @@ let n = class extends B {
     );
     if (r.length === 0)
       return;
-    r.forEach((i) => S(this, F).add(i)), this.preloading = !0;
+    r.forEach((i) => v(this, T).add(i)), this.preloading = !0;
     const l = [];
     if (await Promise.all(
       r.map(async (i) => {
@@ -561,7 +561,7 @@ let n = class extends B {
         } catch {
         }
       })
-    ), r.forEach((i) => S(this, F).delete(i)), this.preloading = S(this, F).size > 0, l.length > 0) {
+    ), r.forEach((i) => v(this, T).delete(i)), this.preloading = v(this, T).size > 0, l.length > 0) {
       const i = new Set(this.preloadedFolders.map((f) => f.id)), u = l.filter((f) => !i.has(f.id));
       u.length > 0 && (this.preloadedFolders = [...this.preloadedFolders, ...u].sort(
         (f, $) => f.title.localeCompare($.title)
@@ -613,7 +613,7 @@ let n = class extends B {
 };
 _ = /* @__PURE__ */ new WeakMap();
 V = /* @__PURE__ */ new WeakMap();
-F = /* @__PURE__ */ new WeakMap();
+T = /* @__PURE__ */ new WeakMap();
 n.dependencies = {
   "cx-button": le,
   "cx-folder-select-tree-item": a,
@@ -716,24 +716,24 @@ d([
 n = d([
   N("cx-folder-select-tree")
 ], n);
-const Pe = Se`:host{flex-direction:column;width:100%;height:100%;min-height:0;max-height:100%;display:flex}.folder-select{gap:var(--cx-spacing-x-small);flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.folder-select__search{flex-shrink:0}.folder-select__tree{flex-direction:column;flex:1;min-height:0;display:flex}.folder-select-tree{flex:1;min-height:0;overflow:auto}.folder-select-tree__item__icon{color:var(--cx-color-primary)}.folder-select-tree__empty-message{font-size:var(--cx-font-size-small);color:var(--cx-color-neutral-500);padding-block:var(--cx-spacing-2x-small);padding-inline:var(--cx-spacing-small);text-align:center;cursor:default;user-select:none}.folder-select-tree__load-more{margin-inline:var(--cx-spacing-small)}.folder-select-tree-item::part(label),.folder-select-tree-item__label,.folder-select-tree-item__title{overflow:hidden}`;
+const Pe = ve`:host{flex-direction:column;width:100%;height:100%;min-height:0;max-height:100%;display:flex}.folder-select{gap:var(--cx-spacing-x-small);flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.folder-select__search{flex-shrink:0}.folder-select__tree{flex-direction:column;flex:1;min-height:0;display:flex}.folder-select-tree{flex:1;min-height:0;overflow:auto}.folder-select-tree__item__icon{color:var(--cx-color-primary)}.folder-select-tree__empty-message{font-size:var(--cx-font-size-small);color:var(--cx-color-neutral-500);padding-block:var(--cx-spacing-2x-small);padding-inline:var(--cx-spacing-small);text-align:center;cursor:default;user-select:none}.folder-select-tree__load-more{margin-inline:var(--cx-spacing-small)}.folder-select-tree-item::part(label),.folder-select-tree-item__label,.folder-select-tree-item__title{overflow:hidden}`;
 var Re = Object.defineProperty, Ue = Object.getOwnPropertyDescriptor, he = (e) => {
   throw TypeError(e);
 }, c = (e, t, r, l) => {
   for (var i = l > 1 ? void 0 : l ? Ue(t, r) : t, u = e.length - 1, f; u >= 0; u--)
     (f = e[u]) && (i = (l ? f(t, r, i) : f(i)) || i);
   return l && i && Re(t, r, i), i;
-}, de = (e, t, r) => t.has(e) || he("Cannot " + r), Y = (e, t, r) => (de(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Ee = (e, t, r) => t.has(e) ? he("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), ee = (e, t, r, l) => (de(e, t, "write to private field"), t.set(e, r), r), T;
+}, de = (e, t, r) => t.has(e) || he("Cannot " + r), Y = (e, t, r) => (de(e, t, "read from private field"), r ? r.call(e) : t.get(e)), Ee = (e, t, r) => t.has(e) ? he("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), ee = (e, t, r, l) => (de(e, t, "write to private field"), t.set(e, r), r), C;
 let o = class extends B {
   constructor() {
-    super(), this.localize = new W(this), this.minQueryLength = 1, this.selection = "single", this.variant = D.Input, this.value = "", this.name = "", this.selectedLabel = "", this.baseUrl = "", this.allowedFolders = [], this.open = !1, this.token = "", this.bearerToken = "", this.seeThru = !1, this.api = H, this.required = !1, this.form = void 0, this.excludeVirtualFolders = !1, this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.autoPageSize = !1, this.firstFetchCallback = null, this.searchTerm = "", this.treeLoading = !1, Ee(this, T), this.selectGetOptionValue = this.selectGetOptionValue.bind(this), this.selectGetOptionLabel = this.selectGetOptionLabel.bind(this), this.selectGetOptionSelected = this.selectGetOptionSelected.bind(this), this.selectFilterCallback = this.selectFilterCallback.bind(this), this.selectSetOptionSelected = this.selectSetOptionSelected.bind(this), this.selectGetTag = this.selectGetTag.bind(this), this.updateWrappedApi();
+    super(), this.localize = new W(this), this.minQueryLength = 1, this.selection = "single", this.variant = F.Input, this.value = "", this.name = "", this.selectedLabel = "", this.baseUrl = "", this.allowedFolders = [], this.open = !1, this.token = "", this.bearerToken = "", this.seeThru = !1, this.api = H, this.required = !1, this.form = void 0, this.excludeVirtualFolders = !1, this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.autoPageSize = !1, this.firstFetchCallback = null, this.searchTerm = "", this.treeLoading = !1, Ee(this, C), this.selectGetOptionValue = this.selectGetOptionValue.bind(this), this.selectGetOptionLabel = this.selectGetOptionLabel.bind(this), this.selectGetOptionSelected = this.selectGetOptionSelected.bind(this), this.selectFilterCallback = this.selectFilterCallback.bind(this), this.selectSetOptionSelected = this.selectSetOptionSelected.bind(this), this.selectGetTag = this.selectGetTag.bind(this), this.updateWrappedApi();
   }
   updateWrappedApi() {
     if (!this.api) {
-      ee(this, T, void 0);
+      ee(this, C, void 0);
       return;
     }
-    ee(this, T, async (e) => {
+    ee(this, C, async (e) => {
       try {
         return await this.api(e);
       } catch (t) {
@@ -757,6 +757,22 @@ let o = class extends B {
   handleTreeLoadingChange(e) {
     this.treeLoading = e.detail.loading;
   }
+  /**
+   * Lazy-loaded tree children can grow the popup's content well past its
+   * original height. cx-popup only recomputes flip/placement on scroll,
+   * resize, or viewport changes (Floating UI's autoUpdate) — not on
+   * internal content mutations — so without this the popup can stay
+   * anchored below the trigger even after it no longer fits there.
+   *
+   * Clearing --auto-size-available-height/-width first matters as much as
+   * the reposition() call itself: cx-select's own auto-size CSS clamps the
+   * listbox to the *previous* available space, so flip's overflow check
+   * still measures the clamped (small) height and never decides to flip
+   * (see the same clear in cx-select's filterOptionsByInput()).
+   */
+  async handleTreeChildrenLoaded() {
+    this.variant !== F.Select || !this.selectEl || (await this.selectEl.updateComplete, this.selectEl.popup.style.removeProperty("--auto-size-available-width"), this.selectEl.popup.style.removeProperty("--auto-size-available-height"), this.selectEl.popup.reposition());
+  }
   handleSelectClear() {
     if (this.searchTerm = "", this.selection !== "multiple")
       return;
@@ -813,17 +829,17 @@ let o = class extends B {
     this.syncValueFromTree(), this.syncSelectValue(), this.selectEl.handleDefaultSlotChange(), await this.selectEl.updateComplete, this.searchTerm = e, this.selectEl.displayLabel = this.searchTerm;
   }
   selectGetOptionValue(e) {
-    return !e || !(e instanceof v) ? this.value : e.dataset.id || this.value;
+    return !e || !(e instanceof S) ? this.value : e.dataset.id || this.value;
   }
   selectGetOptionLabel(e) {
-    return !e || !(e instanceof v) ? this.selectedLabel : e.dataset.name || this.selectedLabel;
+    return !e || !(e instanceof S) ? this.selectedLabel : e.dataset.name || this.selectedLabel;
   }
   selectGetOptionSelected(e) {
-    if (!(!e || !(e instanceof v)))
+    if (!(!e || !(e instanceof S)))
       return e.selected;
   }
   selectFilterCallback(e) {
-    return !(!e || !(e instanceof v));
+    return !(!e || !(e instanceof S));
   }
   /**
    * Custom tag renderer for cx-select multi mode. Identical visuals to the
@@ -840,11 +856,11 @@ let o = class extends B {
           remove-button:tag__remove-button,
           remove-button__base:tag__remove-button__base
         " removable @cx-remove=${(r) => {
-      r.stopPropagation(), e instanceof v && (e.selected = !1);
+      r.stopPropagation(), e instanceof S && (e.selected = !1);
     }}><cx-line-clamp lines="1">${this.selectGetOptionLabel(e)}</cx-line-clamp></cx-tag>`;
   }
   selectSetOptionSelected(e, t) {
-    if (!(!e || !(e instanceof v)) && this.selection !== "multiple") {
+    if (!(!e || !(e instanceof S)) && this.selection !== "multiple") {
       if (t === void 0) {
         e.selected = !e.selected;
         return;
@@ -865,25 +881,25 @@ let o = class extends B {
     }
   }
   async handleVariantChange() {
-    this.variant === D.Select && (await this.updateComplete, this.updateFunctionProps());
+    this.variant === F.Select && (await this.updateComplete, this.updateFunctionProps());
   }
   handleValueChange() {
     this.selectEl && (this.searchTerm = "", this.selectEl.getOptionValue = this.selectGetOptionValue, this.selectEl.getOptionLabel = this.selectGetOptionLabel, this.selectEl.getOptionSelected = this.selectGetOptionSelected, this.selectEl.filterCallback = this.selectFilterCallback, this.selectEl.setOptionSelected = this.selectSetOptionSelected, this.selectEl.getTag = this.selectGetTag, this.syncSelectValue(), this.selectEl.handleDefaultSlotChange());
   }
   render() {
-    return y`<div class="folder-select">${ve(this.variant, [
+    return y`<div class="folder-select">${Se(this.variant, [
       [
-        D.Input,
-        () => y`<cx-input class="folder-select__search" aria-label=${this.localize.term("searchFolders")} placeholder=${`${this.localize.term("searchFolders")}...`} value=${this.searchTerm} clearable @cx-input=${this.handleSearchTermInputChange}><cx-icon name="search" slot="prefix"></cx-icon></cx-input><cx-folder-select-tree class="folder-select__tree" base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} ?auto-page-size=${this.autoPageSize} .allowedFolders=${this.allowedFolders} .api=${Y(this, T)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree>`
+        F.Input,
+        () => y`<cx-input class="folder-select__search" aria-label=${this.localize.term("searchFolders")} placeholder=${`${this.localize.term("searchFolders")}...`} value=${this.searchTerm} clearable @cx-input=${this.handleSearchTermInputChange}><cx-icon name="search" slot="prefix"></cx-icon></cx-input><cx-folder-select-tree class="folder-select__tree" base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} ?auto-page-size=${this.autoPageSize} .allowedFolders=${this.allowedFolders} .api=${Y(this, C)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree>`
       ],
       [
-        D.Select,
-        () => y`<cx-select clearable hoist lazy name=${this.name} value=${this.value} .form=${this.form} ?required=${this.required} ?multiple=${this.selection === "multiple"} ?loading=${this.treeLoading} @input=${this.handleSearchTermSelectChange} @cx-clear=${this.handleSelectClear} @cx-selected-change=${this.handleTreeSelectedChange} @cx-folder-select-selection-seeded=${this.handleTreeSelectedChange} @cx-folder-select-loading-change=${this.handleTreeLoadingChange} allow-freetext><cx-folder-select-tree base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} ?auto-page-size=${this.autoPageSize} .allowedFolders=${this.allowedFolders} .api=${Y(this, T)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree></cx-select>`
+        F.Select,
+        () => y`<cx-select clearable hoist lazy name=${this.name} value=${this.value} .form=${this.form} ?required=${this.required} ?multiple=${this.selection === "multiple"} ?loading=${this.treeLoading} @input=${this.handleSearchTermSelectChange} @cx-clear=${this.handleSelectClear} @cx-selected-change=${this.handleTreeSelectedChange} @cx-folder-select-selection-seeded=${this.handleTreeSelectedChange} @cx-folder-select-loading-change=${this.handleTreeLoadingChange} @cx-folder-select-children-loaded=${this.handleTreeChildrenLoaded} allow-freetext><cx-folder-select-tree base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} ?auto-page-size=${this.autoPageSize} .allowedFolders=${this.allowedFolders} .api=${Y(this, C)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree></cx-select>`
       ]
     ])}</div>`;
   }
 };
-T = /* @__PURE__ */ new WeakMap();
+C = /* @__PURE__ */ new WeakMap();
 o.styles = [se, Pe];
 o.dependencies = {
   "cx-folder-select-tree": n,
@@ -1002,7 +1018,7 @@ o = c([
 ], o);
 export {
   o as C,
-  D as F,
+  F,
   H as a,
   oe as s
 };

package/library/chunks/{modal.jdGhujoh.js → modal.Ct0bJBSe.js}

@@ -1,5 +1,5 @@
-import { g as l, a as u } from "./active-elements.jTVWtBDp.js";
-import { g as h } from "./tabbable.BwnZBHrm.js";
+import { g as u, a as h } from "./active-elements.jTVWtBDp.js";
+import { g as l } from "./tabbable.BwnZBHrm.js";
 let i = [];
 function v() {
   return [...i];
@@ -11,11 +11,11 @@ class m {
     }, this.handleKeyDown = (n) => {
       if (n.key !== "Tab" || this.isExternalActivated || !this.isActive())
         return;
-      const o = l();
+      const o = u();
       if (this.previousFocus = o, this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus))
         return;
       n.shiftKey ? this.tabDirection = "backward" : this.tabDirection = "forward";
-      const t = h(this.element);
+      const t = l(this.element);
       let s = t.findIndex(
         (r) => r === o
       );
@@ -30,7 +30,7 @@ class m {
         if (this.tabDirection === "backward" && this.previousFocus && this.possiblyHasTabbableChildren(this.previousFocus) || r && this.possiblyHasTabbableChildren(r))
           return;
         n.preventDefault(), this.currentFocus = r, this.currentFocus?.focus({ preventScroll: !1 });
-        const a = [...u()];
+        const a = [...h()];
         if (a.includes(this.currentFocus) || !a.includes(this.previousFocus))
           break;
       }
@@ -59,10 +59,24 @@ class m {
   deactivateExternal() {
     this.isExternalActivated = !1;
   }
+  /**
+   * Focus counts as inside if either tree says so. `:focus-within` follows the
+   * render tree and covers content slotted in from elsewhere, but stops at the
+   * top layer (e.g. a hoisted listbox in a popover); the active element chain
+   * follows the DOM tree and covers that.
+   */
+  hasFocusInside() {
+    if (this.element.matches(":focus-within"))
+      return !0;
+    for (const e of h())
+      if (this.element === e || this.element.contains(e))
+        return !0;
+    return !1;
+  }
   checkFocus() {
     if (this.isActive() && !this.isExternalActivated) {
-      const e = h(this.element);
-      if (!this.element.matches(":focus-within")) {
+      const e = l(this.element);
+      if (!this.hasFocusInside()) {
         const n = e[0], o = e[e.length - 1], t = this.tabDirection === "forward" ? n : o;
         typeof t?.focus == "function" && (this.currentFocus = t, t.focus({ preventScroll: !1 }));
       }

package/library/chunks/{pagination.TxcRv9BL.js → pagination.CwKlKOek.js}

@@ -10,7 +10,7 @@ import { r as S } from "./state.CSDxrqLd.js";
 import { e as $ } from "./class-map.BiVq-cVR.js";
 import { c as x } from "./repeat.CFjcER6_.js";
 import { n as g } from "./when.Dr1es41R.js";
-import { C as w } from "./button.DDem_XZq.js";
+import { C as w } from "./button.zWaIO1sl.js";
 import { C as v } from "./input.B-c9KEAH.js";
 import { C as I } from "./option.Bvyag0r1.js";
 import B from "../components/select.js";

package/library/chunks/{tab-group.BdWDbwBy.js → tab-group.C_n0GEc_.js}

@@ -17,7 +17,7 @@ import { i as Ji } from "./guard.D4axKaMo.js";
 import { o as tr } from "./map.D8heArFD.js";
 import { o as Ue } from "./style-map.llVFPd__.js";
 import { n as Pe } from "./when.Dr1es41R.js";
-import { C as Yn } from "./button.DDem_XZq.js";
+import { C as Yn } from "./button.zWaIO1sl.js";
 import Xn from "../components/dropdown.js";
 import { C as qn } from "./icon-button.DJvfUmOl.js";
 import Gn from "../components/menu.js";

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

@@ -1,9 +1,9 @@
 import "./cropper.js";
-import "../chunks/button.DDem_XZq.js";
+import "../chunks/button.zWaIO1sl.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.BSo7khRt.js";
+import { C as h } from "../chunks/asset-link-format.BATKDRgD.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.DDem_XZq.js";
+import { C as O } from "../chunks/button.zWaIO1sl.js";
 import { default as E } from "./button-group.js";
 import { default as L } from "./card.js";
 import { default as j } from "./checkbox.js";
@@ -18,9 +18,9 @@ import { default as q } from "./copy-button.js";
 import { default as K } from "./date-calendar.js";
 import { default as W } from "./details.js";
 import { default as Y } from "./diff.js";
-import { C as _ } from "../chunks/dialog.B_v8598F.js";
+import { C as _ } from "../chunks/dialog.BaHYOyYO.js";
 import { default as oe } from "./divider.js";
-import { C as ae } from "../chunks/document-viewer.BT1kp8Ig.js";
+import { C as ae } from "../chunks/document-viewer.B89YB5oo.js";
 import { C as xe } from "../chunks/dot-pagination.BqGFeFXK.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.Bvyag0r1.js";
-import { C as uo } from "../chunks/pagination.TxcRv9BL.js";
+import { C as uo } from "../chunks/pagination.CwKlKOek.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.BdWDbwBy.js";
+import { C as tt } from "../chunks/tab-group.C_n0GEc_.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.DDem_XZq.js";
+import { C as h } from "../chunks/button.zWaIO1sl.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/form.CP9KLGjF.js";
 import "../chunks/i18n.DbXTTLXx.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.BersilzZ.js";
+import "../chunks/button.styles.Bcj_XoRt.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.DDem_XZq.js";
+import { C as B } from "../chunks/button.zWaIO1sl.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.DpzAGKQx.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as v } from "../chunks/color-swatch-group.C_PwK2oY.js";
+import { C as v } from "../chunks/color-swatch-group.CQlgq_I5.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.DDem_XZq.js";
-import "../chunks/dialog.B_v8598F.js";
+import "../chunks/button.zWaIO1sl.js";
+import "../chunks/dialog.BaHYOyYO.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.Cx6BUoTL.js";
+import { C as x } from "../chunks/confirm-popover.hHcCIzpX.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.DbXTTLXx.js";
 import "../chunks/lit-element.jLBm65_O.js";

package/library/components/dialog.js

@@ -1,10 +1,10 @@
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as q } from "../chunks/dialog.B_v8598F.js";
+import { C as q } from "../chunks/dialog.BaHYOyYO.js";
 import "../chunks/event.BeKOsirN.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.DbXTTLXx.js";
-import "../chunks/modal.jdGhujoh.js";
+import "../chunks/modal.Ct0bJBSe.js";
 import "../chunks/scroll.xtO5yojm.js";
 import "../chunks/slot.j5oheLJC.js";
 import "../chunks/watch.DJF5K-8U.js";