@orangelogic/design-system 3.20.0 → 4.0.0

package/library/components/types.js

@@ -7,19 +7,19 @@ import { default as f } from "./audio.js";
 import { default as d } from "./avatar.js";
 import { default as c } from "./badge.js";
 import { default as T } from "./breadcrumb.js";
-import { default as S } from "./breadcrumb-item.js";
+import { default as I } from "./breadcrumb-item.js";
 import { C as D } from "../chunks/button.D1YIxtv-.js";
 import { default as h } from "./button-group.js";
 import { default as F } from "./card.js";
 import { default as P } from "./checkbox.js";
 import { default as L } from "./color-picker.js";
-import { default as V } from "./copy-button.js";
-import { default as M } from "./date-calendar.js";
+import { default as O } from "./copy-button.js";
+import { default as V } from "./date-calendar.js";
 import { default as G } from "./details.js";
 import { default as w } from "./diff.js";
 import { C as N } from "../chunks/dialog.BbQ4Du0M.js";
 import { default as U } from "./divider.js";
-import { C as X } from "../chunks/document-viewer.Bkf3JbWk.js";
+import { C as X } from "../chunks/document-viewer.C9tM2Gc7.js";
 import { C as K } from "../chunks/dot-pagination.CJRAtM51.js";
 import { default as j } from "./dot-status.js";
 import { default as Q } from "./drawer.js";
@@ -34,14 +34,14 @@ import { default as fa } from "./grid.js";
 import { default as da } from "./grid-item.js";
 import { C as ca } from "../chunks/header.BioJzPlg.js";
 import { C as Ta } from "../chunks/hub-connection.BtevPWYb.js";
-import { C as Sa } from "../chunks/icon.BLXWp6CU.js";
+import { C as Ia } from "../chunks/icon.BLXWp6CU.js";
 import { C as Da } from "../chunks/icon-button.CbUddcgI.js";
 import { C as ha } from "../chunks/iframe.y7iCAVZP.js";
 import { C as Fa } from "../chunks/image.A2hE1WoV.js";
 import { default as Pa } from "./image-comparer.js";
 import { default as La } from "./include.js";
-import { C as Va } from "../chunks/input.D1FFprPl.js";
-import { default as Ma } from "./input-group.js";
+import { C as Oa } from "../chunks/input.D1FFprPl.js";
+import { default as Va } from "./input-group.js";
 import { default as Ga } from "./line-clamp.js";
 import { C as wa } from "../chunks/markdown.Dd_GFJK8.js";
 import { default as Na } from "./menu.js";
@@ -61,14 +61,14 @@ import { default as fe } from "./radio-card.js";
 import { default as de } from "./radio-group.js";
 import { default as ce } from "./range.js";
 import { default as Te } from "./rating.js";
-import { default as Se } from "./relative-time.js";
+import { default as Ie } from "./relative-time.js";
 import { default as De } from "./resize-observer.js";
 import { default as he } from "./select.js";
 import { default as Fe } from "./skeleton.js";
 import { default as Pe } from "./space.js";
 import { default as Le } from "./spinner.js";
-import { default as Ve } from "./split-panel.js";
-import { default as Me } from "./step.js";
+import { default as Oe } from "./split-panel.js";
+import { default as Ve } from "./step.js";
 import { default as Ge } from "./stepper.js";
 import { default as we } from "./switch.js";
 import { default as Ne } from "./tab.js";
@@ -78,23 +78,23 @@ import { default as Ke } from "./tag.js";
 import { default as je } from "./textarea.js";
 import { default as Qe } from "./timecode.js";
 import { default as Je } from "./tooltip.js";
-import { a as at, C as et } from "../chunks/tree.DB-QLic1.js";
+import { a as at, C as et } from "../chunks/tree.B7IKBX3n.js";
 import { C as ot } from "../chunks/typography.T72DuoCa.js";
 import { default as st } from "./video.js";
 import { default as it } from "./visually-hidden.js";
 import { fontAwesomeIconNames as mt, getAnimationNames as nt, getEasingNames as pt } from "./atoms.js";
 import { c as Ct } from "../chunks/component.styles.CAS3c9pM.js";
 import { g as ut, a as ct, s as gt } from "../chunks/animation-registry.HmpwNuGH.js";
-import { s as At, u as St, Y as It, v as Dt, n as bt, C as ht, m as yt, $ as Ft, a0 as Et, a1 as Pt, a3 as Rt, a2 as Lt, a4 as vt, a5 as Vt, a6 as Bt, a7 as Mt, a8 as Ot, l as Gt, Z as _t, w as wt, _ as kt, x as Nt, y as Ht, z as Ut, k as zt, a9 as Xt, B as Wt, E as Kt, G as qt, H as jt, aa as Yt, j as Qt, J as Zt, K as Jt, h as $t, V as ao, W as eo, ab as to, f as oo, L as ro, M as so, N as xo, P as io, Q as lo, R as mo, ac as no, ad as po, T as fo, U as Co, ae as uo, af as co, e as go, X as To, ag as Ao, ah as So } from "../chunks/types.DrJgdbwu.js";
+import { s as At, u as It, Y as St, v as Dt, n as bt, C as ht, m as yt, $ as Ft, a0 as Et, a1 as Pt, a3 as Rt, a2 as Lt, a4 as vt, a5 as Ot, a6 as Mt, a7 as Vt, a8 as Bt, l as Gt, Z as _t, w as wt, _ as kt, x as Nt, y as Ht, z as Ut, k as zt, a9 as Xt, B as Wt, E as Kt, G as qt, H as jt, aa as Yt, j as Qt, J as Zt, K as Jt, h as $t, V as ao, W as eo, ab as to, f as oo, L as ro, M as so, N as xo, P as io, Q as lo, R as mo, ac as no, ad as po, T as fo, U as Co, ae as uo, af as co, e as go, X as To, ag as Ao, ah as Io } from "../chunks/types.DVZ_cbKn.js";
 import { default as Do } from "./bicolor-picker.js";
 import { default as ho } from "./border-input-group.js";
 import { C as Fo } from "../chunks/color-swatch.DdsUysbF.js";
 import { C as Po } from "../chunks/confirm-popover.CJXyEa5A.js";
 import { default as Lo } from "./corner-position-input-group.js";
-import { default as Vo } from "./cropper.js";
-import { default as Mo } from "./dynamic-select.js";
-import { C as Go, e as _o, f as wo } from "../chunks/color-swatch-group.GEu5gVrg.js";
-import { C as No } from "../chunks/folder-select.D8_6pC8Y.js";
+import { default as Oo } from "./cropper.js";
+import { default as Vo } from "./dynamic-select.js";
+import { C as Go, e as _o, f as wo } from "../chunks/color-swatch-group.Bumfw-G2.js";
+import { C as No } from "../chunks/folder-select.BAPsI-gg.js";
 import { default as Uo } from "./masonry.js";
 import { default as Xo } from "./padding-input-group.js";
 import { default as Ko } from "./position-picker.js";
@@ -104,13 +104,13 @@ import { default as Jo } from "./sidebar.js";
 import { default as ar } from "./size-input-group.js";
 import { default as tr } from "./stepper-wizard.js";
 import { default as rr } from "./typeface.js";
-import { C as xr } from "../chunks/asset-link-format.BnE0FbUH.js";
+import { C as xr } from "../chunks/asset-link-format.ttcRQgDc.js";
 import { default as lr } from "./file-on-demand.js";
 import { C as nr, E as pr, b as fr, G as Cr, a as dr, O as ur, T as cr } from "../chunks/index.Cpamj0jB.js";
-import { CortexPopupController as Tr, DateRangePresets as Ar, DragScroll as Sr, HistoryManager as Ir, KeyboardKey as Dr, PRECISION as br, downloadAsset as hr, extractFrames as yr, findFrameByColAndRow as Fr, getBrowserFontVariants as Er, getFontFamilyOptionValue as Pr, getFormControls as Rr, getInterval as Lr, getTypefaceOptionValue as vr, insertFrameToCache as Vr, isFontFamilyAvailable as Br, isFormInteracted as Mr, isModKey as Or, isoWeekNumber as Gr, omit as _r, openAssetOverview as wr, openFolderOverview as kr, openLink as Nr, parseJsonString as Hr, parseListString as Ur, pick as zr, quoteFontFamily as Xr, readLocalStorageValue as Wr, serialize as Kr, shareAsset as qr, sortTypefaceVariants as jr, testFontAvailability as Yr, unquoteFontFamily as Qr, writeLocalStorageValue as Zr } from "../utils.js";
-import { j as $r, f as as, b as es, c as ts, g as os, e as rs, i as ss, a as xs, h as is, m as ls, d as ms, r as ns, t as ps } from "../chunks/toast.CGIDPKV8.js";
-import { e as Cs, a as ds, f as us, g as cs, d as gs, b as Ts, c as As, i as Ss, p as Is, s as Ds } from "../chunks/browser.BHOCIF_A.js";
-import { d as hs, C as ys, e as Fs, H as Es, R as Ps, c as Rs, h as Ls, f as vs, g as Vs, l as Bs, a as Ms, p as Os, b as Gs } from "../chunks/color.LzSGBy7o.js";
+import { CortexPopupController as Tr, DateRangePresets as Ar, DragScroll as Ir, HistoryManager as Sr, KeyboardKey as Dr, PRECISION as br, downloadAsset as hr, extractFrames as yr, findFrameByColAndRow as Fr, getBrowserFontVariants as Er, getFontFamilyOptionValue as Pr, getFormControls as Rr, getInterval as Lr, getTypefaceOptionValue as vr, insertFrameToCache as Or, isFontFamilyAvailable as Mr, isFormInteracted as Vr, isModKey as Br, isoWeekNumber as Gr, omit as _r, openAssetOverview as wr, openFolderOverview as kr, openLink as Nr, parseJsonString as Hr, parseListString as Ur, pick as zr, quoteFontFamily as Xr, readLocalStorageValue as Wr, serialize as Kr, shareAsset as qr, sortTypefaceVariants as jr, testFontAvailability as Yr, unquoteFontFamily as Qr, writeLocalStorageValue as Zr } from "../utils.js";
+import { j as $r, f as as, b as es, c as ts, g as os, e as rs, i as ss, a as xs, h as is, m as ls, d as ms, r as ns, t as ps } from "../chunks/toast.BxiewnAG.js";
+import { e as Cs, a as ds, f as us, g as cs, d as gs, b as Ts, c as As, i as Is, p as Ss, s as Ds } from "../chunks/browser.BHOCIF_A.js";
+import { d as hs, C as ys, e as Fs, H as Es, R as Ps, c as Rs, h as Ls, f as vs, g as Os, l as Ms, a as Vs, p as Bs, b as Gs } from "../chunks/color.LzSGBy7o.js";
 import { a as ws, g as ks } from "../chunks/active-elements.jTVWtBDp.js";
 import { a as Hs, p as Us, c as zs, b as Xs, s as Ws, w as Ks } from "../chunks/event.BeKOsirN.js";
 import { t as js } from "../chunks/converters.DkDtLstb.js";
@@ -123,25 +123,25 @@ import { F as xx, c as ix, f as lx, g as mx, v as nx, a as px } from "../chunks/
 import { L as Cx, r as dx } from "../chunks/i18n.rtxrs1c1.js";
 import { c as cx, q as gx } from "../chunks/math.DuKzLacZ.js";
 import { g as Ax } from "../chunks/modal.Ct0bJBSe.js";
-import { g as Ix, l as Dx, s as bx, u as hx } from "../chunks/scroll.xtO5yojm.js";
+import { g as Sx, l as Dx, s as bx, u as hx } from "../chunks/scroll.xtO5yojm.js";
 import { H as Fx, a as Ex, g as Px } from "../chunks/slot.j5oheLJC.js";
 import { a as Lx, g as vx } from "../chunks/tabbable.BwnZBHrm.js";
-import { i as Bx } from "../chunks/user-agent.D9aPuOyL.js";
-import { w as Ox } from "../chunks/watch.DJF5K-8U.js";
+import { i as Mx } from "../chunks/user-agent.D9aPuOyL.js";
+import { w as Bx } from "../chunks/watch.DJF5K-8U.js";
 import { C as _x } from "../chunks/calendar-grid.BWjcZL5W.js";
 import { b as kx, c as Nx, f as Hx, h as Ux, g as zx, a as Xx, i as Wx, d as Kx, n as qx, e as jx, p as Yx, t as Qx } from "../chunks/date.iWq_pkIk.js";
 import { c as Jx, d as $x, h as ai, m as ei, k as ti, a as oi, g as ri, j as si, b as xi, f as ii, i as li, e as mi, l as ni, r as pi, s as fi } from "../chunks/dom.DL-cNKsj.js";
-import { o as di, l as ui, p as ci, k as gi, a as Ti, m as Ai, b as Si, g as Ii, d as Di, f as bi, n as hi, q as yi, r as Fi, c as Ei } from "../chunks/transformation.OaRYixzE.js";
-import { M as Ri, c as Li, e as vi, i as Vi, n as Bi, p as Mi, b as Oi, s as Gi, d as _i } from "../chunks/gradient.CIzq8fOU.js";
-import { c as ki, f as Ni, e as Hi, b as Ui, g as zi, d as Xi, i as Wi, r as Ki, a as qi } from "../chunks/image.Y5c_hFx8.js";
-import { b as Yi, e as Qi } from "../chunks/waveform.1U9U_0rd.js";
-import { c as Ji, b as $i, a as al, e as el, d as tl, f as ol, g as rl, r as sl, s as xl } from "../chunks/number.Cx2ncfJJ.js";
-import { s as ll } from "../chunks/parse.Cu5nBDTb.js";
-import { b as nl, n as pl, d as fl, e as Cl, f as dl, y as ul, o as cl, g as gl, h as Tl, l as Al, p as Sl, z as Il, x as Dl, a as bl, c as hl, s as yl, w as Fl, r as El, t as Pl, q as Rl, v as Ll, i as vl, m as Vl, u as Bl } from "../chunks/string.Demn8Xmk.js";
-import { g as Ol, a as Gl } from "../chunks/template.ClovJacp.js";
-import { c as wl, f as kl, a as Nl, g as Hl } from "../chunks/time.DYWuX2id.js";
-import { R as zl, f as Xl, g as Wl, h as Kl, U as ql, b as jl, a as Yl, d as Ql, c as Zl, i as Jl, r as $l, t as am, e as em } from "../chunks/url.CGdWC06g.js";
-import { C as om } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { k as di, m as ui, p as ci, O as gi, l as Ti, a as Ai, n as Ii, b as Si, g as Di, d as bi, f as hi, o as yi, q as Fi, r as Ei, c as Pi } from "../chunks/transformation.CjWnFhab.js";
+import { M as Li, c as vi, e as Oi, i as Mi, n as Vi, p as Bi, b as Gi, s as _i, d as wi } from "../chunks/gradient.CIzq8fOU.js";
+import { c as Ni, f as Hi, e as Ui, b as zi, g as Xi, d as Wi, i as Ki, r as qi, a as ji } from "../chunks/image.Y5c_hFx8.js";
+import { b as Qi, e as Zi } from "../chunks/waveform.1U9U_0rd.js";
+import { c as $i, b as al, a as el, e as tl, d as ol, f as rl, g as sl, r as xl, s as il } from "../chunks/number.Cx2ncfJJ.js";
+import { s as ml } from "../chunks/parse.Cu5nBDTb.js";
+import { b as pl, n as fl, d as Cl, e as dl, f as ul, y as cl, o as gl, g as Tl, h as Al, l as Il, p as Sl, z as Dl, x as bl, a as hl, c as yl, s as Fl, w as El, r as Pl, t as Rl, q as Ll, v as vl, i as Ol, m as Ml, u as Vl } from "../chunks/string.Demn8Xmk.js";
+import { g as Gl, a as _l } from "../chunks/template.ClovJacp.js";
+import { c as kl, f as Nl, a as Hl, g as Ul } from "../chunks/time.DYWuX2id.js";
+import { R as Xl, f as Wl, g as Kl, h as ql, U as jl, b as Yl, a as Ql, d as Zl, c as Jl, i as $l, r as am, t as em, e as tm } from "../chunks/url.CGdWC06g.js";
+import { C as rm } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 export {
   di as AUTO_FALLBACK_FORMAT,
   ui as AUTO_FORMAT_EXTENSION,
@@ -150,15 +150,15 @@ export {
   _x as CalendarGrid,
   ys as ColorType,
   nr as CornerPosition,
-  om as CortexElement,
+  rm as CortexElement,
   Tr as CortexPopupController,
   At as Cx3dViewer,
   t as CxAlert,
   r as CxAmChart,
   x as CxAnimatedImage,
   l as CxAnimation,
-  St as CxAnnotator,
-  It as CxAnnotatorComment,
+  It as CxAnnotator,
+  St as CxAnnotatorComment,
   n as CxArrayLineClamp,
   Dt as CxAssetDataDisplay,
   bt as CxAssetFormatPicker,
@@ -172,7 +172,7 @@ export {
   Do as CxBicolorPicker,
   ho as CxBorderInputGroup,
   T as CxBreadcrumb,
-  S as CxBreadcrumbItem,
+  I as CxBreadcrumbItem,
   D as CxButton,
   h as CxButtonGroup,
   Et as CxCapacityPlanner,
@@ -185,20 +185,20 @@ export {
   L as CxColorPicker,
   Fo as CxColorSwatch,
   Go as CxColorSwatchGroup,
-  Vt as CxComment,
-  Bt as CxCommentV1,
+  Ot as CxComment,
+  Mt as CxCommentV1,
   Po as CxConfirmPopover,
-  Mt as CxContentBuilder,
-  Ot as CxContentBuilderViewer,
-  V as CxCopyButton,
+  Vt as CxContentBuilder,
+  Bt as CxContentBuilderViewer,
+  O as CxCopyButton,
   Lo as CxCornerPositionInputGroup,
-  Vo as CxCropper,
+  Oo as CxCropper,
   Gt as CxDamCustomToolbarButtonsEditor,
   _t as CxDashboardFilter,
   wt as CxDashboardIframe,
   kt as CxDashboardTable,
   Nt as CxDataTabGroup,
-  M as CxDateCalendar,
+  V as CxDateCalendar,
   G as CxDetails,
   Ht as CxDetailsGroup,
   N as CxDialog,
@@ -212,7 +212,7 @@ export {
   Xt as CxDownloader,
   Q as CxDrawer,
   J as CxDropdown,
-  Mo as CxDynamicSelect,
+  Vo as CxDynamicSelect,
   aa as CxEChart,
   ta as CxElementClamp,
   Wt as CxEstimatedReadingTime,
@@ -234,17 +234,17 @@ export {
   da as CxGridItem,
   ca as CxHeader,
   Ta as CxHubConnection,
-  Sa as CxIcon,
+  Ia as CxIcon,
   Da as CxIconButton,
   $t as CxIconPicker,
   ha as CxIframe,
   Fa as CxImage,
   Pa as CxImageComparer,
   La as CxInclude,
-  Va as CxInput,
+  Oa as CxInput,
   ao as CxInputDatePicker,
   eo as CxInputDateRangePicker,
-  Ma as CxInputGroup,
+  Va as CxInputGroup,
   to as CxLightbox,
   Ga as CxLineClamp,
   oo as CxListEditor,
@@ -275,7 +275,7 @@ export {
   de as CxRadioGroup,
   ce as CxRange,
   Te as CxRating,
-  Se as CxRelativeTime,
+  Ie as CxRelativeTime,
   De as CxResizeObserver,
   mo as CxSearchBox,
   he as CxSelect,
@@ -288,9 +288,9 @@ export {
   no as CxSpaceSelector,
   po as CxSpecialCharactersDialog,
   Le as CxSpinner,
-  Ve as CxSplitPanel,
+  Oe as CxSplitPanel,
   fo as CxStatCard,
-  Me as CxStep,
+  Ve as CxStep,
   Ge as CxStepper,
   tr as CxStepperWizard,
   Co as CxStorybook,
@@ -314,7 +314,7 @@ export {
   it as CxVisuallyHidden,
   Ao as CxXmlEditor,
   Ar as DateRangePresets,
-  Sr as DragScroll,
+  Ir as DragScroll,
   pr as Easing,
   fr as EasingFunction,
   xx as FormControlController,
@@ -322,46 +322,47 @@ export {
   Fs as HEX_ALPHA_VALIDATION_REGEX,
   Es as HEX_VALIDATION_REGEX,
   Fx as HasSlotController,
-  Ir as HistoryManager,
-  So as IconPickerVariant,
+  Sr as HistoryManager,
+  Io as IconPickerVariant,
   Dr as KeyboardKey,
   Cx as LocalizeController,
-  Ri as MIN_GRADIENT_STOPS,
+  Li as MIN_GRADIENT_STOPS,
+  gi as ORIGINAL_FORMAT,
   dr as ObjectFit,
   ur as Orientation,
   br as PRECISION,
-  zl as RELATIVE_URL_REGEX,
+  Xl as RELATIVE_URL_REGEX,
   Ps as RGB_VALIDATION_REGEX,
-  gi as SRCSET_WIDTH_LADDER,
+  Ti as SRCSET_WIDTH_LADDER,
   cr as TransitionType,
-  Xl as URL_DOMAIN_VALIDATION_REGEX,
-  Wl as URL_INTRANET_DOMAIN_VALIDATION_REGEX,
-  Kl as URL_PROTOCOL_VALIDATION_REGEX,
-  ql as URL_VALIDATION_REGEX,
+  Wl as URL_DOMAIN_VALIDATION_REGEX,
+  Kl as URL_INTRANET_DOMAIN_VALIDATION_REGEX,
+  ql as URL_PROTOCOL_VALIDATION_REGEX,
+  jl as URL_VALIDATION_REGEX,
   ws as activeElements,
   kx as addMonths,
   $r as adjustRelativeValues,
   Hs as animateTo,
-  jl as appendProtocol,
-  Yl as appendQueryParam,
-  Ti as applyTransformationsToUrl,
-  Ai as applyWidthToAssetUrl,
+  Yl as appendProtocol,
+  Ql as appendQueryParam,
+  Ai as applyTransformationsToUrl,
+  Ii as applyWidthToAssetUrl,
   Si as buildAssetSrcset,
-  Ii as buildSizesFromDisplayWidth,
-  Di as buildTransformationString,
-  Yi as buildWaveformPath,
-  ki as calculateAspectRatioFit,
+  Di as buildSizesFromDisplayWidth,
+  bi as buildTransformationString,
+  Qi as buildWaveformPath,
+  Ni as calculateAspectRatioFit,
   cx as clamp,
-  Ni as cleanImageFileName,
-  wl as clearZeroDurationParts,
+  Hi as cleanImageFileName,
+  kl as clearZeroDurationParts,
   Ct as componentStyles,
   Rs as convertColor,
-  Ji as convertDataUnits,
-  $i as convertDurationToMilliseconds,
-  al as convertPixelsToAspectRatio,
-  Hi as convertSrcToBlob,
-  Li as createStopId,
-  Ui as cropImage,
+  $i as convertDataUnits,
+  al as convertDurationToMilliseconds,
+  el as convertPixelsToAspectRatio,
+  Ui as convertSrcToBlob,
+  vi as createStopId,
+  zi as cropImage,
   Jx as cssValueToPx,
   Qs as customElement,
   ix as customErrorValidityState,
@@ -369,15 +370,15 @@ export {
   ax as defaultValue,
   hr as downloadAsset,
   tx as drag,
-  nl as emptyToSpace,
-  pl as escapeXML,
+  pl as emptyToSpace,
+  fl as escapeXML,
   Ls as extractColor,
-  fl as extractExtension,
+  Cl as extractExtension,
   yr as extractFrames,
-  Cl as extractRootData,
-  el as extractValueAndUnit,
-  Qi as extractWaveformPeaks,
-  bi as fetchCortexApi,
+  dl as extractRootData,
+  tl as extractValueAndUnit,
+  Zi as extractWaveformPeaks,
+  hi as fetchCortexApi,
   Cs as findAncestorWithBuggyStyle,
   ds as findContainingBlock,
   us as findCuttingAncestor,
@@ -386,159 +387,159 @@ export {
   rx as focusWhenVisible,
   mt as fontAwesomeIconNames,
   lx as formCollections,
-  tl as formatAspectRatioString,
-  kl as formatDurationPartsManually,
+  ol as formatAspectRatioString,
+  Nl as formatDurationPartsManually,
   Nx as formatIsoToDisplay,
   Hx as formatMonthYearLabel,
-  ol as formatNumberWithGrouping,
-  dl as formatSecondsToTime,
-  ul as formatTimeToSeconds,
-  Nl as formatWithIntlDurationFormat,
-  rl as gcd,
+  rl as formatNumberWithGrouping,
+  ul as formatSecondsToTime,
+  cl as formatTimeToSeconds,
+  Hl as formatWithIntlDurationFormat,
+  sl as gcd,
   $x as getActiveElement,
   Ax as getActiveModals,
   ut as getAnimation,
   nt as getAnimationNames,
   mx as getAssociatedForm,
   ai as getAttributes,
-  cl as getAttributesString,
+  gl as getAttributesString,
   es as getBreakpointsFromCSS,
   Er as getBrowserFontVariants,
   vs as getColorType,
-  zi as getContainedImageSize,
+  Xi as getContainedImageSize,
   ei as getCortexPopupLayer,
   ti as getCurrentZIndex,
   Ux as getDateMask,
   ks as getDeepestActiveElement,
   ts as getDeviceType,
-  Hl as getDurationPartsByUnitsFormat,
+  Ul as getDurationPartsByUnitsFormat,
   pt as getEasingNames,
   oi as getElementFromHTMLString,
   ri as getElementFromTemplate,
   zx as getFirstDayOfWeek,
   Pr as getFontFamilyOptionValue,
   Rr as getFormControls,
-  Ol as getHighlightedTitle,
-  Gl as getHighlightedTitleHtml,
+  Gl as getHighlightedTitle,
+  _l as getHighlightedTitleHtml,
   Ex as getInnerHTML,
   Lr as getInterval,
-  Vs as getLightDarkCssString,
-  Xi as getNaturalWidthHeight,
+  Os as getLightDarkCssString,
+  Wi as getNaturalWidthHeight,
   si as getNeededPaddingForBoxShadow,
   cs as getNextAncestor,
-  Ix as getOffset,
+  Sx as getOffset,
   xi as getRelativeClickPercentage,
-  gl as getRootIDString,
+  Tl as getRootIDString,
   Lx as getTabbableBoundary,
   vx as getTabbableElements,
   Px as getTextContent,
   Xx as getTodayIsoDate,
   vr as getTypefaceOptionValue,
   os as groupBy,
-  hi as hasTransformSegment,
-  Tl as htmlToPlainText,
+  yi as hasTransformSegment,
+  Al as htmlToPlainText,
   rs as insertAtIndex,
-  Vr as insertFrameToCache,
+  Or as insertFrameToCache,
   ss as insertMultipleAtIndex,
-  vi as interpolateStopColor,
+  Oi as interpolateStopColor,
   gs as isChrome,
-  Bx as isCortexAdobePlugin,
+  Mx as isCortexAdobePlugin,
   ii as isDomElement,
   li as isElementInHorizontalView,
-  Ql as isExpiredAssetUrl,
+  Zl as isExpiredAssetUrl,
   Ts as isFirefox,
-  Br as isFontFamilyAvailable,
-  Mr as isFormInteracted,
-  Al as isGalleryItemCardType,
-  Vi as isGradientString,
+  Mr as isFontFamilyAvailable,
+  Vr as isFormInteracted,
+  Il as isGalleryItemCardType,
+  Mi as isGradientString,
   As as isIOS,
   mi as isInElement,
-  Or as isModKey,
-  Ss as isSafari,
-  Wi as isSaveSrcValid,
-  Zl as isValidDomainOrIntranetUrl,
+  Br as isModKey,
+  Is as isSafari,
+  Ki as isSaveSrcValid,
+  Jl as isValidDomainOrIntranetUrl,
   Wx as isValidIsoDate,
-  Jl as isValidUrl,
+  $l as isValidUrl,
   Kx as isoToDate,
   Gr as isoWeekNumber,
   ni as loadScript,
   Dx as lockBodyScrolling,
-  Bs as luminanceTextColor,
+  Ms as luminanceTextColor,
   xs as moveMultipleToIndex,
   is as moveToIndex,
   ls as multiSelectTo,
-  Bi as normalizeAngle,
+  Vi as normalizeAngle,
   qx as normalizeToIsoDate,
   _r as omit,
   wr as openAssetOverview,
   kr as openFolderOverview,
   Nr as openLink,
   Sl as padPath,
-  Il as parseBooleanString,
-  Ms as parseBorder,
+  Dl as parseBooleanString,
+  Vs as parseBorder,
   jx as parseDisplayToIso,
   Us as parseDuration,
-  yi as parseFileSizeToBytes,
-  Mi as parseGradient,
+  Fi as parseFileSizeToBytes,
+  Bi as parseGradient,
   Yx as parseIsoDate,
   Hr as parseJsonString,
-  Os as parseLightDark,
+  Bs as parseLightDark,
   Ur as parseListString,
   Gs as parseShadow,
   zr as pick,
-  Is as popoverSupported,
+  Ss as popoverSupported,
   zs as prefersReducedMotion,
   gx as quantizeLargestRemainder,
   Xr as quoteFontFamily,
   Wr as readLocalStorageValue,
   pi as readSearchConsistency,
-  Dl as reducePathToDirectChild,
+  bl as reducePathToDirectChild,
   dx as registerTranslation,
   ms as removeAtIndex,
   ns as removeMultipleAtIndex,
-  Ki as resizeImage,
-  Fi as resolveAutoFormat,
-  Ei as resolveAutoMaxWidth,
-  $l as resolveSpaceUrl,
-  sl as rotateBox,
-  qi as rotateImage,
-  bl as safeExtension,
-  hl as safeString,
-  yl as sanitizeHTML,
-  xl as sanitizeRotation,
+  qi as resizeImage,
+  Ei as resolveAutoFormat,
+  Pi as resolveAutoMaxWidth,
+  am as resolveSpaceUrl,
+  xl as rotateBox,
+  ji as rotateImage,
+  hl as safeExtension,
+  yl as safeString,
+  Fl as sanitizeHTML,
+  il as sanitizeRotation,
   bx as scrollIntoView,
   Kr as serialize,
-  Oi as serializeGradient,
+  Gi as serializeGradient,
   ct as setAnimation,
   gt as setDefaultAnimation,
   qr as shareAsset,
   Xs as shimKeyframesHeightAuto,
   fi as sortByTopPosition,
-  Gi as sortStops,
+  _i as sortStops,
   jr as sortTypefaceVariants,
-  ll as splitBoxValues,
-  Fl as splitCamelCaseFormatted,
-  _i as splitTopLevel,
+  ml as splitBoxValues,
+  El as splitCamelCaseFormatted,
+  wi as splitTopLevel,
   Ws as stopAnimations,
   Ds as supportHLS,
   Yr as testFontAvailability,
   js as timecodeConverter,
-  El as toCamelCase,
+  Pl as toCamelCase,
   Qx as toIsoDate,
-  Pl as toKebabCase,
-  Rl as toPascalCase,
-  am as toRelativeUrl,
-  Ll as toTitleCase,
-  em as toUrlPathKey,
+  Rl as toKebabCase,
+  Ll as toPascalCase,
+  em as toRelativeUrl,
+  vl as toTitleCase,
+  tm as toUrlPathKey,
   ps as toast,
-  vl as truncateTextMiddle,
-  Vl as unescapeXML,
+  Ol as truncateTextMiddle,
+  Ml as unescapeXML,
   hx as unlockBodyScrolling,
   Qr as unquoteFontFamily,
-  Bl as upperFirst,
+  Vl as upperFirst,
   nx as validValidityState,
   px as valueMissingValidityState,
   Ks as waitForEvent,
-  Ox as watch,
+  Bx as watch,
   Zr as writeLocalStorageValue
 };

package/library/components/video.js

@@ -46983,7 +46983,7 @@ let bt = class extends Pb {
   onLoadedMetadata() {
     this.isLoaded = !0, this.videoWidth = this.player?.videoWidth() || 0, this.videoHeight = this.player?.videoHeight() || 0, this.emit("cx-loaded-metadata", {
       detail: this
-    });
+    }), this.emit("cx-load");
   }
   onError() {
     this.isLoaded = !0, this.emit("cx-error");

package/library/package.json

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

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

@@ -19,6 +19,7 @@ import { default as CxTypography } from '../typography/typography';
  * @event cx-pause - Emitted when playback pauses.
  * @event {{ time: number }} cx-time-update - Emitted while the playback position changes. `time` is relative to `in-point` (starts at 0).
  * @event cx-ended - Emitted when playback reaches the end (or out-point when set).
+ * @event cx-load - Emitted once the waveform has loaded and the player is ready; pairs with `cx-error` so a consumer can wait for either outcome.
  * @event cx-error - Emitted when the audio or waveform image fails to load.
  *
  * @csspart base - The main container.

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

@@ -1,7 +1,7 @@
 import { default as CortexElement } from '../../../../base/src/cortex-element.ts';
 import { TreeSelection } from '../../../../types/src/tree';
 import { ExpandButtonPlacement, TreeItemVariant } from '../../../../types/src/tree-item';
-import { CSSResultGroup, PropertyValues } from 'lit';
+import { CSSResultGroup } from 'lit';
 import { default as Sortable } from 'sortablejs';
 import { default as CxTreeItem } from '../tree-item/tree-item';
 
@@ -144,7 +144,7 @@ export default class CxTree extends CortexElement {
     handleSortableEnd(): void;
     private initSortable;
     handleSelectionChange(): Promise<void>;
-    protected updated(changedProperties: PropertyValues): void;
+    handleSortableChange(): Promise<void>;
     /**
      * Returns the list of tree items that are selected in the tree.
      *

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

@@ -21,6 +21,7 @@ import { VideoJsPlayer } from './videojs/index.js';
  * @event cx-ended - Emitted when playback reaches the end.
  * @event cx-seeked - Emitted after a seek operation.
  * @event cx-loaded-metadata - Emitted when metadata is loaded.
+ * @event cx-load - Emitted once the media is ready, alongside `cx-loaded-metadata`; pairs with `cx-error` so a consumer can wait for either outcome.
  * @event cx-error - Emitted when the video fails to load.
  *
  * @slot placeholder - The placeholder element, shown while the `src` is not set.