@orangelogic/design-system 2.162.0 → 2.164.0

package/library/components/alert.js

@@ -4,13 +4,13 @@ import { s as u, a as p, w as m } from "../chunks/event.BeKOsirN.js";
 import { c as y } from "../chunks/custom-element.L4WJXn1j.js";
 import { L as C } from "../chunks/i18n.Bchq8v1d.js";
 import { H as T } from "../chunks/slot.j5oheLJC.js";
-import { w } from "../chunks/watch.DOt4Mabe.js";
+import { w } from "../chunks/watch.DJF5K-8U.js";
 import { i as I, x as h } from "../chunks/lit-element.jLBm65_O.js";
 import { r as A } from "../chunks/state.CSDxrqLd.js";
 import { e as g } from "../chunks/query.BBf1UFkC.js";
 import { e as v } from "../chunks/class-map.BiVq-cVR.js";
 import { s as _, g as f } from "../chunks/animation-registry.HmpwNuGH.js";
-import { C as H } from "../chunks/icon-button.DbVIFgu7.js";
+import { C as H } from "../chunks/icon-button.BwmMJ0bI.js";
 const k = I`:host{margin:0;display:contents}.alert{background-color:var(--cx-panel-background-color);border:solid var(--cx-panel-border-width) var(--cx-panel-border-color);border-top-width:calc(var(--cx-panel-border-width) * 3);border-radius:var(--cx-border-radius-small);font-family:var(--cx-font-sans);font-size:var(--cx-font-size-small);font-weight:var(--cx-font-weight-regular);color:var(--cx-color-neutral-700);margin:inherit;align-items:stretch;line-height:1.6;display:flex;position:relative;overflow:hidden}.alert:not(.alert--has-icon) .alert__icon,.alert:not(.alert--closable) .alert__close-button{display:none}.alert__icon{font-size:var(--cx-font-size-large);flex:none;align-items:center;padding-inline-start:var(--cx-spacing-large);display:flex}.alert--has-countdown{border-bottom:none}.alert--primary{border-top-color:var(--cx-color-primary)}.alert--primary .alert__icon{color:var(--cx-color-primary)}.alert--success{border-top-color:var(--cx-color-success)}.alert--success .alert__icon{color:var(--cx-color-success)}.alert--neutral{border-top-color:var(--cx-color-neutral)}.alert--neutral .alert__icon{color:var(--cx-color-neutral)}.alert--warning{border-top-color:var(--cx-color-warning)}.alert--warning .alert__icon{color:var(--cx-color-warning)}.alert--danger{border-top-color:var(--cx-color-danger)}.alert--danger .alert__icon{color:var(--cx-color-danger)}.alert__message{padding:var(--cx-spacing-large);flex:auto;display:block;overflow:hidden}.alert__close-button{font-size:var(--cx-font-size-medium);flex:none;align-items:center;padding-inline-end:var(--cx-spacing-medium);display:flex}.alert__countdown{width:100%;height:calc(var(--cx-panel-border-width) * 3);background-color:var(--cx-panel-border-color);display:flex;position:absolute;bottom:0;left:0}.alert__countdown--ltr{justify-content:flex-end}.alert__countdown .alert__countdown-elapsed{width:0;height:100%}.alert--primary .alert__countdown-elapsed{background-color:var(--cx-color-primary)}.alert--success .alert__countdown-elapsed{background-color:var(--cx-color-success)}.alert--neutral .alert__countdown-elapsed{background-color:var(--cx-color-neutral-600)}.alert--warning .alert__countdown-elapsed{background-color:var(--cx-color-warning)}.alert--danger .alert__countdown-elapsed{background-color:var(--cx-color-danger)}.alert__timer{display:none}`;
 var z = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, t = (r, o, n, l) => {
   for (var a = l > 1 ? void 0 : l ? $(o, n) : o, c = r.length - 1, d; c >= 0; c--)

package/library/components/am-chart.js

@@ -1,11 +1,11 @@
-import { bw as b } from "../chunks/am-chart.CqdmTS0P.js";
+import { bs as s } from "../chunks/am-chart.Cr-vMjcY.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/watch.DOt4Mabe.js";
+import "../chunks/watch.DJF5K-8U.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query-async.CTgXGyQ5.js";
 export {
-  b as default
+  s as default
 };

package/library/components/animated-image.js

@@ -1,11 +1,11 @@
 import { n as c, C as h } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as g } from "../chunks/component.styles.CRO4Odto.js";
 import { c as y } from "../chunks/custom-element.L4WJXn1j.js";
-import { w as m } from "../chunks/watch.DOt4Mabe.js";
+import { w as m } from "../chunks/watch.DJF5K-8U.js";
 import { i as f, x as d } from "../chunks/lit-element.jLBm65_O.js";
 import { r as p } from "../chunks/state.CSDxrqLd.js";
 import { e as x } from "../chunks/query.BBf1UFkC.js";
-import { C as u } from "../chunks/icon.mxNZ85k0.js";
+import { C as u } from "../chunks/icon.D5iM9wXS.js";
 const v = f`:host{--control-box-size:3rem;--icon-size:calc(var(--control-box-size) * .625);cursor:pointer;display:inline-flex;position:relative}.animated-image{grid-template-columns:1fr;display:inline-grid}img{grid-row-start:1;grid-column-start:1;width:100%;height:100%;display:block}img[aria-hidden=true]{visibility:hidden}.animated-image__control-box{top:calc(50% - var(--control-box-size) / 2);right:calc(50% - var(--control-box-size) / 2);width:var(--control-box-size);height:var(--control-box-size);font-size:var(--icon-size);border-radius:var(--cx-border-radius-circle);color:#fff;pointer-events:none;transition:var(--cx-transition-fast) opacity;background:#00000080;border:2px solid;justify-content:center;align-items:center;display:flex;position:absolute}:host([play]:hover) .animated-image__control-box{opacity:1}:host([play]:not(:hover)) .animated-image__control-box{opacity:0}:host([play]) slot[name=play-icon],:host(:not([play])) slot[name=pause-icon]{display:none}`;
 var _ = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (t, i, r, s) => {
   for (var o = s > 1 ? void 0 : s ? b(i, r) : i, n = t.length - 1, l; n >= 0; n--)

package/library/components/animation.js

@@ -1,10 +1,10 @@
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/watch.DOt4Mabe.js";
+import "../chunks/watch.DJF5K-8U.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/query-async.CTgXGyQ5.js";
-import { C as f } from "../chunks/animation.S74lUDDc.js";
+import { C as f } from "../chunks/animation.BD-1xugN.js";
 export {
   f as default
 };

package/library/components/array-line-clamp.js

@@ -1,7 +1,7 @@
 import { n as h, C as y } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as g } from "../chunks/component.styles.CRO4Odto.js";
 import { c as w } from "../chunks/custom-element.L4WJXn1j.js";
-import { w as u } from "../chunks/watch.DOt4Mabe.js";
+import { w as u } from "../chunks/watch.DJF5K-8U.js";
 import { i as x, E as C, x as m } from "../chunks/lit-element.jLBm65_O.js";
 import { r as v } from "../chunks/state.CSDxrqLd.js";
 import { e as f } from "../chunks/query.BBf1UFkC.js";

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

@@ -1,19 +1,20 @@
 import "./cropper.js";
-import "../chunks/button.8syoJXYs.js";
+import "../chunks/button.DGyqdBou.js";
 import "./space.js";
 import "../chunks/typography.IqHbnd3C.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { C as g } from "../chunks/asset-link-format.DLAzKfhk.js";
+import { C as h } from "../chunks/asset-link-format.0q_MQOYh.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import "../chunks/asset-link-format.QzzboHHE.js";
+import "../chunks/asset-link-format.ClaYu_v8.js";
+import "../chunks/position-picker.DjnhxIKF.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.Bchq8v1d.js";
-import "../chunks/watch.DOt4Mabe.js";
-import "../chunks/number.CtCaI0T_.js";
-import "../chunks/transformation.D1alV_s4.js";
+import "../chunks/watch.DJF5K-8U.js";
+import "../chunks/number.Cx2ncfJJ.js";
+import "../chunks/transformation.8uLv6uwG.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/when.Dr1es41R.js";
 export {
-  g as default
+  h as default
 };

package/library/components/atoms.js

@@ -1,27 +1,27 @@
 import { default as i } from "./alert.js";
-import { bw as g } from "../chunks/am-chart.CqdmTS0P.js";
+import { bs as g } from "../chunks/am-chart.Cr-vMjcY.js";
 import { default as A } from "./animated-image.js";
-import { a as r, e as x } from "../chunks/animation.S74lUDDc.js";
-import { C as S } from "../chunks/animation.S74lUDDc.js";
+import { a as r, e as x } from "../chunks/animation.BD-1xugN.js";
+import { C as S } from "../chunks/animation.BD-1xugN.js";
 import { default as D } from "./array-line-clamp.js";
-import { default as B } from "./audio.js";
+import { default as w } from "./audio.js";
 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.8syoJXYs.js";
+import { C as O } from "../chunks/button.DGyqdBou.js";
 import { default as E } from "./button-group.js";
 import { default as L } from "./card.js";
-import { C as j } from "../chunks/checkbox.3i2j3PHc.js";
+import { default as j } from "./checkbox.js";
 import { default as Q } from "./color-picker.js";
 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.Bzf4-IgH.js";
+import { C as _ } from "../chunks/dialog.05FgdLBZ.js";
 import { default as oe } from "./divider.js";
-import { C as ae } from "../chunks/document-viewer.CGyOG1yw.js";
-import { C as xe } from "../chunks/dot-pagination.BdZc-K0r.js";
+import { C as ae } from "../chunks/document-viewer.Cng07M-1.js";
+import { C as xe } from "../chunks/dot-pagination.Pg9O0nIh.js";
 import { default as me } from "./dot-status.js";
 import { default as pe } from "./drawer.js";
 import { default as ue } from "./dropdown.js";
@@ -31,34 +31,34 @@ import { default as ge } from "./format-bytes.js";
 import { default as Ae } from "./format-date.js";
 import { default as Se } from "./format-number.js";
 import { default as De } from "./format-time.js";
-import { default as Be } from "./grid.js";
+import { default as we } from "./grid.js";
 import { default as he } from "./grid-item.js";
-import { C as Pe } from "../chunks/header.e1FLwywx.js";
-import { C as Me } from "../chunks/hub-connection.CA_wS_wh.js";
-import { f } from "../chunks/icon.mxNZ85k0.js";
-import { C as Fe } from "../chunks/icon.mxNZ85k0.js";
-import { C as Oe } from "../chunks/icon-button.DbVIFgu7.js";
-import { C as Ee } from "../chunks/iframe.DcHjOcLG.js";
-import { C as Le } from "../chunks/image.5mhGPvMN.js";
+import { C as Pe } from "../chunks/header.DDI0MfJA.js";
+import { C as Me } from "../chunks/hub-connection.BtevPWYb.js";
+import { f } from "../chunks/icon.D5iM9wXS.js";
+import { C as Fe } from "../chunks/icon.D5iM9wXS.js";
+import { C as Oe } from "../chunks/icon-button.BwmMJ0bI.js";
+import { C as Ee } from "../chunks/iframe.Cc-xZIm_.js";
+import { C as Le } from "../chunks/image.BgODrAzQ.js";
 import { default as je } from "./image-comparer.js";
 import { default as Qe } from "./include.js";
-import { C as qe } from "../chunks/input.BcyLZUmv.js";
+import { C as qe } from "../chunks/input.DOorVTYZ.js";
 import { default as Ke } from "./input-group.js";
 import { default as We } from "./line-clamp.js";
-import { default as Ye } from "./markdown.js";
+import { C as Ye } from "../chunks/markdown.I1AJG75v.js";
 import { default as _e } from "./menu.js";
 import { default as oo } from "./menu-item.js";
 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.qN3aaqVI.js";
-import { C as uo } from "../chunks/pagination.Cupa46TN.js";
+import { C as po } from "../chunks/option.DyNR1vzy.js";
+import { C as uo } from "../chunks/pagination.qFmncShC.js";
 import { default as no } from "./popup.js";
 import { default as co } from "./progress-bar.js";
 import { default as bo } from "./progress-ring.js";
 import { default as Io } from "./qr-code.js";
 import { default as To } from "./radio.js";
-import { default as wo } from "./radio-button.js";
+import { default as Bo } from "./radio-button.js";
 import { default as Ro } from "./radio-card.js";
 import { default as yo } from "./radio-group.js";
 import { default as Go } from "./range.js";
@@ -74,18 +74,18 @@ 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.kSg5_10g.js";
+import { C as tt } from "../chunks/tab-group.1Y71_aN8.js";
 import { default as rt } from "./tab-panel.js";
 import { default as ft } from "./tag.js";
 import { default as st } from "./textarea.js";
 import { default as Ct } from "./timecode.js";
 import { default as lt } from "./tooltip.js";
-import { a as nt, C as it } from "../chunks/tree.C2dPd6gt.js";
+import { a as nt, C as it } from "../chunks/tree.vn5sHbdt.js";
 import { C as gt } from "../chunks/typography.IqHbnd3C.js";
 import { default as At } from "./video.js";
 import { default as St } from "./visually-hidden.js";
 import { c as Dt } from "../chunks/component.styles.CRO4Odto.js";
-import { g as Bt, a as Rt, s as ht } from "../chunks/animation-registry.HmpwNuGH.js";
+import { g as wt, a as Rt, s as ht } from "../chunks/animation-registry.HmpwNuGH.js";
 function C() {
   return Object.entries(r).filter(([e]) => e !== "easings").map(([e]) => e);
 }
@@ -106,7 +106,7 @@ export {
   A as CxAnimatedImage,
   S as CxAnimation,
   D as CxArrayLineClamp,
-  B as CxAudio,
+  w as CxAudio,
   h as CxAvatar,
   P as CxBadge,
   M as CxBreadcrumb,
@@ -133,7 +133,7 @@ export {
   Ae as CxFormatDate,
   Se as CxFormatNumber,
   De as CxFormatTime,
-  Be as CxGrid,
+  we as CxGrid,
   he as CxGridItem,
   Pe as CxHeader,
   Me as CxHubConnection,
@@ -159,7 +159,7 @@ export {
   bo as CxProgressRing,
   Io as CxQrCode,
   To as CxRadio,
-  wo as CxRadioButton,
+  Bo as CxRadioButton,
   Ro as CxRadioCard,
   yo as CxRadioGroup,
   Go as CxRange,
@@ -188,7 +188,7 @@ export {
   St as CxVisuallyHidden,
   Dt as componentStyles,
   l as fontAwesomeIconNames,
-  Bt as getAnimation,
+  wt as getAnimation,
   C as getAnimationNames,
   u as getEasingNames,
   Rt as setAnimation,

package/library/components/audio.js

@@ -1,9 +1,9 @@
 import { r as f, R as y } from "../chunks/resizable-component.styles.CAfXABBc.js";
 import { c as v } from "../chunks/component.styles.CRO4Odto.js";
-import { U as m, g as w, f as g, D as x } from "../chunks/time.DWfbnPnM.js";
+import { U as m, g as w, f as g, D as x } from "../chunks/time.DYWuX2id.js";
 import { c as P } from "../chunks/custom-element.L4WJXn1j.js";
 import { L as S } from "../chunks/i18n.Bchq8v1d.js";
-import { w as u } from "../chunks/watch.DOt4Mabe.js";
+import { w as u } from "../chunks/watch.DJF5K-8U.js";
 import { e as b, b as _ } from "../chunks/waveform.1U9U_0rd.js";
 import { i as E, b as $, x as h } from "../chunks/lit-element.jLBm65_O.js";
 import { n as l } from "../chunks/lib-cortex-element.CVMmyPMC.js";
@@ -11,7 +11,7 @@ import { r } from "../chunks/state.CSDxrqLd.js";
 import { e as k } from "../chunks/query.BBf1UFkC.js";
 import { e as W } from "../chunks/class-map.BiVq-cVR.js";
 import { n as d } from "../chunks/when.Dr1es41R.js";
-import { C as z } from "../chunks/icon-button.DbVIFgu7.js";
+import { C as z } from "../chunks/icon-button.BwmMJ0bI.js";
 import { C as T } from "../chunks/typography.IqHbnd3C.js";
 const C = E`audio{display:none}:host{background-color:var(--background-color,var(--cx-color-neutral-0));border-radius:var(--border-radius,0px);border:var(--border,0px);box-sizing:border-box;color:var(--text-color,var(--cx-color-neutral));height:var(--height,auto);width:var(--width,100%);border-style:solid;display:block;position:relative}.audio{border-radius:inherit;gap:var(--cx-spacing-x-small,4px);height:100%;padding:var(--cx-spacing-small,8px);flex-direction:column;justify-content:center;display:flex;overflow:hidden}.audio--empty{height:var(--height,200px);min-height:var(--min-height,100%);padding:0}.audio--empty:before{background-color:var(--cx-color-neutral-1000);color:var(--cx-color-neutral-0);content:attr(data-empty-label);font-family:var(--cx-font-sans);font-size:clamp(var(--cx-font-size-x-small), 4cqw, var(--cx-font-size-large));font-weight:var(--cx-font-weight-semibold);text-align:center;height:100%;text-shadow:.05em .05em .1em var(--cx-color-neutral-1000);justify-content:center;align-items:center;width:100%;line-height:1;display:flex}.audio__play-button{--cx-input-border-width:2px;--cx-input-border-color:var(--text-color,var(--cx-color-neutral))}.audio__play-button::part(base){width:50px;height:50px;color:var(--text-color,var(--cx-color-neutral))!important}.audio__player{align-items:center;gap:var(--cx-spacing-small,8px);height:148px;display:flex}.audio__waveform{flex:1;min-width:0;overflow:hidden}.audio__waveform-svg{cursor:pointer;flex:1;width:100%;min-width:0;height:100%;display:block;overflow:hidden}.audio__waveform-wave{fill:var(--waves-color,var(--cx-color-primary))}.audio__waveform-played{fill:var(--played-color,color-mix(in srgb, var(--waves-color,var(--cx-color-primary)) 50%, black))}.audio__waveform-playhead{fill:var(--playhead-color,var(--cx-color-neutral-0));opacity:.9}.audio__footer{font-size:var(--cx-font-size-x-small,11px);color:var(--text-color,var(--cx-color-neutral));flex-direction:column;gap:0;padding-left:2px;display:flex}.audio__time{color:var(--text-color,var(--cx-color-neutral));font-variant-numeric:tabular-nums}.audio__filename{opacity:.75;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}`;
 var I = Object.defineProperty, D = Object.getOwnPropertyDescriptor, e = (t, o, a, s) => {

package/library/components/avatar.js

@@ -1,11 +1,11 @@
 import { n as i, C as p } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as d } from "../chunks/component.styles.CRO4Odto.js";
 import { c as m } from "../chunks/custom-element.L4WJXn1j.js";
-import { w as v } from "../chunks/watch.DOt4Mabe.js";
+import { w as v } from "../chunks/watch.DJF5K-8U.js";
 import { i as g, x as l } from "../chunks/lit-element.jLBm65_O.js";
 import { r as u } from "../chunks/state.CSDxrqLd.js";
 import { e as f } from "../chunks/class-map.BiVq-cVR.js";
-import { C as _ } from "../chunks/icon.mxNZ85k0.js";
+import { C as _ } from "../chunks/icon.D5iM9wXS.js";
 const x = g`:host{--size:3rem;display:inline-block}.avatar{width:var(--size);height:var(--size);background-color:var(--cx-color-neutral-400);font-family:var(--cx-font-sans);font-size:calc(var(--size) * .5);font-weight:var(--cx-font-weight-regular);color:var(--cx-color-neutral-0);-webkit-user-select:none;user-select:none;vertical-align:middle;justify-content:center;align-items:center;display:inline-flex;position:relative}.avatar--circle,.avatar--circle .avatar__image{border-radius:var(--cx-border-radius-circle)}.avatar--rounded,.avatar--rounded .avatar__image{border-radius:var(--cx-border-radius-small)}.avatar--square{border-radius:0}.avatar__icon{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.avatar__initials{text-transform:uppercase;line-height:1}.avatar__image{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}`;
 var b = Object.defineProperty, y = Object.getOwnPropertyDescriptor, e = (o, r, n, s) => {
   for (var t = s > 1 ? void 0 : s ? y(r, n) : r, c = o.length - 1, h; c >= 0; c--)

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

@@ -1,4 +1,4 @@
-import { C as n } from "../chunks/input.BcyLZUmv.js";
+import { C as n } from "../chunks/input.DOorVTYZ.js";
 import p from "./space.js";
 import { n as u, C as m } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as h } from "../chunks/component.styles.CRO4Odto.js";

package/library/components/breadcrumb-item.js

@@ -2,7 +2,7 @@ import { n as p, C as c } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as f } from "../chunks/component.styles.CRO4Odto.js";
 import { c as d } from "../chunks/custom-element.L4WJXn1j.js";
 import { H as h } from "../chunks/slot.j5oheLJC.js";
-import { w as u } from "../chunks/watch.DOt4Mabe.js";
+import { w as u } from "../chunks/watch.DJF5K-8U.js";
 import { i as x, x as o } from "../chunks/lit-element.jLBm65_O.js";
 import { r as _ } from "../chunks/state.CSDxrqLd.js";
 import { e as g } from "../chunks/query.BBf1UFkC.js";

package/library/components/breadcrumb.js

@@ -4,7 +4,7 @@ import { c as m } from "../chunks/custom-element.L4WJXn1j.js";
 import { L as u } from "../chunks/i18n.Bchq8v1d.js";
 import { i as f, x as b } from "../chunks/lit-element.jLBm65_O.js";
 import { e as c } from "../chunks/query.BBf1UFkC.js";
-import { C as g } from "../chunks/icon.mxNZ85k0.js";
+import { C as g } from "../chunks/icon.D5iM9wXS.js";
 const S = f`.breadcrumb{flex-wrap:wrap;align-items:center;display:flex}`;
 var x = Object.defineProperty, C = Object.getOwnPropertyDescriptor, l = (s, e, r, t) => {
   for (var a = t > 1 ? void 0 : t ? C(e, r) : e, i = s.length - 1, n; i >= 0; i--)

package/library/components/button.js

@@ -1,18 +1,18 @@
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as h } from "../chunks/button.8syoJXYs.js";
+import { C as h } from "../chunks/button.DGyqdBou.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/form.CP9KLGjF.js";
 import "../chunks/i18n.Bchq8v1d.js";
 import "../chunks/slot.j5oheLJC.js";
-import "../chunks/watch.DOt4Mabe.js";
+import "../chunks/watch.DJF5K-8U.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";
 import "../chunks/class-map.BiVq-cVR.js";
 import "../chunks/if-defined.BRoBj_Rp.js";
 import "../chunks/when.Dr1es41R.js";
 import "../chunks/static.UA3G1Deq.js";
-import "../chunks/icon.mxNZ85k0.js";
+import "../chunks/icon.D5iM9wXS.js";
 import "./spinner.js";
 import "../chunks/button.styles.svc2lIwC.js";
 export {

package/library/components/checkbox.js

@@ -1,20 +1,197 @@
-import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import "../chunks/component.styles.CRO4Odto.js";
-import "../chunks/form-control.styles.CaGWmeAS.js";
-import { C as h } from "../chunks/checkbox.3i2j3PHc.js";
-import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/default-value.COZopaet.js";
-import "../chunks/form.CP9KLGjF.js";
-import "../chunks/slot.j5oheLJC.js";
-import "../chunks/watch.DOt4Mabe.js";
-import "../chunks/lit-element.jLBm65_O.js";
-import "../chunks/state.CSDxrqLd.js";
-import "../chunks/query.BBf1UFkC.js";
-import "../chunks/class-map.BiVq-cVR.js";
-import "../chunks/if-defined.BRoBj_Rp.js";
-import "../chunks/live.DCegntDo.js";
-import "../chunks/when.Dr1es41R.js";
-import "../chunks/icon.mxNZ85k0.js";
+import { n as r, C as k } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as f } from "../chunks/component.styles.CRO4Odto.js";
+import { f as v } from "../chunks/form-control.styles.CaGWmeAS.js";
+import { c as g } from "../chunks/custom-element.L4WJXn1j.js";
+import { d as y } from "../chunks/default-value.COZopaet.js";
+import { F as _ } from "../chunks/form.CP9KLGjF.js";
+import { H as C } from "../chunks/slot.j5oheLJC.js";
+import { w as u } from "../chunks/watch.DJF5K-8U.js";
+import { i as w, x as n } from "../chunks/lit-element.jLBm65_O.js";
+import { r as $ } from "../chunks/state.CSDxrqLd.js";
+import { e as z } from "../chunks/query.BBf1UFkC.js";
+import { e as d } from "../chunks/class-map.BiVq-cVR.js";
+import { o as p } from "../chunks/if-defined.BRoBj_Rp.js";
+import { l as b } from "../chunks/live.DCegntDo.js";
+import { n as F } from "../chunks/when.Dr1es41R.js";
+import { C as V } from "../chunks/icon.D5iM9wXS.js";
+var x = /* @__PURE__ */ ((e) => (e.Large = "large", e.Medium = "medium", e.Small = "small", e))(x || {}), m = /* @__PURE__ */ ((e) => (e.Bottom = "bottom", e.Left = "left", e.Right = "right", e.Top = "top", e))(m || {});
+const H = w`:host([disabled]){pointer-events:none}:host{white-space:normal;padding:var(--checkbox-padding,0);margin:var(--checkbox-margin,0);display:inline-block}:host([data-user-invalid])::part(control){border-color:var(--cx-input-invalid-border-color)}:host([data-user-invalid])::part(label){color:var(--cx-input-invalid-color)}:host([data-user-invalid])::part(control){outline:none}:host(:focus-within[data-user-invalid])::part(control){border-color:var(--cx-input-invalid-border-color);box-shadow:var(--cx-input-invalid-shadow)}.checkbox{font-family:var(--cx-input-font-family);font-weight:var(--cx-input-font-weight);color:var(--label-color,var(--cx-color-neutral));vertical-align:middle;cursor:pointer;box-sizing:border-box;align-items:flex-start;gap:var(--checkbox-label-gap,var(--cx-spacing-x-small));display:inline-flex;position:relative}.checkbox--label-left{flex-direction:row-reverse}.checkbox--label-top{flex-direction:column-reverse;align-items:flex-start}.checkbox--label-bottom{flex-direction:column;align-items:flex-start}.checkbox--small{--toggle-size:var(--cx-toggle-size-small);font-size:var(--cx-input-font-size-small)}.checkbox--medium{--toggle-size:var(--cx-toggle-size-medium);font-size:var(--cx-input-font-size-small)}.checkbox--large{--toggle-size:var(--cx-toggle-size-large);font-size:var(--cx-input-font-size-small)}.form-control{flex-direction:column;display:flex}.checkbox__control{width:var(--toggle-size);height:var(--toggle-size);border:solid var(--cx-input-border-width) var(--cx-input-border-color);border-radius:var(--cx-border-radius-small);background-color:var(--cx-input-background-color);color:var(--cx-color-neutral-0);transition:var(--cx-transition-fast) border-color, var(--cx-transition-fast) background-color, var(--cx-transition-fast) color, var(--cx-transition-fast) box-shadow;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.checkbox__input{opacity:0;pointer-events:none;margin:0;padding:0;position:absolute}.checkbox__checked-icon,.checkbox__indeterminate-icon{display:inline-flex}.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover{border-color:var(--checkbox-checked-color,var(--cx-input-border-color-hover));background-color:var(--checkbox-hover-color,var(--cx-input-background-color-hover))}.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible~.checkbox__control{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.checkbox--checked .checkbox__control{border-color:var(--checkbox-checked-color,var(--cx-color-primary));background-color:var(--checkbox-checked-color,var(--cx-color-primary))}.checkbox--indeterminate .checkbox__control{border-color:var(--checkbox-indeterminate-color,var(--cx-color-primary));background-color:var(--checkbox-indeterminate-color,var(--cx-color-primary))}.checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,.checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover{border-color:var(--checkbox-hover-color,var(--checkbox-checked-color,var(--cx-color-primary-500)));background-color:var(--checkbox-hover-color,var(--checkbox-checked-color,var(--cx-color-primary-500)))}.checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible~.checkbox__control,.checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible~.checkbox__control{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.checkbox--disabled{opacity:.5;cursor:default}.checkbox--disabled:not(.checkbox--checked):not(.checkbox--indeterminate) .checkbox__control{background-color:var(--cx-checkbox-disabled-background,var(--cx-input-background-color));border-color:var(--cx-checkbox-disabled-border-color,var(--cx-input-border-color))}.checkbox__label{width:var(--label-width,auto);color:var(--label-color,var(--cx-color-neutral));font:var(--label-font,var(--cx-font-label-small));line-height:var(--toggle-size);-webkit-user-select:none;user-select:none;text-transform:var(--cx-checkbox-label-text-transform,none);white-space:var(--cx-checkbox-label-white-space,normal);pointer-events:none;display:inline-block}.form-control__help-text{font:var(--help-text-font,var(--cx-font-label-x-small));color:var(--help-text-color,var(--cx-color-neutral-600))}:host([required]) .checkbox__label:after{color:var(--cx-input-required-content-color);content:var(--cx-input-required-content);margin-inline-start:var(--cx-input-required-content-offset)}`;
+var S = Object.defineProperty, q = Object.getOwnPropertyDescriptor, o = (e, c, l, a) => {
+  for (var i = a > 1 ? void 0 : a ? q(c, l) : c, s = e.length - 1, h; s >= 0; s--)
+    (h = e[s]) && (i = (a ? h(c, l, i) : h(i)) || i);
+  return a && i && S(c, l, i), i;
+};
+let t = class extends k {
+  constructor() {
+    super(...arguments), this.formControlController = new _(this, {
+      // eslint-disable-next-line
+      // @ts-ignore
+      defaultValue: (e) => e.defaultChecked,
+      // eslint-disable-next-line
+      // @ts-ignore
+      setValue: (e, c) => e.checked = c,
+      // eslint-disable-next-line
+      // @ts-ignore
+      value: (e) => e.checked ? e.value || "on" : void 0
+    }), this.hasSlotController = new C(this, "help-text"), this.hasFocus = !1, this.title = "", this.name = "", this.size = x.Medium, this.disabled = !1, this.checked = !1, this.indeterminate = !1, this.defaultChecked = !1, this.form = void 0, this.required = !1, this.helpText = "", this.labelPlacement = m.Right, this.ariaLabel = null;
+  }
+  /** Gets the validity state object */
+  get validity() {
+    return this.input.validity;
+  }
+  /** Gets the validation message */
+  get validationMessage() {
+    return this.input.validationMessage;
+  }
+  runFirstUpdated() {
+    this.formControlController.updateValidity();
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("click", this.handleHostClick, {
+      capture: !0
+    }), this.addEventListener("keydown", this.handleHostKeydown, {
+      capture: !0
+    });
+  }
+  handleHostKeydown(e) {
+    e.key === " " && (e.preventDefault(), this.click());
+  }
+  handleHostClick(e) {
+    if (e.composedPath().includes(this.input)) {
+      e.stopPropagation();
+      return;
+    }
+    this.input.click();
+  }
+  handleChange() {
+    this.checked = !this.checked, this.indeterminate = !1, this.emit("cx-input"), this.emit("cx-change");
+  }
+  handleBlur() {
+    this.hasFocus = !1, this.emit("cx-blur");
+  }
+  handleInvalid(e) {
+    this.formControlController.setValidity(!1), this.formControlController.emitInvalidEvent(e);
+  }
+  handleFocus() {
+    this.hasFocus = !0, this.emit("cx-focus");
+  }
+  handleDisabledChange() {
+    this.formControlController.setValidity(this.disabled);
+  }
+  handleStateChange() {
+    this.input.checked = this.checked, this.input.indeterminate = this.indeterminate, this.formControlController.updateValidity();
+  }
+  /** Sets focus on the checkbox. */
+  focus(e) {
+    this.input.focus(e);
+  }
+  /** Removes focus from the checkbox. */
+  blur() {
+    this.input.blur();
+  }
+  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */
+  checkValidity() {
+    return this.input.checkValidity();
+  }
+  /** Gets the associated form, if one exists. */
+  getForm() {
+    return this.formControlController.getForm();
+  }
+  /** Checks for validity and shows the browser's validation message if the control is invalid. */
+  reportValidity() {
+    return this.input.reportValidity();
+  }
+  /**
+   * Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear
+   * the custom validation message, call this method with an empty string.
+   */
+  setCustomValidity(e) {
+    this.input.setCustomValidity(e), this.formControlController.updateValidity();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("click", this.handleHostClick, { capture: !0 }), this.removeEventListener("keydown", this.handleHostKeydown, { capture: !0 });
+  }
+  render() {
+    const e = this.hasSlotController.test("help-text"), c = this.helpText ? !0 : !!e, l = this.hasSlotController.test("[default]");
+    return n`<div class=${d({
+      "form-control": !0,
+      [`form-control--${this.size}`]: !0,
+      "form-control--has-help-text": c
+    })}><div part="base" class=${d({
+      checkbox: !0,
+      "checkbox--checked": this.checked,
+      "checkbox--disabled": this.disabled,
+      "checkbox--focused": this.hasFocus,
+      "checkbox--indeterminate": this.indeterminate,
+      [`checkbox--label-${this.labelPlacement}`]: !0,
+      [`checkbox--${this.size}`]: !0
+    })}><input id="checkbox" aria-label=${p(this.ariaLabel?.trim() || void 0)} class="checkbox__input" type="checkbox" title=${this.title} name=${this.name} .value=${p(this.value)} .indeterminate=${b(this.indeterminate)} .checked=${b(this.checked)} .disabled=${this.disabled} .required=${this.required} aria-checked=${this.indeterminate ? "mixed" : this.checked ? "true" : "false"} aria-describedby="help-text" @change=${this.handleChange} @invalid=${this.handleInvalid} @blur=${this.handleBlur} @focus=${this.handleFocus}><span part="control${this.checked ? " control--checked" : ""}${this.indeterminate ? " control--indeterminate" : ""}" class="checkbox__control">${this.checked ? n`<slot name="checked-icon"><cx-icon part="checked-icon" class="checkbox__checked-icon" name="check"></cx-icon></slot>` : ""}
+            ${!this.checked && this.indeterminate ? n`<slot name="indeterminate-icon"><cx-icon part="indeterminate-icon" class="checkbox__indeterminate-icon" name="remove"></cx-icon></slot>` : ""}</span>${F(
+      l,
+      () => n`<label for="checkbox" part="label" class="checkbox__label"><slot></slot></label>`
+    )}</div><div aria-hidden=${c ? "false" : "true"} class="form-control__help-text" id="help-text" part="form-control-help-text"><slot name="help-text">${this.helpText}</slot></div></div>`;
+  }
+};
+t.styles = [
+  f,
+  v,
+  H
+];
+t.dependencies = { "cx-icon": V };
+o([
+  z('input[type="checkbox"]')
+], t.prototype, "input", 2);
+o([
+  $()
+], t.prototype, "hasFocus", 2);
+o([
+  r()
+], t.prototype, "title", 2);
+o([
+  r()
+], t.prototype, "name", 2);
+o([
+  r()
+], t.prototype, "value", 2);
+o([
+  r({ reflect: !0 })
+], t.prototype, "size", 2);
+o([
+  r({ reflect: !0, type: Boolean })
+], t.prototype, "disabled", 2);
+o([
+  r({ reflect: !0, type: Boolean })
+], t.prototype, "checked", 2);
+o([
+  r({ reflect: !0, type: Boolean })
+], t.prototype, "indeterminate", 2);
+o([
+  y("checked")
+], t.prototype, "defaultChecked", 2);
+o([
+  r({ reflect: !1 })
+], t.prototype, "form", 2);
+o([
+  r({ reflect: !0, type: Boolean })
+], t.prototype, "required", 2);
+o([
+  r({ attribute: "help-text" })
+], t.prototype, "helpText", 2);
+o([
+  r({ attribute: "label-placement", reflect: !0 })
+], t.prototype, "labelPlacement", 2);
+o([
+  r({ attribute: "aria-label", reflect: !0, type: String })
+], t.prototype, "ariaLabel", 2);
+o([
+  u("disabled", { waitUntilFirstUpdate: !0 })
+], t.prototype, "handleDisabledChange", 1);
+o([
+  u(["checked", "indeterminate"], { waitUntilFirstUpdate: !0 })
+], t.prototype, "handleStateChange", 1);
+t = o([
+  g("cx-checkbox")
+], t);
 export {
-  h as default
+  t as default
 };

package/library/components/color-picker.js

@@ -7,7 +7,7 @@ import { d as w } from "../chunks/drag.DenOh3AE.js";
 import { F as M } from "../chunks/form.CP9KLGjF.js";
 import { L as O } from "../chunks/i18n.Bchq8v1d.js";
 import { c as u } from "../chunks/math.DuKzLacZ.js";
-import { w as $ } from "../chunks/watch.DOt4Mabe.js";
+import { w as $ } from "../chunks/watch.DJF5K-8U.js";
 import { i as A, x as h } from "../chunks/lit-element.jLBm65_O.js";
 import { r as g } from "../chunks/state.CSDxrqLd.js";
 import { t as P } from "../chunks/event-options.CYHYGOd8.js";
@@ -16,11 +16,11 @@ 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.8syoJXYs.js";
+import { C as B } from "../chunks/button.DGyqdBou.js";
 import L from "./button-group.js";
 import T from "./dropdown.js";
-import { C as N } from "../chunks/icon.mxNZ85k0.js";
-import { C as K } from "../chunks/input.BcyLZUmv.js";
+import { C as N } from "../chunks/icon.D5iM9wXS.js";
+import { C as K } from "../chunks/input.DOorVTYZ.js";
 import R from "./spinner.js";
 import q from "./visually-hidden.js";
 import { T as k } from "../chunks/index.C1chwzNp.js";

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

@@ -1,15 +1,15 @@
 import "./space.js";
 import "../chunks/typography.IqHbnd3C.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import "../chunks/color-swatch.DsWP2fd-.js";
+import "../chunks/color-swatch.QsHoy_K1.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as v } from "../chunks/color-swatch-group.CLv1LSZy.js";
-import "../chunks/content-builder.BU8X7I6V.js";
+import { C as v } from "../chunks/color-swatch-group.ChP9amU9.js";
+import "../chunks/transformation.8uLv6uwG.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/debounce.DaHuiSGU.js";
 import "../chunks/i18n.Bchq8v1d.js";
-import "../chunks/watch.DOt4Mabe.js";
-import "../chunks/toast.TDU3wVhq.js";
+import "../chunks/watch.DJF5K-8U.js";
+import "../chunks/toast.CXEAfCvN.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";

package/library/components/color-swatch.js

@@ -5,12 +5,12 @@ import "./space.js";
 import "../chunks/typography.IqHbnd3C.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as q } from "../chunks/color-swatch.DsWP2fd-.js";
+import { C as q } from "../chunks/color-swatch.QsHoy_K1.js";
 import "../chunks/color.LzSGBy7o.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/debounce.DaHuiSGU.js";
 import "../chunks/i18n.Bchq8v1d.js";
-import "../chunks/watch.DOt4Mabe.js";
+import "../chunks/watch.DJF5K-8U.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";