@orangelogic/design-system 2.60.0 → 2.61.0

package/library/components/breadcrumb-item.js

@@ -1,12 +1,14 @@
-import { i as b, n as p, C as d, x as s, c as f } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as h } from "../chunks/component.styles.CI-v8BZa.js";
-import { H as u } from "../chunks/slot.DJLm4Dig.js";
-import { w as x } from "../chunks/watch.BCJD77bD.js";
-import { r as _ } from "../chunks/state.Cw55xXlb.js";
+import { n as p, C as b } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as d } from "../chunks/component.styles.DMSLciL5.js";
+import { c as f } from "../chunks/custom-element.L4WJXn1j.js";
+import { H as h } from "../chunks/slot.j5oheLJC.js";
+import { w as u } from "../chunks/watch.q1sEjPWL.js";
+import { i as x, x as s } from "../chunks/lit-element.jLBm65_O.js";
+import { r as _ } from "../chunks/state.CSDxrqLd.js";
 import { e as g } from "../chunks/query.BBf1UFkC.js";
-import { e as y } from "../chunks/class-map.CoZTSvbM.js";
-import { o as c } from "../chunks/if-defined.MfEgpxEN.js";
-const v = b`
+import { e as y } from "../chunks/class-map.BiVq-cVR.js";
+import { o as c } from "../chunks/if-defined.BRoBj_Rp.js";
+const v = x`
   :host {
     display: inline-flex;
   }
@@ -95,9 +97,9 @@ var w = Object.defineProperty, C = Object.getOwnPropertyDescriptor, t = (i, a, l
     (m = i[n]) && (r = (o ? m(a, l, r) : m(r)) || r);
   return o && r && w(a, l, r), r;
 };
-let e = class extends d {
+let e = class extends b {
   constructor() {
-    super(...arguments), this.hasSlotController = new u(
+    super(...arguments), this.hasSlotController = new h(
       this,
       "prefix",
       "suffix"
@@ -179,7 +181,7 @@ let e = class extends d {
     `;
   }
 };
-e.styles = [h, v];
+e.styles = [d, v];
 t([
   g("slot:not([name])")
 ], e.prototype, "defaultSlot", 2);
@@ -196,7 +198,7 @@ t([
   p()
 ], e.prototype, "rel", 2);
 t([
-  x("href", { waitUntilFirstUpdate: !0 })
+  u("href", { waitUntilFirstUpdate: !0 })
 ], e.prototype, "hrefChanged", 1);
 e = t([
   f("cx-breadcrumb-item")

package/library/components/breadcrumb.js

@@ -1,23 +1,25 @@
-import { i as p, n as h, C as d, x as u, c as m } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as f } from "../chunks/component.styles.CI-v8BZa.js";
-import { L as b } from "../chunks/i18n.BP2FRO1v.js";
+import { n as p, C as h } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as d } from "../chunks/component.styles.DMSLciL5.js";
+import { c as m } from "../chunks/custom-element.L4WJXn1j.js";
+import { L as u } from "../chunks/i18n.DrzK7TPf.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 g from "./icon.js";
-const S = p`
+const S = f`
   .breadcrumb {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
   }
 `;
-var x = Object.defineProperty, v = Object.getOwnPropertyDescriptor, l = (o, e, r, t) => {
-  for (var a = t > 1 ? void 0 : t ? v(e, r) : e, i = o.length - 1, n; i >= 0; i--)
-    (n = o[i]) && (a = (t ? n(e, r, a) : n(a)) || a);
+var x = Object.defineProperty, v = Object.getOwnPropertyDescriptor, l = (s, e, r, t) => {
+  for (var a = t > 1 ? void 0 : t ? v(e, r) : e, i = s.length - 1, n; i >= 0; i--)
+    (n = s[i]) && (a = (t ? n(e, r, a) : n(a)) || a);
   return t && a && x(e, r, a), a;
 };
-let s = class extends d {
+let o = class extends h {
   constructor() {
-    super(...arguments), this.localize = new b(this), this.separatorDir = this.localize.dir(), this.label = "";
+    super(...arguments), this.localize = new u(this), this.separatorDir = this.localize.dir(), this.label = "";
   }
   // Generates a clone of the separator element to use for each breadcrumb item
   getSeparator() {
@@ -29,18 +31,18 @@ let s = class extends d {
     ), e.setAttribute("data-default", ""), e.slot = "separator", e;
   }
   handleSlotChange() {
-    const o = [
+    const s = [
       ...this.defaultSlot.assignedElements({ flatten: !0 })
     ].filter(
       (e) => e.tagName.toLowerCase() === "cx-breadcrumb-item"
     );
-    o.forEach((e, r) => {
+    s.forEach((e, r) => {
       const t = e.querySelector('[slot="separator"]');
-      t === null ? e.append(this.getSeparator()) : t.hasAttribute("data-default") && t.replaceWith(this.getSeparator()), r === o.length - 1 ? e.setAttribute("aria-current", "page") : e.removeAttribute("aria-current");
+      t === null ? e.append(this.getSeparator()) : t.hasAttribute("data-default") && t.replaceWith(this.getSeparator()), r === s.length - 1 ? e.setAttribute("aria-current", "page") : e.removeAttribute("aria-current");
     });
   }
   render() {
-    return this.separatorDir !== this.localize.dir() && (this.separatorDir = this.localize.dir(), this.updateComplete.then(() => this.handleSlotChange())), u`
+    return this.separatorDir !== this.localize.dir() && (this.separatorDir = this.localize.dir(), this.updateComplete.then(() => this.handleSlotChange())), b`
       <nav part="base" class="breadcrumb" aria-label=${this.label}>
         <slot @slotchange=${this.handleSlotChange}></slot>
       </nav>
@@ -55,20 +57,20 @@ let s = class extends d {
     `;
   }
 };
-s.styles = [f, S];
-s.dependencies = { "cx-icon": g };
+o.styles = [d, S];
+o.dependencies = { "cx-icon": g };
 l([
   c("slot")
-], s.prototype, "defaultSlot", 2);
+], o.prototype, "defaultSlot", 2);
 l([
   c('slot[name="separator"]')
-], s.prototype, "separatorSlot", 2);
+], o.prototype, "separatorSlot", 2);
 l([
-  h()
-], s.prototype, "label", 2);
-s = l([
+  p()
+], o.prototype, "label", 2);
+o = l([
   m("cx-breadcrumb")
-], s);
+], o);
 export {
-  s as default
+  o as default
 };

package/library/components/button-group.js

@@ -1,8 +1,10 @@
-import { i, n as c, C as g, x as p, c as d } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as h } from "../chunks/component.styles.CI-v8BZa.js";
-import { r as f } from "../chunks/state.Cw55xXlb.js";
+import { n as i, C as c } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as g } from "../chunks/component.styles.DMSLciL5.js";
+import { c as p } from "../chunks/custom-element.L4WJXn1j.js";
+import { i as d, x as f } from "../chunks/lit-element.jLBm65_O.js";
+import { r as h } from "../chunks/state.CSDxrqLd.js";
 import { e as x } from "../chunks/query.BBf1UFkC.js";
-const _ = i`
+const _ = d`
   :host {
     display: inline-block;
   }
@@ -15,12 +17,12 @@ const _ = i`
     overflow: unset;
   }
 `;
-var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (t, o, u, e) => {
-  for (var n = e > 1 ? void 0 : e ? v(o, u) : o, l = t.length - 1, b; l >= 0; l--)
-    (b = t[l]) && (n = (e ? b(o, u, n) : b(n)) || n);
-  return e && n && m(o, u, n), n;
+var m = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (t, o, r, e) => {
+  for (var u = e > 1 ? void 0 : e ? v(o, r) : o, l = t.length - 1, b; l >= 0; l--)
+    (b = t[l]) && (u = (e ? b(o, r, u) : b(u)) || u);
+  return e && u && m(o, r, u), u;
 };
-let r = class extends g {
+let n = class extends c {
   constructor() {
     super(...arguments), this.disableRole = !1, this.label = "";
   }
@@ -41,16 +43,16 @@ let r = class extends g {
       ...this.defaultSlot.assignedElements({ flatten: !0 })
     ];
     t.forEach((o) => {
-      const u = t.indexOf(o), e = s(o);
+      const r = t.indexOf(o), e = s(o);
       e && (e.toggleAttribute("data-cx-button-group__button", !0), e.toggleAttribute(
         "data-cx-button-group__button--first",
-        u === 0
+        r === 0
       ), e.toggleAttribute(
         "data-cx-button-group__button--inner",
-        u > 0 && u < t.length - 1
+        r > 0 && r < t.length - 1
       ), e.toggleAttribute(
         "data-cx-button-group__button--last",
-        u === t.length - 1
+        r === t.length - 1
       ), e.toggleAttribute(
         "data-cx-button-group__button--radio",
         e.tagName.toLowerCase() === "cx-radio-button"
@@ -58,7 +60,7 @@ let r = class extends g {
     });
   }
   render() {
-    return p`
+    return f`
       <div
         part="base"
         class="button-group"
@@ -74,23 +76,23 @@ let r = class extends g {
     `;
   }
 };
-r.styles = [h, _];
+n.styles = [g, _];
 a([
   x("slot")
-], r.prototype, "defaultSlot", 2);
+], n.prototype, "defaultSlot", 2);
 a([
-  f()
-], r.prototype, "disableRole", 2);
+  h()
+], n.prototype, "disableRole", 2);
 a([
-  c()
-], r.prototype, "label", 2);
-r = a([
-  d("cx-button-group")
-], r);
+  i()
+], n.prototype, "label", 2);
+n = a([
+  p("cx-button-group")
+], n);
 function s(t) {
   const o = "cx-button, cx-radio-button, cx-icon-button";
   return t.closest(o) ?? t.querySelector(o);
 }
 export {
-  r as default
+  n as default
 };

package/library/components/button.js

@@ -1,19 +1,20 @@
-import "../chunks/custom-element.vnXBMQxc.js";
-import "../chunks/component.styles.CI-v8BZa.js";
-import { C as g } from "../chunks/button.CtCSNRB3.js";
-import "../chunks/form.B8u0ywni.js";
-import "../chunks/i18n.BP2FRO1v.js";
-import "../chunks/slot.DJLm4Dig.js";
-import "../chunks/watch.BCJD77bD.js";
-import "../chunks/state.Cw55xXlb.js";
+import "../chunks/lib-cortex-element.CVMmyPMC.js";
+import "../chunks/component.styles.DMSLciL5.js";
+import { C as h } from "../chunks/button.P71VJ5xh.js";
+import "../chunks/custom-element.L4WJXn1j.js";
+import "../chunks/form.CO12-VK0.js";
+import "../chunks/i18n.DrzK7TPf.js";
+import "../chunks/slot.j5oheLJC.js";
+import "../chunks/watch.q1sEjPWL.js";
+import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";
-import "../chunks/class-map.CoZTSvbM.js";
-import "../chunks/if-defined.MfEgpxEN.js";
+import "../chunks/class-map.BiVq-cVR.js";
+import "../chunks/if-defined.BRoBj_Rp.js";
 import "../chunks/when.Dr1es41R.js";
-import "../chunks/static.BjNkqt7_.js";
+import "../chunks/static.UA3G1Deq.js";
 import "./icon.js";
 import "./spinner.js";
-import "../chunks/button.styles.C8AIO8fd.js";
+import "../chunks/button.styles.Dl5IQLHU.js";
 export {
-  g as default
+  h as default
 };

package/library/components/card.js

@@ -1,8 +1,10 @@
-import { i as n, n as c, C as h, x as b, c as p } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as v } from "../chunks/component.styles.CI-v8BZa.js";
-import { H as g } from "../chunks/slot.DJLm4Dig.js";
-import { e as m } from "../chunks/class-map.CoZTSvbM.js";
-const f = n`
+import { n as c, C as n } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as h } from "../chunks/component.styles.DMSLciL5.js";
+import { c as p } from "../chunks/custom-element.L4WJXn1j.js";
+import { H as b } from "../chunks/slot.j5oheLJC.js";
+import { i as v, x as m } from "../chunks/lit-element.jLBm65_O.js";
+import { e as g } from "../chunks/class-map.BiVq-cVR.js";
+const f = v`
   :host {
     --border-color: var(--cx-color-neutral-200);
     --border-radius: var(--cx-border-radius-x-large);
@@ -32,8 +34,10 @@ const f = n`
 
   .card--interactive {
     --border-color: var(--cx-color-primary-300);
+
     box-shadow: none;
     cursor: pointer;
+    transition: box-shadow 0.2s ease-in-out;
   }
 
   .card--interactive:hover {
@@ -91,6 +95,10 @@ const f = n`
     font-weight: var(--cx-font-weight-bold);
   }
 
+  .card:not(.card--has-title) .card__title {
+    display: none;
+  }
+
   .card__body {
     display: block;
     width: 100%;
@@ -107,33 +115,34 @@ const f = n`
     display: none;
   }
 `;
-var u = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, s = (e, o, d, t) => {
-  for (var r = t > 1 ? void 0 : t ? _(o, d) : o, i = e.length - 1, l; i >= 0; i--)
-    (l = e[i]) && (r = (t ? l(o, d, r) : l(r)) || r);
-  return t && r && u(o, d, r), r;
+var u = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, l = (o, e, d, t) => {
+  for (var r = t > 1 ? void 0 : t ? _(e, d) : e, i = o.length - 1, s; i >= 0; i--)
+    (s = o[i]) && (r = (t ? s(e, d, r) : s(r)) || r);
+  return t && r && u(e, d, r), r;
 };
-let a = class extends h {
+let a = class extends n {
   constructor() {
-    super(...arguments), this.interactive = !1, this.disabled = !1, this.hasSlotController = new g(
+    super(...arguments), this.interactive = !1, this.disabled = !1, this.hasSlotController = new b(
       this,
       "footer",
       "header",
       "image"
     );
   }
-  handleClick(e) {
-    this.disabled && e.preventDefault();
+  handleClick(o) {
+    this.disabled && o.preventDefault();
   }
   render() {
-    return b`
+    return m`
       <div
         part="base"
-        class=${m({
+        class=${g({
       card: !0,
       "card--disabled": this.disabled,
       "card--has-footer": this.hasSlotController.test("footer"),
       "card--has-header": this.hasSlotController.test("header"),
       "card--has-image": this.hasSlotController.test("image"),
+      "card--has-title": this.hasSlotController.test("title"),
       "card--interactive": this.interactive
     })}
         @click=${this.handleClick}
@@ -147,14 +156,14 @@ let a = class extends h {
     `;
   }
 };
-a.styles = [v, f];
-s([
+a.styles = [h, f];
+l([
   c({ reflect: !0, type: Boolean })
 ], a.prototype, "interactive", 2);
-s([
+l([
   c({ reflect: !0, type: Boolean })
 ], a.prototype, "disabled", 2);
-a = s([
+a = l([
   p("cx-card")
 ], a);
 export {

package/library/components/checkbox.js

@@ -1,19 +1,21 @@
-import { i as m, n as r, C as f, x as n, c as k } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as v } from "../chunks/component.styles.CI-v8BZa.js";
-import { f as g } from "../chunks/form-control.styles.NE2Q-quE.js";
-import { d as y } from "../chunks/default-value.CIKAvD5l.js";
-import { F as _ } from "../chunks/form.B8u0ywni.js";
-import { H as C } from "../chunks/slot.DJLm4Dig.js";
-import { w as p } from "../chunks/watch.BCJD77bD.js";
-import { r as w } from "../chunks/state.Cw55xXlb.js";
-import { e as $ } from "../chunks/query.BBf1UFkC.js";
-import { e as d } from "../chunks/class-map.CoZTSvbM.js";
-import { o as z } from "../chunks/if-defined.MfEgpxEN.js";
-import { l as u } from "../chunks/live.LdB9xEhp.js";
+import { n as r, C as f } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as k } from "../chunks/component.styles.DMSLciL5.js";
+import { f as v } from "../chunks/form-control.styles.CUGhvlfT.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.CO12-VK0.js";
+import { H as C } from "../chunks/slot.j5oheLJC.js";
+import { w as b } from "../chunks/watch.q1sEjPWL.js";
+import { i as $, x as n } from "../chunks/lit-element.jLBm65_O.js";
+import { r as w } 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 u } from "../chunks/if-defined.BRoBj_Rp.js";
+import { l as p } from "../chunks/live.SCz6M8Gs.js";
 import { n as F } from "../chunks/when.Dr1es41R.js";
 import V from "./icon.js";
-var b = /* @__PURE__ */ ((e) => (e.Large = "large", e.Medium = "medium", e.Small = "small", e))(b || {}), x = /* @__PURE__ */ ((e) => (e.Bottom = "bottom", e.Left = "left", e.Right = "right", e.Top = "top", e))(x || {});
-const H = m`
+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 = $`
   :host([disabled]) {
     pointer-events: none;
   }
@@ -207,7 +209,7 @@ let t = class extends f {
       // 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 = b.Medium, this.disabled = !1, this.checked = !1, this.indeterminate = !1, this.defaultChecked = !1, this.form = void 0, this.required = !1, this.helpText = "", this.labelPlacement = x.Right;
+    }), 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() {
@@ -309,13 +311,14 @@ let t = class extends f {
         >
           <input
             id="checkbox"
+            aria-label=${u(this.ariaLabel?.trim() || void 0)}
             class="checkbox__input"
             type="checkbox"
             title=${this.title}
             name=${this.name}
-            .value=${z(this.value)}
-            .indeterminate=${u(this.indeterminate)}
-            .checked=${u(this.checked)}
+            .value=${u(this.value)}
+            .indeterminate=${p(this.indeterminate)}
+            .checked=${p(this.checked)}
             .disabled=${this.disabled}
             .required=${this.required}
             aria-checked=${this.checked ? "true" : "false"}
@@ -371,13 +374,13 @@ let t = class extends f {
   }
 };
 t.styles = [
+  k,
   v,
-  g,
   H
 ];
 t.dependencies = { "cx-icon": V };
 o([
-  $('input[type="checkbox"]')
+  z('input[type="checkbox"]')
 ], t.prototype, "input", 2);
 o([
   w()
@@ -419,13 +422,16 @@ o([
   r({ attribute: "label-placement", reflect: !0 })
 ], t.prototype, "labelPlacement", 2);
 o([
-  p("disabled", { waitUntilFirstUpdate: !0 })
+  r({ attribute: "aria-label", reflect: !0, type: String })
+], t.prototype, "ariaLabel", 2);
+o([
+  b("disabled", { waitUntilFirstUpdate: !0 })
 ], t.prototype, "handleDisabledChange", 1);
 o([
-  p(["checked", "indeterminate"], { waitUntilFirstUpdate: !0 })
+  b(["checked", "indeterminate"], { waitUntilFirstUpdate: !0 })
 ], t.prototype, "handleStateChange", 1);
 t = o([
-  k("cx-checkbox")
+  g("cx-checkbox")
 ], t);
 export {
   t as default

package/library/components/color-picker.js

@@ -1,20 +1,22 @@
-import { i as V, n as l, C as S, x as h, c as F } from "../chunks/custom-element.vnXBMQxc.js";
-import { c as z } from "../chunks/component.styles.CI-v8BZa.js";
-import { d as C } from "../chunks/popup._w5T7x8f.js";
-import { d as D } from "../chunks/default-value.CIKAvD5l.js";
+import { n as l, C as V } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as S } from "../chunks/component.styles.DMSLciL5.js";
+import { c as F } from "../chunks/custom-element.L4WJXn1j.js";
+import { d as C } from "../chunks/debounce.DaHuiSGU.js";
+import { d as z } from "../chunks/default-value.COZopaet.js";
 import { d as y } from "../chunks/drag.DXEXVXPv.js";
-import { F as I } from "../chunks/form.B8u0ywni.js";
-import { L as E } from "../chunks/i18n.BP2FRO1v.js";
+import { F as D } from "../chunks/form.CO12-VK0.js";
+import { L as I } from "../chunks/i18n.DrzK7TPf.js";
 import { c as u } from "../chunks/math.DqTA6ya4.js";
-import { w as k } from "../chunks/watch.BCJD77bD.js";
-import { r as g } from "../chunks/state.Cw55xXlb.js";
+import { w as k } from "../chunks/watch.q1sEjPWL.js";
+import { i as E, x as h } from "../chunks/lit-element.jLBm65_O.js";
+import { r as g } from "../chunks/state.CSDxrqLd.js";
 import { t as H } from "../chunks/event-options.CYHYGOd8.js";
 import { e as _ } from "../chunks/query.BBf1UFkC.js";
-import { e as b } from "../chunks/class-map.CoZTSvbM.js";
-import { o as x } from "../chunks/if-defined.MfEgpxEN.js";
-import { o as m } from "../chunks/style-map.CZovMmo_.js";
+import { e as b } from "../chunks/class-map.BiVq-cVR.js";
+import { o as x } from "../chunks/if-defined.BRoBj_Rp.js";
+import { o as m } from "../chunks/style-map.llVFPd__.js";
 import { n as d } from "../chunks/when.Dr1es41R.js";
-import { C as M } from "../chunks/button.CtCSNRB3.js";
+import { C as M } from "../chunks/button.P71VJ5xh.js";
 import O from "./button-group.js";
 import A from "./dropdown.js";
 import B from "./icon.js";
@@ -23,7 +25,7 @@ import L from "./spinner.js";
 import N from "./visually-hidden.js";
 import { T as w } from "../chunks/index.C1chwzNp.js";
 var f = /* @__PURE__ */ ((t) => (t.Hex = "hex", t.Rgb = "rgb", t.Hsl = "hsl", t.Hsv = "hsv", t))(f || {});
-const T = V`
+const T = E`
   :host {
     --grid-width: 280px;
     --grid-height: 200px;
@@ -433,9 +435,9 @@ var K = Object.defineProperty, j = Object.getOwnPropertyDescriptor, o = (t, e, i
   return s && a && K(e, i, a), a;
 };
 const $ = "EyeDropper" in window;
-let r = class extends S {
+let r = class extends V {
   constructor() {
-    super(), this.formControlController = new I(this), this.isSafeValue = !1, this.localize = new E(this), this.hasFocus = !1, this.isDraggingGridHandle = !1, this.isEmpty = !1, this.inputColorValue = "", this.inputOpacityValue = "", this.hue = 0, this.saturation = 100, this.brightness = 100, this.alpha = 100, this.value = "", this.defaultValue = "", this.label = "", this.variant = "default", this.format = f.Hex, this.formats = [
+    super(), this.formControlController = new D(this), this.isSafeValue = !1, this.localize = new I(this), this.hasFocus = !1, this.isDraggingGridHandle = !1, this.isEmpty = !1, this.inputColorValue = "", this.inputOpacityValue = "", this.hue = 0, this.saturation = 100, this.brightness = 100, this.alpha = 100, this.value = "", this.defaultValue = "", this.label = "", this.variant = "default", this.format = f.Hex, this.formats = [
       f.Hex,
       f.Rgb,
       f.Hsl
@@ -1252,7 +1254,7 @@ let r = class extends S {
     `;
   }
 };
-r.styles = [z, T];
+r.styles = [S, T];
 r.dependencies = {
   "cx-button": M,
   "cx-button-group": O,
@@ -1311,7 +1313,7 @@ o([
   l()
 ], r.prototype, "value", 2);
 o([
-  D()
+  z()
 ], r.prototype, "defaultValue", 2);
 o([
   l()

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

@@ -1,23 +1,26 @@
 import "./space.js";
-import "../chunks/table.BAr8KKc6.js";
-import "../chunks/typography.BFpl0WMA.js";
-import "../chunks/custom-element.vnXBMQxc.js";
-import "../chunks/color-swatch.DUe3iLLo.js";
-import "../chunks/component.styles.CI-v8BZa.js";
-import { C as n } from "../chunks/color-swatch-group.qJevXs50.js";
-import "../chunks/content-builder.WranV3P4.js";
-import "../chunks/popup._w5T7x8f.js";
-import "../chunks/i18n.BP2FRO1v.js";
-import "../chunks/watch.BCJD77bD.js";
-import "../chunks/state.Cw55xXlb.js";
+import "../chunks/table.CY-iMTWV.js";
+import "../chunks/typography.oDzoLbZS.js";
+import "../chunks/lib-cortex-element.CVMmyPMC.js";
+import "../chunks/color-swatch.Bpb_hW2H.js";
+import "../chunks/component.styles.DMSLciL5.js";
+import { C as w } from "../chunks/color-swatch-group.DlLmydlB.js";
+import "../chunks/content-builder.Bf7kqzDI.js";
+import "../chunks/custom-element.L4WJXn1j.js";
+import "../chunks/debounce.DaHuiSGU.js";
+import "../chunks/i18n.DrzK7TPf.js";
+import "../chunks/watch.q1sEjPWL.js";
+import "../chunks/responsive.CA6dcNiM.js";
+import "../chunks/lit-element.jLBm65_O.js";
+import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";
 import "../chunks/query-all.i3PyvTUQ.js";
-import "../chunks/class-map.CoZTSvbM.js";
-import "../chunks/guard.BDP4A85K.js";
-import "../chunks/if-defined.MfEgpxEN.js";
-import "../chunks/repeat.CauKaXyy.js";
-import "../chunks/style-map.CZovMmo_.js";
+import "../chunks/class-map.BiVq-cVR.js";
+import "../chunks/guard.D4axKaMo.js";
+import "../chunks/if-defined.BRoBj_Rp.js";
+import "../chunks/repeat.DbF2p5ae.js";
+import "../chunks/style-map.llVFPd__.js";
 import "../chunks/when.Dr1es41R.js";
 export {
-  n as default
+  w as default
 };

package/library/components/color-swatch.js

@@ -2,20 +2,23 @@ import "./copy-button.js";
 import "./line-clamp.js";
 import "./resize-observer.js";
 import "./space.js";
-import "../chunks/typography.BFpl0WMA.js";
-import "../chunks/custom-element.vnXBMQxc.js";
-import "../chunks/component.styles.CI-v8BZa.js";
-import { C as j } from "../chunks/color-swatch.DUe3iLLo.js";
-import "../chunks/popup._w5T7x8f.js";
-import "../chunks/i18n.BP2FRO1v.js";
-import "../chunks/watch.BCJD77bD.js";
-import "../chunks/state.Cw55xXlb.js";
+import "../chunks/typography.oDzoLbZS.js";
+import "../chunks/lib-cortex-element.CVMmyPMC.js";
+import "../chunks/component.styles.DMSLciL5.js";
+import { C as q } from "../chunks/color-swatch.Bpb_hW2H.js";
+import "../chunks/color.vLD2sNTs.js";
+import "../chunks/custom-element.L4WJXn1j.js";
+import "../chunks/debounce.DaHuiSGU.js";
+import "../chunks/i18n.DrzK7TPf.js";
+import "../chunks/watch.q1sEjPWL.js";
+import "../chunks/lit-element.jLBm65_O.js";
+import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";
-import "../chunks/class-map.CoZTSvbM.js";
-import "../chunks/if-defined.MfEgpxEN.js";
-import "../chunks/repeat.CauKaXyy.js";
-import "../chunks/style-map.CZovMmo_.js";
+import "../chunks/class-map.BiVq-cVR.js";
+import "../chunks/if-defined.BRoBj_Rp.js";
+import "../chunks/repeat.DbF2p5ae.js";
+import "../chunks/style-map.llVFPd__.js";
 import "../chunks/when.Dr1es41R.js";
 export {
-  j as default
+  q as default
 };