@orangelogic/design-system 4.25.0 → 4.26.0

package/library/chunks/{bicolor-picker.CWCWYEwd.js → bicolor-picker.CojUr8VQ.js}

@@ -4,7 +4,7 @@ import { t as o } from "./component.styles.0xM1ZmBs.js";
 import { t as s } from "./custom-element.BEMYNDK1.js";
 import { t as c } from "./style-map.DPGQIxip.js";
 import { t as l } from "./space.Dd8jezXK.js";
-import { t as u } from "./color-picker.4RmqHU3L.js";
+import { t as u } from "./color-picker.C3u13jWP.js";
 //#region ../../packages/molecules/src/bicolor-picker/bicolor-picker.styles.ts
 var d = t``, f = class extends a {
 	constructor(...e) {

package/library/chunks/{block-width.0PyAzdj4.js → block-width.BHqoh68k.js}

@@ -15,7 +15,7 @@ import { t as y } from "./when.BUskJLtZ.js";
 import { t as ie } from "./icon.CeQpEaQz.js";
 import { t as ae } from "./spinner.-79sJ3oo.js";
 import { n as oe } from "./tslib.es6.DJNsMHqv.js";
-import { t as se } from "./src.Bd_MAc58.js";
+import { t as se } from "./src.DOywg1GE.js";
 import { t as ce } from "./style-map.DPGQIxip.js";
 import { t as b } from "./button.CI1tg4c9.js";
 import { E as x, S as le, r as ue } from "./string.DamEXDH2.js";
@@ -33,10 +33,10 @@ import { t as be } from "./checkbox.C6vsHW9n.js";
 import { t as xe } from "./default-value.opqQgoRT.js";
 import { u as Se } from "./gradient.rrDxmV60.js";
 import { t as C } from "./repeat.CKv9FPlC.js";
-import { t as Ce } from "./dropdown.BSnnwEoA.js";
+import { t as Ce } from "./dropdown.CLzQHntD.js";
 import { t as we } from "./tabbable.Bflg1dha.js";
 import { t as w } from "./input.B3HfssSr.js";
-import { t as Te } from "./menu.CsKDyzJq.js";
+import { t as Te } from "./menu.DDiovK72.js";
 import { t as Ee } from "./menu-item.DS4-vQe3.js";
 import { n as De, r as Oe, t as ke } from "./ref.CU1NC5AM.js";
 import { t as Ae } from "./textarea.Bc4eCJgT.js";
@@ -44,11 +44,11 @@ import { n as je, t as T } from "./option.wsYX6Pp-.js";
 import { t as E } from "./space.Dd8jezXK.js";
 import { t as D } from "./select.CPCSCV1h.js";
 import { t as Me } from "./tab.C2OFvGGj.js";
-import { t as Ne } from "./tab-group.Bw2Rp1W9.js";
+import { t as Ne } from "./tab-group.kPeSvnQU.js";
 import { t as Pe } from "./map.ByDuLduF.js";
 import { t as Fe } from "./tab-panel.BxeoKuSv.js";
 import { t as Ie } from "./visually-hidden.Bv3SInZp.js";
-import { t as Le } from "./color-picker.4RmqHU3L.js";
+import { t as Le } from "./color-picker.C3u13jWP.js";
 import { a as Re, i as ze, n as Be, o as Ve, r as He, s as Ue, t as O } from "./dialog.Dw-WUyD8.js";
 import { t as We } from "./divider.CqSNZCU8.js";
 import { f as Ge } from "./url.CZO_DV8Y.js";
@@ -65,9 +65,9 @@ import { t as ft } from "./radio-card.DPIcsAW9.js";
 import { t as pt } from "./radio-group.DKOIr2PH.js";
 import { t as mt } from "./switch.D6KXmWnC.js";
 import { t as ht } from "./v4.JyXW8GUB.js";
-import { t as gt } from "./bicolor-picker.CWCWYEwd.js";
-import { t as _t } from "./border-input-group.BL2Ur2wF.js";
-import { n as vt, t as yt } from "./confirm-popover.CAi2Ss8x.js";
+import { t as gt } from "./bicolor-picker.CojUr8VQ.js";
+import { t as _t } from "./border-input-group.hX_u5As5.js";
+import { n as vt, t as yt } from "./confirm-popover.Ca_p-aec.js";
 import { t as bt } from "./corner-position-input-group.B6oea4JC.js";
 import { t as xt } from "./cropper.D4ymxgab.js";
 import { t as St } from "./dynamic-select.C18Su1Hi.js";
@@ -76,11 +76,11 @@ import { t as Tt } from "./choose.C2vpqhLc.js";
 import { t as Et } from "./masonry.D7YK0FcU.js";
 import { t as Dt } from "./padding-input-group.DKIv6567.js";
 import { t as Ot } from "./position-picker.CyXlSYCi.js";
-import { t as kt } from "./shadow-input-group.CRW-REDm.js";
+import { t as kt } from "./shadow-input-group.CyzUfNfD.js";
 import { t as At } from "./size-input-group.BUyxMiGb.js";
 import { C as jt, S as Mt, T as Nt, _ as Pt, b as Ft, c as It, f as Lt, g as Rt, h as zt, i as Bt, l as Vt, n as Ht, o as Ut, p as Wt, r as Gt, s as Kt, t as qt, u as Jt, v as Yt, w as Xt, x as Zt, y as Qt } from "./asset-link-format.CyUiMsk0.js";
-import { c as $t, d as en, f as tn, n as nn, u as rn } from "./color-swatch-group.DBw5rGgv.js";
-import { B as an, C as on, H as sn, J as cn, P as ln, Q as un, R as dn, U as fn, V as pn, X as mn, Y as F, Z as I, f as hn, g as gn, k as L, p as _n, y as vn, z as yn } from "./configs-controller.uHeyuYLg.js";
+import { c as $t, d as en, f as tn, n as nn, u as rn } from "./color-swatch-group.D4KGIN_7.js";
+import { B as an, C as on, H as sn, J as cn, P as ln, Q as un, R as dn, U as fn, V as pn, X as mn, Y as F, Z as I, f as hn, g as gn, k as L, p as _n, y as vn, z as yn } from "./configs-controller.CfLKthEL.js";
 import { a as bn } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../packages/types/src/icon-picker.ts
 var xn = /* @__PURE__ */ function(e) {

package/library/chunks/{border-input-group.BL2Ur2wF.js → border-input-group.hX_u5As5.js}

@@ -5,7 +5,7 @@ import { t as s } from "./custom-element.BEMYNDK1.js";
 import { t as c } from "./i18n.BMXeDUpk.js";
 import { t as l } from "./input.B3HfssSr.js";
 import { t as u } from "./space.Dd8jezXK.js";
-import { t as d } from "./bicolor-picker.CWCWYEwd.js";
+import { t as d } from "./bicolor-picker.CojUr8VQ.js";
 //#region ../../packages/molecules/src/border-input-group/border-input-group.styles.ts
 var f = t`.border-width{width:72px}`, p = class extends a {
 	constructor(...e) {

package/library/chunks/{color-picker.4RmqHU3L.js → color-picker.C3u13jWP.js}

@@ -23,12 +23,12 @@ import { c as w, d as T, f as E, i as D, n as O, o as k, s as ne, u as A } from
 import { t as j } from "./drag.s0AcVpKh.js";
 import { t as M } from "./math.od1DVmRk.js";
 import { t as N } from "./repeat.CKv9FPlC.js";
-import { t as P } from "./dropdown.BSnnwEoA.js";
+import { t as P } from "./dropdown.CLzQHntD.js";
 import { t as F } from "./input.B3HfssSr.js";
 import { t as I } from "./option.wsYX6Pp-.js";
 import { t as L } from "./select.CPCSCV1h.js";
 import { t as R } from "./tab.C2OFvGGj.js";
-import { t as z } from "./tab-group.Bw2Rp1W9.js";
+import { t as z } from "./tab-group.kPeSvnQU.js";
 import { t as B } from "./tab-panel.BxeoKuSv.js";
 import { t as V } from "./visually-hidden.Bv3SInZp.js";
 //#region ../../packages/atoms/src/components/color-picker/color-picker.styles.ts

package/library/chunks/{color-swatch-group.DBw5rGgv.js → color-swatch-group.D4KGIN_7.js}

@@ -27,9 +27,9 @@ import { n as le, t as ue } from "./typography.B0mkhqTB.js";
 import { t as de } from "./badge.H_UuxPXn.js";
 import { t as fe } from "./checkbox.C6vsHW9n.js";
 import { t as pe } from "./repeat.CKv9FPlC.js";
-import { t as me } from "./dropdown.BSnnwEoA.js";
+import { t as me } from "./dropdown.CLzQHntD.js";
 import { t as he } from "./input.B3HfssSr.js";
-import { t as ge } from "./menu.CsKDyzJq.js";
+import { t as ge } from "./menu.DDiovK72.js";
 import { t as _e } from "./menu-item.DS4-vQe3.js";
 import { t as ve } from "./space.Dd8jezXK.js";
 import { t as ye } from "./unsafe-html.Cb838aX7.js";

package/library/chunks/{config-manager.CgARMYCv.js → config-manager._UPFF51v.js}

@@ -14,16 +14,16 @@ import { t as b } from "./style-map.DPGQIxip.js";
 import { t as x } from "./button.CI1tg4c9.js";
 import { t as ee } from "./tooltip.CGCOh4cQ.js";
 import { t as te } from "./line-clamp.DlenWria.js";
-import { C as ne, D as re, E as ie, O as ae, S as oe, T as se, _ as ce, a as le, b as ue, c as de, g as fe, i as pe, l as me, n as he, o as ge, s as S, t as C, v as w, w as T, x as E, y as D } from "./block-width.0PyAzdj4.js";
+import { C as ne, D as re, E as ie, O as ae, S as oe, T as se, _ as ce, a as le, b as ue, c as de, g as fe, i as pe, l as me, n as he, o as ge, s as S, t as C, v as w, w as T, x as E, y as D } from "./block-width.BHqoh68k.js";
 import { t as O } from "./typography.B0mkhqTB.js";
 import { t as k } from "./button-group.CPfXrqyq.js";
 import { t as A } from "./card.3c-X4hqR.js";
 import { t as j } from "./checkbox.C6vsHW9n.js";
 import { a as M, c as N, i as P, n as F, o as I, s as L } from "./directive-helpers.BuvXXfwA.js";
 import { t as R } from "./repeat.CKv9FPlC.js";
-import { t as _e } from "./dropdown.BSnnwEoA.js";
+import { t as _e } from "./dropdown.CLzQHntD.js";
 import { t as ve } from "./input.B3HfssSr.js";
-import { t as ye } from "./menu.CsKDyzJq.js";
+import { t as ye } from "./menu.DDiovK72.js";
 import { t as be } from "./menu-item.DS4-vQe3.js";
 import { n as xe, t as Se } from "./ref.CU1NC5AM.js";
 import { t as Ce } from "./textarea.Bc4eCJgT.js";
@@ -31,7 +31,7 @@ import { t as we } from "./option.wsYX6Pp-.js";
 import { t as Te } from "./space.Dd8jezXK.js";
 import { t as Ee } from "./select.CPCSCV1h.js";
 import { t as De } from "./tab.C2OFvGGj.js";
-import { t as z } from "./tab-group.Bw2Rp1W9.js";
+import { t as z } from "./tab-group.kPeSvnQU.js";
 import { t as Oe } from "./map.ByDuLduF.js";
 import { t as ke } from "./tab-panel.BxeoKuSv.js";
 import { t as Ae } from "./visually-hidden.Bv3SInZp.js";
@@ -47,9 +47,9 @@ import { t as Re } from "./radio.DhPbmKbQ.js";
 import { t as ze } from "./radio-card.DPIcsAW9.js";
 import { t as Be } from "./radio-group.DKOIr2PH.js";
 import { t as Ve } from "./switch.D6KXmWnC.js";
-import { t as He } from "./bicolor-picker.CWCWYEwd.js";
-import { t as Ue } from "./border-input-group.BL2Ur2wF.js";
-import { n as We, t as U } from "./confirm-popover.CAi2Ss8x.js";
+import { t as He } from "./bicolor-picker.CojUr8VQ.js";
+import { t as Ue } from "./border-input-group.hX_u5As5.js";
+import { n as We, t as U } from "./confirm-popover.Ca_p-aec.js";
 import { t as Ge } from "./corner-position-input-group.B6oea4JC.js";
 import { t as W } from "./_baseIteratee.DWc2-Bvm.js";
 import { t as Ke } from "./dynamic-select.C18Su1Hi.js";
@@ -57,13 +57,13 @@ import { r as G } from "./folder-select.i1Map6Gy.js";
 import { t as qe } from "./choose.C2vpqhLc.js";
 import { t as Je } from "./padding-input-group.DKIv6567.js";
 import { t as Ye } from "./position-picker.CyXlSYCi.js";
-import { t as Xe } from "./shadow-input-group.CRW-REDm.js";
+import { t as Xe } from "./shadow-input-group.CyzUfNfD.js";
 import { t as Ze } from "./size-input-group.BUyxMiGb.js";
 import { T as K } from "./asset-link-format.CyUiMsk0.js";
 import { n as Qe } from "./_baseXor.Ca5K0ORC.js";
 import { n as $e, s as et, t as q } from "./isArrayLikeObject.Da3IzQeH.js";
 import { i as tt } from "./_baseClone.CnI5Vpqn.js";
-import { C as nt, i as rt, o as J, t as it } from "./configs-controller.uHeyuYLg.js";
+import { C as nt, i as rt, o as J, t as it } from "./configs-controller.CfLKthEL.js";
 import { t as at } from "./isEmpty.D3QQduJ5.js";
 import { i as ot } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../node_modules/lodash-es/difference.js

package/library/chunks/{configs-controller.uHeyuYLg.js → configs-controller.CfLKthEL.js}

@@ -5,18 +5,18 @@ import { a as o, c as s, i as c, l, o as u, s as d } from "./resizable-component
 import { D as f, E as p, O as m, u as h } from "./string.DamEXDH2.js";
 import { n as g } from "./position-picker.dY_vgF_H.js";
 import { a as _, n as v, o as ee, s as y } from "./src.BJhIYoMP.js";
-import { a as te, i as ne, r as re } from "./tab-group.Bw2Rp1W9.js";
+import { a as te, i as ne, r as re } from "./tab-group.kPeSvnQU.js";
 import { t as ie } from "./parse.CDrJ-NY7.js";
 import { t as ae } from "./toString.r2ImdBrm.js";
 import { t as oe } from "./capitalize.BT_EavGy.js";
-import { a as se, i as ce, n as le, r as ue } from "./document-viewer.zlfXjbFZ.js";
+import { a as se, i as ce, n as le, r as ue } from "./document-viewer.DvSw5R7C.js";
 import { f as de, l as fe } from "./url.CZO_DV8Y.js";
 import { _ as pe, g as me, p as he, v as ge } from "./color.CIOzHtLK.js";
 import { g as _e, m as b, p as ve, s as x } from "./responsive.L9Csz2w2.js";
 import { n as ye, r as be } from "./header.qIpzHeNc.js";
 import { d as xe, f as S, l as C, o as w, s as Se } from "./endpoints.jOHOmF_t.js";
 import { n as Ce } from "./folder-select.i1Map6Gy.js";
-import { a as T, i as E, o as D, r as O, s as we } from "./color-swatch-group.DBw5rGgv.js";
+import { a as T, i as E, o as D, r as O, s as we } from "./color-swatch-group.D4KGIN_7.js";
 import { n as Te } from "./isEmpty.D3QQduJ5.js";
 import { a as k } from "./cloneDeep.C6x5LNv3.js";
 //#region ../../packages/services/src/api/dashboard/dashboard.ts

package/library/chunks/{confirm-popover.CAi2Ss8x.js → confirm-popover.Ca_p-aec.js}

@@ -7,7 +7,7 @@ import { t as l } from "./i18n.BMXeDUpk.js";
 import { t as u } from "./class-map.D8nsNOVJ.js";
 import { t as d } from "./button.CI1tg4c9.js";
 import { t as f } from "./typography.B0mkhqTB.js";
-import { t as p } from "./dropdown.BSnnwEoA.js";
+import { t as p } from "./dropdown.CLzQHntD.js";
 import { o as m, t as h } from "./dialog.Dw-WUyD8.js";
 //#region ../../packages/types/src/confirm-popover.ts
 var g = /* @__PURE__ */ function(e) {

package/library/chunks/{document-viewer.zlfXjbFZ.js → document-viewer.DvSw5R7C.js}

@@ -17,10 +17,10 @@ import { t as tooltip_default } from "./tooltip.CGCOh4cQ.js";
 import { t as resize_observer_default } from "./resize-observer.D9EHlnZI.js";
 import { a as ObjectFit } from "./src.BJhIYoMP.js";
 import { t as typography_default } from "./typography.B0mkhqTB.js";
-import { t as dropdown_default } from "./dropdown.BSnnwEoA.js";
+import { t as dropdown_default } from "./dropdown.CLzQHntD.js";
 import { t as focusWhenVisible } from "./focus-when-visible.DKscgyKo.js";
 import { t as input_default } from "./input.B3HfssSr.js";
-import { t as menu_default } from "./menu.CsKDyzJq.js";
+import { t as menu_default } from "./menu.DDiovK72.js";
 import { t as menu_item_default } from "./menu-item.DS4-vQe3.js";
 import { t as drawer_default } from "./drawer.tfa9-G6a.js";
 import { t as progress_bar_default } from "./progress-bar.Cp8jz3Cn.js";

package/library/chunks/{dropdown.BSnnwEoA.js → dropdown.CLzQHntD.js}

@@ -14,7 +14,7 @@ import { t as y } from "./if-defined.B29V_rEp.js";
 import { t as b } from "./focus-when-visible.DKscgyKo.js";
 import { t as x } from "./tabbable.Bflg1dha.js";
 import { t as S } from "./input.B3HfssSr.js";
-import { t as C } from "./menu.CsKDyzJq.js";
+import { t as C } from "./menu.DDiovK72.js";
 import { t as w } from "./textarea.Bc4eCJgT.js";
 //#region ../../packages/utils/src/custom-element/escapable-overlays.ts
 var T = [], E = class {
@@ -37,7 +37,7 @@ var T = [], E = class {
 		return this.hoist ? document.body : void 0;
 	}
 	constructor() {
-		super(), this.escapableOverlay = new E(this), this.localize = new p(this), this.hasSlotController = new m(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.handleDocumentFocusIn = this.handleDocumentFocusIn.bind(this), this.handlePanelSelect = this.handlePanelSelect.bind(this);
+		super(), this.escapableOverlay = new E(this), this.localize = new p(this), this.hasSlotController = new m(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);
 	}
 	connectedUpdatedCallback() {
 		this.containingElement ??= this, this.panel.hidden = !this.open || !this.hasSlotController.test("[default]"), this.updateAccessibleTrigger(), this.open && (this.addOpenListeners(), this.popup.active = !0);
@@ -56,16 +56,14 @@ var T = [], E = class {
 		this.open && e.key === "Escape" && (e.stopPropagation(), this.hide(), this.focusOnTrigger());
 	}
 	handleDocumentKeyDown(e) {
-		e.key === "Escape" && this.open && (e.stopPropagation(), this.focusOnTrigger(), this.hide());
+		e.key === "Escape" && this.open && (e.stopPropagation(), this.focusOnTrigger(), this.hide()), e.key === "Tab" && this.open && requestAnimationFrame(() => {
+			this.containingElement?.matches(":focus-within") || this.hide();
+		});
 	}
 	handleDocumentMouseDown(e) {
 		let t = e.composedPath();
 		this.containingElement && !t.includes(this.containingElement) && this.hide();
 	}
-	handleDocumentFocusIn(e) {
-		let t = e.composedPath();
-		this.containingElement && !t.includes(this.containingElement) && this.hide();
-	}
 	handlePanelSelect(e) {
 		let t = e.target;
 		!this.stayOpenOnSelect && t.tagName.toLowerCase() === "cx-menu" && (this.hide(), this.focusOnTrigger());
@@ -136,10 +134,10 @@ var T = [], E = class {
 	addOpenListeners() {
 		this.escapableOverlay.activate(), this.panel.addEventListener("cx-select", this.handlePanelSelect), "CloseWatcher" in globalThis ? (this.closeWatcher?.destroy(), this.closeWatcher = new CloseWatcher(), this.closeWatcher.onclose = () => {
 			this.hide(), this.focusOnTrigger();
-		}) : this.panel.addEventListener("keydown", this.handleKeyDown), document.addEventListener("keydown", this.handleDocumentKeyDown), document.addEventListener("mousedown", this.handleDocumentMouseDown), document.addEventListener("focusin", this.handleDocumentFocusIn);
+		}) : this.panel.addEventListener("keydown", this.handleKeyDown), document.addEventListener("keydown", this.handleDocumentKeyDown), document.addEventListener("mousedown", this.handleDocumentMouseDown, !0);
 	}
 	removeOpenListeners() {
-		this.panel && (this.panel.removeEventListener("cx-select", this.handlePanelSelect), this.panel.removeEventListener("keydown", this.handleKeyDown)), document.removeEventListener("keydown", this.handleDocumentKeyDown), document.removeEventListener("mousedown", this.handleDocumentMouseDown), document.removeEventListener("focusin", this.handleDocumentFocusIn), this.closeWatcher?.destroy(), this.escapableOverlay.deactivate();
+		this.panel && (this.panel.removeEventListener("cx-select", this.handlePanelSelect), this.panel.removeEventListener("keydown", this.handleKeyDown)), document.removeEventListener("keydown", this.handleDocumentKeyDown), document.removeEventListener("mousedown", this.handleDocumentMouseDown, !0), this.closeWatcher?.destroy(), this.escapableOverlay.deactivate();
 	}
 	async handleOpenChange() {
 		if (this.disabled) {

package/library/chunks/{file-on-demand.C8wT6osZ.js → file-on-demand._LRRo_VV.js}

@@ -25,7 +25,7 @@ import { t as oe } from "./option.wsYX6Pp-.js";
 import { t as se } from "./space.Dd8jezXK.js";
 import { t as ce } from "./select.CPCSCV1h.js";
 import { t as le } from "./tab.C2OFvGGj.js";
-import { t as T } from "./tab-group.Bw2Rp1W9.js";
+import { t as T } from "./tab-group.kPeSvnQU.js";
 import { t as ue } from "./tab-panel.BxeoKuSv.js";
 import { t as E } from "./dialog.Dw-WUyD8.js";
 import { t as de } from "./divider.CqSNZCU8.js";
@@ -34,7 +34,7 @@ import { o as D, u as O } from "./url.CZO_DV8Y.js";
 import k from "../components/format-bytes.js";
 import { t as pe } from "./relative-time.5fu63h4C.js";
 import { a as A, i as me, n as he, t as j } from "./tree.BZvt8Ol0.js";
-import { t as ge } from "./confirm-popover.CAi2Ss8x.js";
+import { t as ge } from "./confirm-popover.Ca_p-aec.js";
 import { t as _e } from "./_baseIteratee.DWc2-Bvm.js";
 import { t as ve } from "./choose.C2vpqhLc.js";
 import { t as ye } from "./_baseXor.Ca5K0ORC.js";

package/library/chunks/{menu.CsKDyzJq.js → menu.DDiovK72.js}

@@ -11,12 +11,12 @@ var m = /* @__PURE__ */ function(e) {
 	return e.Default = "default", e.Multiple = "multiple", e;
 }({}), h = t`:host{background:var(--cx-panel-background-color);border:solid var(--cx-panel-border-width) var(--cx-panel-border-color);border-radius:var(--cx-panel-border-radius,var(--cx-border-radius-large));padding:var(--cx-panel-padding,var(--cx-spacing-x-small) 0);--divider-color:var(--cx-panel-border-color);--divider-width:var(--cx-panel-border-width);--divider-spacing:var(--cx-spacing-x-small);display:block;position:relative;overflow:auto}:host([horizontal]){padding:0 var(--cx-spacing-x-small);flex-wrap:wrap;justify-content:space-between;display:flex}::slotted(cx-divider){--color:var(--divider-color);--width:var(--divider-width);--spacing:var(--divider-spacing)}::slotted([data-alternating-grouping]):before{content:" ";background-color:var(--divider-color);margin:var(--divider-spacing) 0;height:var(--divider-width);display:block}::slotted([data-alternating-grouping=horizontal]):before{height:100%;margin:0 var(--divider-spacing);width:var(--divider-width);display:inline-block}:host([horizontal]) ::slotted(cx-menu-section){flex-wrap:wrap;justify-content:space-between;display:flex}:host([horizontal]) ::slotted(cx-menu-item){display:flex}:host([variant=multiple]){position:relative;overflow:hidden}:host([variant=multiple]) ::slotted(cx-menu[name]){opacity:0;pointer-events:none;transition:opacity var(--cx-transition-fast) ease-in-out, transform var(--cx-transition-medium) ease-in-out;border:none;top:0;left:0;transform:translate(-50%);position:absolute!important}:host([variant=multiple]) ::slotted(cx-menu[active]){opacity:1;pointer-events:auto;transform:translate(0)}.back__button::part(checked-icon),.back__button::part(submenu-icon){display:none}.back__divider{--spacing:var(--cx-spacing-x-small)}`, g;
 function _(e) {
-	return e.tagName.toLowerCase() === "cx-menu" && e instanceof v && e.getAttribute("role") === "menu";
+	return e.tagName.toLowerCase() === "cx-menu" && e instanceof v && e.getAttribute("role") === "menu" && !e.inert;
 }
 var v = class extends o {
 	static #e = g = this;
 	constructor(...e) {
-		super(...e), this.localize = new u(this), this.horizontal = !1, this.variant = m.Default, this.active = !1, this.name = "", this.back = "", this.default = !1, this.bubbleKeyDown = !1, this.ignoredKeys = [], this.disabledTabLoop = !1, this.noUncheck = !1, this.resizeObserver = null, this.slotMutationObserver = null;
+		super(...e), this.localize = new u(this), this.horizontal = !1, this.variant = m.Default, this.active = !1, this.name = "", this.back = "", this.default = !1, this.bubbleKeyDown = !1, this.ignoredKeys = [], this.noUncheck = !1, this.resizeObserver = null, this.slotMutationObserver = null;
 	}
 	static #t = this.styles = [c, h];
 	connectedCallback() {
@@ -55,7 +55,7 @@ var v = class extends o {
 			"menuitemradio"
 		], n = e.composedPath(), r = n.find((e) => t.includes(e?.getAttribute?.("role") || ""));
 		if (!r) return;
-		let i = r.menu;
+		let i = r.getAttribute("menu");
 		if (i) {
 			this.setActiveMenu(i);
 			return;
@@ -112,7 +112,7 @@ var v = class extends o {
 					}
 					i = 0;
 				}
-				if (i < 0 && !this.disabledTabLoop) {
+				if (i < 0) {
 					e.preventDefault();
 					let t = this.previousElementSibling;
 					for (; t && !_(t);) t = t.previousElementSibling;
@@ -135,7 +135,7 @@ var v = class extends o {
 						i = 0;
 					}
 				}
-				if (i > t.length - 1 && !this.disabledTabLoop) {
+				if (i > t.length - 1) {
 					e.preventDefault();
 					let t = this.nextElementSibling;
 					for (; t && !_(t);) t = t.nextElementSibling;
@@ -198,8 +198,12 @@ var v = class extends o {
 			"menuitemradio"
 		].includes(e.getAttribute("role") ?? "") : !1;
 	}
+	focusPanelTabStop(e) {
+		let t = e.getAllItems();
+		(t.find((e) => e.getAttribute("tabindex") === "0") ?? t[0])?.focus({ preventScroll: !0 });
+	}
 	getAllItems() {
-		return this.defaultSlot.assignedElements({ flatten: !0 }).flatMap((e) => {
+		return [this.backSlot, this.defaultSlot].flatMap((e) => e?.assignedElements({ flatten: !0 }) ?? []).flatMap((e) => e.slot === "back-button" && !this.isMenuItem(e) ? [...e.children] : e).flatMap((e) => {
 			if (this.isMenuSection(e)) {
 				let t = e.shadowRoot?.querySelector("slot");
 				return t ? [...t.assignedElements({ flatten: !0 })] : [];
@@ -211,12 +215,14 @@ var v = class extends o {
 		return [...this.querySelectorAll("cx-menu")];
 	}
 	setActiveMenu(e) {
-		let t = this.getAllSubMenus(), n = null;
+		let t = this.getAllSubMenus(), n = this.variant === m.Multiple, r = n && this.matches(":focus-within"), i = null;
 		t.forEach((t) => {
-			t.name === e ? (t.active = !0, n = t) : t.active = !1;
-		}), this.adjustMenuSize(), n && (this.resizeObserver &&= (this.resizeObserver.disconnect(), null), this.resizeObserver = new ResizeObserver(() => {
+			t.name === e ? (t.active = !0, i = t) : t.active = !1;
+		}), this.adjustMenuSize(), i && (this.resizeObserver &&= (this.resizeObserver.disconnect(), null), this.resizeObserver = new ResizeObserver(() => {
 			this.adjustMenuSize();
-		}), this.resizeObserver.observe(n));
+		}), this.resizeObserver.observe(i), r && (i.inert = !1, this.focusPanelTabStop(i))), n && t.forEach((e) => {
+			e.parentElement === this && (e.inert = !e.active);
+		});
 	}
 	async adjustMenuSize(e = 250) {
 		let t = this.getActiveMenu();
@@ -247,11 +253,11 @@ var v = class extends o {
 		this.setRovingTabIndex(e);
 	}
 	render() {
-		let t = d(this.back, () => e`<slot name="back-button" role="menuitem" menu=${this.back}><cx-menu-item part="back-button" class="back__button" menu=${this.back}><cx-icon slot="prefix" name="chevron_left"></cx-icon>${this.localize.term("back")}</cx-menu-item><cx-divider class="back__divider"></cx-divider></slot>`);
+		let t = d(this.back, () => e`<slot name="back-button" role="menuitem" menu=${this.back} @slotchange=${this.handleSlotChange} @keydown=${this.handleKeyDown}><cx-menu-item part="back-button" class="back__button" menu=${this.back}><cx-icon slot="prefix" name="chevron_left"></cx-icon>${this.localize.term("back")}</cx-menu-item><cx-divider class="back__divider"></cx-divider></slot>`);
 		return this.variant, m.Multiple, e`${t}<slot @slotchange=${this.handleSlotChange} @click=${this.handleClick} @keydown=${this.handleKeyDown} @mousedown=${this.handleMouseDown}></slot>`;
 	}
 };
-i([s("slot:not([name])"), a("design:type", typeof HTMLSlotElement > "u" ? Object : HTMLSlotElement)], v.prototype, "defaultSlot", void 0), i([n({ type: Boolean }), a("design:type", Object)], v.prototype, "horizontal", void 0), i([n({ reflect: !0 }), a("design:type", Object)], v.prototype, "variant", void 0), i([n({
+i([s("slot:not([name])"), a("design:type", typeof HTMLSlotElement > "u" ? Object : HTMLSlotElement)], v.prototype, "defaultSlot", void 0), i([s("slot[name=\"back-button\"]"), a("design:type", Object)], v.prototype, "backSlot", void 0), i([n({ type: Boolean }), a("design:type", Object)], v.prototype, "horizontal", void 0), i([n({ reflect: !0 }), a("design:type", Object)], v.prototype, "variant", void 0), i([n({
 	reflect: !0,
 	type: Boolean
 }), a("design:type", Object)], v.prototype, "active", void 0), i([n({ reflect: !0 }), a("design:type", Object)], v.prototype, "name", void 0), i([n({ reflect: !0 }), a("design:type", Object)], v.prototype, "back", void 0), i([n({
@@ -269,10 +275,6 @@ i([s("slot:not([name])"), a("design:type", typeof HTMLSlotElement > "u" ? Object
 	},
 	type: String
 }), a("design:type", Array)], v.prototype, "ignoredKeys", void 0), i([n({
-	attribute: "disabled-tab-loop",
-	reflect: !0,
-	type: Boolean
-}), a("design:type", Object)], v.prototype, "disabledTabLoop", void 0), i([n({
 	attribute: "no-uncheck",
 	reflect: !0,
 	type: Boolean

package/library/chunks/{shadow-input-group.CRW-REDm.js → shadow-input-group.CyzUfNfD.js}

@@ -6,7 +6,7 @@ import { t as c } from "./repeat.CKv9FPlC.js";
 import { t as l } from "./input.B3HfssSr.js";
 import { t as u } from "./space.Dd8jezXK.js";
 import { t as d } from "./input-group.Dmd8XcxL.js";
-import { t as f } from "./bicolor-picker.CWCWYEwd.js";
+import { t as f } from "./bicolor-picker.CojUr8VQ.js";
 //#region ../../packages/molecules/src/shadow-input-group/shadow-input-group.styles.ts
 var p = t``, m = class extends a {
 	constructor(...e) {

package/library/chunks/{src.Bd_MAc58.js → src.DOywg1GE.js}

@@ -23,19 +23,19 @@ import "./breadcrumb-item.nHAFmgtO.js";
 import "./button-group.CPfXrqyq.js";
 import "./card.3c-X4hqR.js";
 import "./checkbox.C6vsHW9n.js";
-import "./dropdown.BSnnwEoA.js";
+import "./dropdown.CLzQHntD.js";
 import "./input.B3HfssSr.js";
-import "./menu.CsKDyzJq.js";
+import "./menu.DDiovK72.js";
 import "./menu-item.DS4-vQe3.js";
 import "./textarea.Bc4eCJgT.js";
 import "./option.wsYX6Pp-.js";
 import "./space.Dd8jezXK.js";
 import "./select.CPCSCV1h.js";
 import "./tab.C2OFvGGj.js";
-import "./tab-group.Bw2Rp1W9.js";
+import "./tab-group.kPeSvnQU.js";
 import "./tab-panel.BxeoKuSv.js";
 import "./visually-hidden.Bv3SInZp.js";
-import "./color-picker.4RmqHU3L.js";
+import "./color-picker.C3u13jWP.js";
 import "./copy-button.BLHge7EN.js";
 import "./date-calendar.UWxXkZCn.js";
 import "./details.DLqFxjTf.js";
@@ -44,7 +44,7 @@ import "./divider.CqSNZCU8.js";
 import "./diff.C5J0fzbu.js";
 import "./drawer.tfa9-G6a.js";
 import "./progress-bar.Cp8jz3Cn.js";
-import "./document-viewer.zlfXjbFZ.js";
+import "./document-viewer.DvSw5R7C.js";
 import "./image.DzFSYcXq.js";
 import "./skeleton.BtwugOTG.js";
 import "./dot-pagination.CSSalEx6.js";

package/library/chunks/{tab-group.Bw2Rp1W9.js → tab-group.kPeSvnQU.js}

@@ -14,8 +14,8 @@ import { t as _ } from "./style-map.DPGQIxip.js";
 import { t as v } from "./button.CI1tg4c9.js";
 import { d as y } from "./dom.dDaS97WU.js";
 import { t as b } from "./resize-observer.D9EHlnZI.js";
-import { t as x } from "./dropdown.BSnnwEoA.js";
-import { t as S } from "./menu.CsKDyzJq.js";
+import { t as x } from "./dropdown.CLzQHntD.js";
+import { t as S } from "./menu.DDiovK72.js";
 import { t as C } from "./menu-item.DS4-vQe3.js";
 import { n as w } from "./scroll.CEH_a4pm.js";
 import { t as T } from "./tab.C2OFvGGj.js";

package/library/components/atoms.js

@@ -8,7 +8,7 @@ import { t as c } from "../chunks/alert.CuW7fOVy.js";
 import { t as l } from "../chunks/am-chart.COOKOvT1.js";
 import { t as u } from "../chunks/animated-image.w6VdagCh.js";
 import { t as d } from "../chunks/animation.CRLxJUWm.js";
-import { n as f, r as p, t as m } from "../chunks/src.Bd_MAc58.js";
+import { n as f, r as p, t as m } from "../chunks/src.DOywg1GE.js";
 import { t as h } from "../chunks/button.CI1tg4c9.js";
 import { t as g } from "../chunks/tooltip.CGCOh4cQ.js";
 import { t as _ } from "../chunks/resize-observer.D9EHlnZI.js";
@@ -25,19 +25,19 @@ import { t as D } from "../chunks/breadcrumb-item.nHAFmgtO.js";
 import { t as O } from "../chunks/button-group.CPfXrqyq.js";
 import { t as k } from "../chunks/card.3c-X4hqR.js";
 import { t as A } from "../chunks/checkbox.C6vsHW9n.js";
-import { t as j } from "../chunks/dropdown.BSnnwEoA.js";
+import { t as j } from "../chunks/dropdown.CLzQHntD.js";
 import { t as M } from "../chunks/input.B3HfssSr.js";
-import { t as N } from "../chunks/menu.CsKDyzJq.js";
+import { t as N } from "../chunks/menu.DDiovK72.js";
 import { t as P } from "../chunks/menu-item.DS4-vQe3.js";
 import { t as F } from "../chunks/textarea.Bc4eCJgT.js";
 import { t as I } from "../chunks/option.wsYX6Pp-.js";
 import { t as L } from "../chunks/space.Dd8jezXK.js";
 import { t as R } from "../chunks/select.CPCSCV1h.js";
 import { t as z } from "../chunks/tab.C2OFvGGj.js";
-import { t as B } from "../chunks/tab-group.Bw2Rp1W9.js";
+import { t as B } from "../chunks/tab-group.kPeSvnQU.js";
 import { t as V } from "../chunks/tab-panel.BxeoKuSv.js";
 import { t as H } from "../chunks/visually-hidden.Bv3SInZp.js";
-import { t as U } from "../chunks/color-picker.4RmqHU3L.js";
+import { t as U } from "../chunks/color-picker.C3u13jWP.js";
 import { t as W } from "../chunks/copy-button.BLHge7EN.js";
 import { t as G } from "../chunks/date-calendar.UWxXkZCn.js";
 import { t as K } from "../chunks/details.DLqFxjTf.js";
@@ -46,7 +46,7 @@ import { t as J } from "../chunks/divider.CqSNZCU8.js";
 import { t as Y } from "../chunks/diff.C5J0fzbu.js";
 import { t as X } from "../chunks/drawer.tfa9-G6a.js";
 import { t as Z } from "../chunks/progress-bar.Cp8jz3Cn.js";
-import { t as Q } from "../chunks/document-viewer.zlfXjbFZ.js";
+import { t as Q } from "../chunks/document-viewer.DvSw5R7C.js";
 import { t as $ } from "../chunks/image.DzFSYcXq.js";
 import { t as ee } from "../chunks/skeleton.BtwugOTG.js";
 import { t as te } from "../chunks/dot-pagination.CSSalEx6.js";

package/library/components/bicolor-picker.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/bicolor-picker.CWCWYEwd.js";
+import { t as e } from "../chunks/bicolor-picker.CojUr8VQ.js";
 export { e as default };

package/library/components/border-input-group.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/border-input-group.BL2Ur2wF.js";
+import { t as e } from "../chunks/border-input-group.hX_u5As5.js";
 export { e as default };

package/library/components/color-picker.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/color-picker.4RmqHU3L.js";
+import { t as e } from "../chunks/color-picker.C3u13jWP.js";
 export { e as default };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/color-swatch-group.DBw5rGgv.js";
+import { t as e } from "../chunks/color-swatch-group.D4KGIN_7.js";
 export { e as default };

package/library/components/confirm-popover.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/confirm-popover.CAi2Ss8x.js";
+import { t as e } from "../chunks/confirm-popover.Ca_p-aec.js";
 export { e as default };

package/library/components/document-viewer.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/document-viewer.zlfXjbFZ.js";
+import { t as e } from "../chunks/document-viewer.DvSw5R7C.js";
 export { e as default };

package/library/components/dropdown.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/dropdown.BSnnwEoA.js";
+import { t as e } from "../chunks/dropdown.CLzQHntD.js";
 export { e as default };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/file-on-demand.C8wT6osZ.js";
+import { t as e } from "../chunks/file-on-demand._LRRo_VV.js";
 export { e as default };

package/library/components/menu.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/menu.CsKDyzJq.js";
+import { t as e } from "../chunks/menu.DDiovK72.js";
 export { e as default };

package/library/components/molecules.js

@@ -1,7 +1,7 @@
-import { t as e } from "../chunks/bicolor-picker.CWCWYEwd.js";
-import { t } from "../chunks/border-input-group.BL2Ur2wF.js";
+import { t as e } from "../chunks/bicolor-picker.CojUr8VQ.js";
+import { t } from "../chunks/border-input-group.hX_u5As5.js";
 import { t as n } from "../chunks/color-swatch.CoiPHwMX.js";
-import { t as r } from "../chunks/confirm-popover.CAi2Ss8x.js";
+import { t as r } from "../chunks/confirm-popover.Ca_p-aec.js";
 import { t as i } from "../chunks/corner-position-input-group.B6oea4JC.js";
 import { t as a } from "../chunks/cropper.D4ymxgab.js";
 import { t as o } from "../chunks/dynamic-select.C18Su1Hi.js";
@@ -9,7 +9,7 @@ import { t as s } from "../chunks/folder-select.i1Map6Gy.js";
 import { t as c } from "../chunks/masonry.D7YK0FcU.js";
 import { t as l } from "../chunks/padding-input-group.DKIv6567.js";
 import { t as u } from "../chunks/position-picker.CyXlSYCi.js";
-import { t as d } from "../chunks/shadow-input-group.CRW-REDm.js";
+import { t as d } from "../chunks/shadow-input-group.CyzUfNfD.js";
 import { t as f } from "../chunks/share-option-list.BO50cnCs.js";
 import { t as p } from "../chunks/sidebar.CDTaDQY_.js";
 import { t as m } from "../chunks/size-input-group.BUyxMiGb.js";

package/library/components/organisms.js

@@ -1,4 +1,4 @@
 import { t as e } from "../chunks/asset-link-format.CyUiMsk0.js";
-import { t } from "../chunks/color-swatch-group.DBw5rGgv.js";
-import { t as n } from "../chunks/file-on-demand.C8wT6osZ.js";
+import { t } from "../chunks/color-swatch-group.D4KGIN_7.js";
+import { t as n } from "../chunks/file-on-demand._LRRo_VV.js";
 export { e as CxAssetLinkFormat, t as CxColorSwatchGroup, n as CxFileOnDemand };

package/library/components/shadow-input-group.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/shadow-input-group.CRW-REDm.js";
+import { t as e } from "../chunks/shadow-input-group.CyzUfNfD.js";
 export { e as default };

package/library/components/tab-group.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/tab-group.Bw2Rp1W9.js";
+import { t as e } from "../chunks/tab-group.kPeSvnQU.js";
 export { e as default };