npm - @orangelogic/design-system - Versions diffs - 2.141.0 → 2.143.0 - Mend

@orangelogic/design-system 2.141.0 → 2.143.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (227) hide show

package/library/components/color-picker.js CHANGED Viewed

@@ -1,40 +1,42 @@
-import { n as l, C as V } from "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { c as S } from "../chunks/component.styles.CRO4Odto.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 D } from "../chunks/form.BSqXLytJ.js";
-import { L as I } from "../chunks/i18n.DeUAP8n2.js";
+import { n as l, C as D } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as E } from "../chunks/component.styles.CRO4Odto.js";
+import { c as I } from "../chunks/custom-element.L4WJXn1j.js";
+import { d as S } from "../chunks/debounce.DaHuiSGU.js";
+import { d as H } from "../chunks/default-value.COZopaet.js";
+import { d as w } from "../chunks/drag.DXEXVXPv.js";
+import { F as M } from "../chunks/form.BSqXLytJ.js";
+import { L as O } from "../chunks/i18n.C4wPyPTR.js";
 import { c as u } from "../chunks/math.DuKzLacZ.js";
-import { w as k } from "../chunks/watch.CThbualB.js";
-import { i as E, x as h } from "../chunks/lit-element.jLBm65_O.js";
+import { w as $ } from "../chunks/watch.CkGTlwIo.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 H } from "../chunks/event-options.CYHYGOd8.js";
-import { e as _ } from "../chunks/query.BBf1UFkC.js";
-import { e as b } from "../chunks/class-map.BiVq-cVR.js";
-import { o as x } from "../chunks/if-defined.BRoBj_Rp.js";
+import { t as P } from "../chunks/event-options.CYHYGOd8.js";
+import { e as b } from "../chunks/query.BBf1UFkC.js";
+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 M } from "../chunks/button.C6-GrLyD.js";
-import O from "./button-group.js";
-import A from "./dropdown.js";
-import { C as B } from "../chunks/icon.DnBh6-56.js";
-import { C as P } from "../chunks/input.ClJ4MEsk.js";
-import L from "./spinner.js";
-import N from "./visually-hidden.js";
-import { T as w } from "../chunks/index.C1chwzNp.js";
+import { C as B } from "../chunks/button.Bja8HrmJ.js";
+import L from "./button-group.js";
+import T from "./dropdown.js";
+import { C as N } from "../chunks/icon.-k4fR0bD.js";
+import { C as K } from "../chunks/input.BAvin1Qu.js";
+import R from "./spinner.js";
+import q from "./visually-hidden.js";
+import { T as k } from "../chunks/index.C1chwzNp.js";
 var m = /* @__PURE__ */ ((t) => (t.Hex = "hex", t.Rgb = "rgb", t.Hsl = "hsl", t.Hsv = "hsv", t))(m || {});
-const T = E`:host{--grid-width:280px;--grid-height:200px;--grid-handle-size:16px;--slider-height:15px;--slider-handle-size:17px;--swatch-size:25px;--format-button-width:52px;--eye-dropper-button-width:52px;--control-border-color:var(--cx-color-neutral-300);--control-button-color:var(--cx-color-neutral-0);--control-caret-color:var(--cx-color-neutral-800);display:inline-block}.color-picker{width:var(--grid-width);font-family:var(--cx-font-sans);font-size:var(--cx-font-size-medium);font-weight:var(--cx-font-weight-regular);color:var(--color);background-color:var(--cx-panel-background-color);border-radius:var(--cx-border-radius-small);-webkit-user-select:none;user-select:none}.color-picker--inline{border:var(--inline-border,solid var(--cx-panel-border-width) var(--cx-panel-border-color))}.color-picker--inline:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-picker__grid{height:var(--grid-height);border-top-left-radius:var(--cx-border-radius-small);border-top-right-radius:var(--cx-border-radius-small);cursor:crosshair;forced-color-adjust:none;background-image:linear-gradient(#0000 0%,#000 100%),linear-gradient(90deg,#fff 0%,#fff0 100%);position:relative}.color-picker__grid-handle{width:var(--grid-handle-size);height:var(--grid-handle-size);margin-top:calc(var(--grid-handle-size) / -2);margin-left:calc(var(--grid-handle-size) / -2);transition:var(--cx-transition-fast) scale;border:2px solid #fff;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #00000040}.color-picker__grid-handle--dragging{cursor:none;scale:1.5}.color-picker__grid-handle:focus-visible{outline:var(--cx-focus-ring)}.color-picker__controls{padding:var(--cx-spacing-small);align-items:center;gap:var(--cx-spacing-small);display:flex}.color-picker__sliders{flex:auto}.color-picker__slider{height:var(--slider-height);border-radius:var(--cx-border-radius-pill);forced-color-adjust:none;position:relative;box-shadow:inset 0 0 0 1px #0003}.color-picker__slider:not(:last-of-type){margin-bottom:var(--cx-spacing-small)}.color-picker__slider-handle{top:calc(50% - var(--slider-handle-size) / 2);width:var(--slider-handle-size);height:var(--slider-handle-size);margin-left:calc(var(--slider-handle-size) / -2);background-color:#fff;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #00000040}.color-picker__slider-handle:focus-visible{outline:var(--cx-focus-ring)}.color-picker__hue{background-image:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.color-picker__alpha .color-picker__alpha-gradient{border-radius:inherit;width:100%;height:100%;position:absolute;top:0;left:0}.color-picker__preview{border-radius:var(--cx-border-radius-circle);cursor:pointer;forced-color-adjust:none;width:2rem;height:2rem;width:var(--cx-input-height-medium);height:var(--cx-input-height-medium);background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.color-picker__preview--button,.color-picker__preview--button::part(base){border-radius:var(--cx-border-radius-small)}.color-picker__preview:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-picker__preview-color{border:1px solid #00000020;width:100%;height:100%;position:absolute;top:0;left:0}.color-picker__preview-color--copied{animation:.75s pulse}.color-picker__preview.color-picker__preview--button{outline:solid 1px var(--control-border-color)}.color-picker__preview--small.color-picker__preview--button{width:var(--cx-toggle-size-small);height:var(--cx-toggle-size-small)}.color-picker__preview--medium.color-picker__preview--button{width:var(--cx-toggle-size-medium);height:var(--cx-toggle-size-medium)}.color-picker__preview--large.color-picker__preview--button{width:var(--cx-toggle-size-large);height:var(--cx-toggle-size-large)}.color-picker__preview:before{content:"";border-radius:inherit;background-color:var(--preview-color,currentColor);width:100%;height:100%;position:absolute;top:0;left:0}.color-picker__preview--empty:before{background-color:#0000}.color-picker__preview__transparent-bg{background-image:linear-gradient(45deg, var(--cx-color-neutral-300) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--cx-color-neutral-300) 75%), linear-gradient(45deg, transparent 75%, var(--cx-color-neutral-300) 75%), linear-gradient(45deg, var(--cx-color-neutral-300) 25%, transparent 25%);background-position:0 0,0 0,-5px -5px,5px 5px;background-size:10px 10px}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--cx-color-primary-500)}70%{box-shadow:0 0 0 .5rem #0000}to{box-shadow:0 0 #0000}}.color-picker__preview__container{align-items:center;gap:var(--cx-spacing-2x-small);display:flex}.color-picker__user-input__container{padding:0 var(--cx-spacing-small) var(--cx-spacing-small) var(--cx-spacing-small);display:flex}.color-picker__input_color{flex:auto;min-width:0}.color-picker__input_opacity{margin-left:var(--cx-spacing-2x-small);width:54px}.color-picker__input_opacity::part(input){padding-left:var(--cx-spacing-x-small);padding-right:var(--cx-spacing-x-small)}.color-picker__user-input__container cx-button-group{margin-left:var(--cx-spacing-2x-small)}.color-picker__user-input__container cx-button{font-size:var(--cx-font-size-medium)}.color-picker__user-input__container cx-button[part=format-button]{min-width:var(--format-button-width);max-width:var(--format-button-width)}.color-picker__user-input__container cx-button[part=eye-dropper-button]{min-width:var(--eye-dropper-button-width);max-width:var(--eye-dropper-button-width)}.color-picker__swatches{grid-gap:.5rem;border-top:solid 1px var(--cx-color-neutral-200);padding:var(--cx-spacing-small);forced-color-adjust:none;grid-template-columns:repeat(8,1fr);justify-items:center;display:grid}.color-picker__customSwatches{grid-gap:.5rem;padding:0 var(--cx-spacing-small) var(--cx-spacing-small) var(--cx-spacing-small);forced-color-adjust:none;grid-template-columns:repeat(8,1fr);justify-items:center;display:grid}.color-picker__customSwatches-label{--cx-button-text-transform:none;padding:var(--cx-spacing-small);justify-content:space-between;align-items:center;width:100%;display:inline-flex}.color-picker__spinner{text-align:center;margin:var(--cx-spacing-small) 0}.color-picker__swatch{width:var(--swatch-size);height:var(--swatch-size);border-radius:var(--cx-border-radius-small);position:relative}.color-picker__swatch .color-picker__swatch-color{border-radius:inherit;cursor:pointer;border:1px solid #00000020;width:100%;height:100%;position:absolute;top:0;left:0}.color-picker__swatch:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-picker--disabled{opacity:.5;cursor:default}.color-picker--disabled .color-picker__grid,.color-picker--disabled .color-picker__grid-handle,.color-picker--disabled .color-picker__slider,.color-picker--disabled .color-picker__slider-handle,.color-picker--disabled .color-picker__preview,.color-picker--disabled .color-picker__swatch,.color-picker--disabled .color-picker__swatch-color{pointer-events:none}.color-dropdown::part(panel){background-color:var(--cx-panel-background-color);border:solid var(--cx-panel-border-width) var(--cx-panel-border-color);border-radius:var(--cx-border-radius-small);max-height:none;overflow:visible}.color-dropdown__trigger::part(base){background-color:var(--control-button-color);border-color:var(--control-border-color);border-radius:var(--cx-border-radius-medium);padding-inline-start:var(--cx-spacing-2x-small);padding-inline-end:var(--cx-spacing-2x-small)}.color-dropdown__trigger::part(label){padding-inline-start:var(--cx-spacing-2x-small);padding-inline-end:var(--cx-spacing-2x-small)}.color-dropdown__trigger{cursor:pointer;forced-color-adjust:none;background-color:#0000;border:none;display:inline-block;position:relative}.color-dropdown__trigger:focus-visible{outline:none}.color-dropdown__trigger.color-dropdown__trigger--disabled{opacity:.5;cursor:default}.color-dropdown__trigger-icon{color:var(--control-caret-color);font-size:var(--cx-font-size-large);justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex}cx-tooltip{display:inline-block}`;
-var K = Object.defineProperty, j = Object.getOwnPropertyDescriptor, o = (t, e, i, s) => {
-  for (var a = s > 1 ? void 0 : s ? j(e, i) : e, c = t.length - 1, p; c >= 0; c--)
+const G = A`:host{--grid-width:280px;--grid-height:200px;--grid-handle-size:16px;--slider-height:15px;--slider-handle-size:17px;--swatch-size:25px;--format-button-width:52px;--eye-dropper-button-width:52px;--control-border-color:var(--cx-color-neutral-300);--control-button-color:var(--cx-color-neutral-0);--control-caret-color:var(--cx-color-neutral-800);display:inline-block}.color-picker{width:var(--grid-width);font-family:var(--cx-font-sans);font-size:var(--cx-font-size-medium);font-weight:var(--cx-font-weight-regular);color:var(--color);background-color:var(--cx-panel-background-color);border-radius:var(--cx-border-radius-small);-webkit-user-select:none;user-select:none}.color-picker--inline{border:var(--inline-border,solid var(--cx-panel-border-width) var(--cx-panel-border-color))}.color-picker--inline:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-picker__grid{height:var(--grid-height);border-top-left-radius:var(--cx-border-radius-small);border-top-right-radius:var(--cx-border-radius-small);cursor:crosshair;forced-color-adjust:none;background-image:linear-gradient(#0000 0%,#000 100%),linear-gradient(90deg,#fff 0%,#fff0 100%);position:relative}.color-picker__grid-handle{width:var(--grid-handle-size);height:var(--grid-handle-size);margin-top:calc(var(--grid-handle-size) / -2);margin-left:calc(var(--grid-handle-size) / -2);transition:var(--cx-transition-fast) scale;border:2px solid #fff;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #00000040}.color-picker__grid-handle--dragging{cursor:none;scale:1.5}.color-picker__grid-handle:focus-visible{outline:var(--cx-focus-ring)}.color-picker__controls{padding:var(--cx-spacing-small);align-items:center;gap:var(--cx-spacing-small);display:flex}.color-picker__sliders{flex:auto}.color-picker__slider{height:var(--slider-height);border-radius:var(--cx-border-radius-pill);forced-color-adjust:none;position:relative;box-shadow:inset 0 0 0 1px #0003}.color-picker__slider:not(:last-of-type){margin-bottom:var(--cx-spacing-small)}.color-picker__slider-handle{top:calc(50% - var(--slider-handle-size) / 2);width:var(--slider-handle-size);height:var(--slider-handle-size);margin-left:calc(var(--slider-handle-size) / -2);background-color:#fff;border-radius:50%;position:absolute;box-shadow:0 0 0 1px #00000040}.color-picker__slider-handle:focus-visible{outline:var(--cx-focus-ring)}.color-picker__hue{background-image:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.color-picker__alpha .color-picker__alpha-gradient{border-radius:inherit;width:100%;height:100%;position:absolute;top:0;left:0}.color-picker__preview{border-radius:var(--cx-border-radius-circle);cursor:pointer;forced-color-adjust:none;width:2rem;height:2rem;width:var(--cx-input-height-medium);height:var(--cx-input-height-medium);background:0 0;border:none;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.color-picker__preview--button,.color-picker__preview--button::part(base){border-radius:var(--cx-border-radius-small)}.color-picker__preview:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-picker__preview-color{border:1px solid #00000020;width:100%;height:100%;position:absolute;top:0;left:0}.color-picker__preview-color--copied{animation:.75s pulse}.color-picker__preview.color-picker__preview--button{outline:solid 1px var(--control-border-color)}.color-picker__preview--small.color-picker__preview--button{width:var(--cx-toggle-size-small);height:var(--cx-toggle-size-small)}.color-picker__preview--medium.color-picker__preview--button{width:var(--cx-toggle-size-medium);height:var(--cx-toggle-size-medium)}.color-picker__preview--large.color-picker__preview--button{width:var(--cx-toggle-size-large);height:var(--cx-toggle-size-large)}.color-picker__preview:before{content:"";border-radius:inherit;background-color:var(--preview-color,currentColor);width:100%;height:100%;position:absolute;top:0;left:0}.color-picker__preview--empty:before{background-color:#0000}.color-picker__preview__transparent-bg{background-image:linear-gradient(45deg, var(--cx-color-neutral-300) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--cx-color-neutral-300) 75%), linear-gradient(45deg, transparent 75%, var(--cx-color-neutral-300) 75%), linear-gradient(45deg, var(--cx-color-neutral-300) 25%, transparent 25%);background-position:0 0,0 0,-5px -5px,5px 5px;background-size:10px 10px}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--cx-color-primary-500)}70%{box-shadow:0 0 0 .5rem #0000}to{box-shadow:0 0 #0000}}.color-picker__preview__container{align-items:center;gap:var(--cx-spacing-2x-small);display:flex}.color-picker__user-input__container{padding:0 var(--cx-spacing-small) var(--cx-spacing-small) var(--cx-spacing-small);display:flex}.color-picker__input_color{flex:auto;min-width:0}.color-picker__input_opacity{margin-left:var(--cx-spacing-2x-small);width:54px}.color-picker__input_opacity::part(input){padding-left:var(--cx-spacing-x-small);padding-right:var(--cx-spacing-x-small)}.color-picker__user-input__container cx-button-group{margin-left:var(--cx-spacing-2x-small)}.color-picker__user-input__container cx-button{font-size:var(--cx-font-size-medium)}.color-picker__user-input__container cx-button[part=format-button]{min-width:var(--format-button-width);max-width:var(--format-button-width)}.color-picker__user-input__container cx-button[part=eye-dropper-button]{min-width:var(--eye-dropper-button-width);max-width:var(--eye-dropper-button-width)}.color-picker__swatches{grid-gap:.5rem;border-top:solid 1px var(--cx-color-neutral-200);padding:var(--cx-spacing-small);forced-color-adjust:none;grid-template-columns:repeat(8,1fr);justify-items:center;display:grid}.color-picker__customSwatches{grid-gap:.5rem;padding:0 var(--cx-spacing-small) var(--cx-spacing-small) var(--cx-spacing-small);forced-color-adjust:none;grid-template-columns:repeat(8,1fr);justify-items:center;display:grid}.color-picker__customSwatches-label{--cx-button-text-transform:none;padding:var(--cx-spacing-small);justify-content:space-between;align-items:center;width:100%;display:inline-flex}.color-picker__spinner{text-align:center;margin:var(--cx-spacing-small) 0}.color-picker__swatch{width:var(--swatch-size);height:var(--swatch-size);border-radius:var(--cx-border-radius-small);position:relative}.color-picker__swatch .color-picker__swatch-color{border-radius:inherit;cursor:pointer;border:1px solid #00000020;width:100%;height:100%;position:absolute;top:0;left:0}.color-picker__swatch:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.color-picker--disabled{opacity:.5;cursor:default}.color-picker--disabled .color-picker__grid,.color-picker--disabled .color-picker__grid-handle,.color-picker--disabled .color-picker__slider,.color-picker--disabled .color-picker__slider-handle,.color-picker--disabled .color-picker__preview,.color-picker--disabled .color-picker__swatch,.color-picker--disabled .color-picker__swatch-color{pointer-events:none}.color-dropdown::part(panel){background-color:var(--cx-panel-background-color);border:solid var(--cx-panel-border-width) var(--cx-panel-border-color);border-radius:var(--cx-border-radius-small);max-height:none;overflow:visible}.color-dropdown__trigger::part(base){background-color:var(--control-button-color);border-color:var(--control-border-color);border-radius:var(--cx-border-radius-medium);padding-inline-start:var(--cx-spacing-2x-small);padding-inline-end:var(--cx-spacing-2x-small)}.color-dropdown__trigger::part(label){padding-inline-start:var(--cx-spacing-2x-small);padding-inline-end:var(--cx-spacing-2x-small)}.color-dropdown__trigger{cursor:pointer;forced-color-adjust:none;background-color:#0000;border:none;display:inline-block;position:relative}.color-dropdown__trigger:focus-visible{outline:none}.color-dropdown__trigger.color-dropdown__trigger--disabled{opacity:.5;cursor:default}.color-dropdown__trigger-icon{color:var(--control-caret-color);font-size:var(--cx-font-size-large);justify-content:flex-end;align-items:center;width:100%;height:100%;display:flex}cx-tooltip{display:inline-block}`;
+var j = Object.defineProperty, U = Object.getOwnPropertyDescriptor, F = (t) => {
+  throw TypeError(t);
+}, o = (t, e, i, s) => {
+  for (var a = s > 1 ? void 0 : s ? U(e, i) : e, c = t.length - 1, p; c >= 0; c--)
     (p = t[c]) && (a = (s ? p(e, i, a) : p(a)) || a);
-  return s && a && K(e, i, a), a;
-};
-const $ = "EyeDropper" in window;
-let r = class extends V {
+  return s && a && j(e, i, a), a;
+}, z = (t, e, i) => e.has(t) || F("Cannot " + i), W = (t, e, i) => (z(t, e, "read from private field"), e.get(t)), X = (t, e, i) => e.has(t) ? F("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, i), C = (t, e, i, s) => (z(t, e, "write to private field"), e.set(t, i), i), x;
+const V = "EyeDropper" in window;
+let r = class extends D {
   constructor() {
-    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 = m.Hex, this.formats = [
+    super(), this.formControlController = new M(this), this.isSafeValue = !1, X(this, x, !1), this.localize = new O(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 = m.Hex, this.formats = [
       m.Hex,
       m.Rgb,
       m.Hsl
@@ -82,7 +84,7 @@ let r = class extends V {
       ".color-picker__slider-handle"
     ), { width: s } = e.getBoundingClientRect();
     let a = this.value, c = this.value;
-    i.focus(), t.preventDefault(), y(e, {
+    i.focus(), t.preventDefault(), w(e, {
       initialEvent: t,
       onMove: (p) => {
         this.alpha = u(p / s * 100, 0, 100), this.syncValues(), this.value !== c && (c = this.value, this.emit("cx-input"));
@@ -99,7 +101,7 @@ let r = class extends V {
       ".color-picker__slider-handle"
     ), { width: s } = e.getBoundingClientRect();
     let a = this.value, c = this.value;
-    i.focus(), t.preventDefault(), y(e, {
+    i.focus(), t.preventDefault(), w(e, {
       initialEvent: t,
       onMove: (p) => {
         this.hue = u(p / s * 360, 0, 360), this.syncValues(), this.value !== c && (c = this.value, this.emit("cx-input"));
@@ -116,7 +118,7 @@ let r = class extends V {
       ".color-picker__grid-handle"
     ), { height: s, width: a } = e.getBoundingClientRect();
     let c = this.value, p = this.value;
-    i.focus(), t.preventDefault(), this.isDraggingGridHandle = !0, y(e, {
+    i.focus(), t.preventDefault(), this.isDraggingGridHandle = !0, w(e, {
       initialEvent: t,
       onMove: (v, n) => {
         this.saturation = u(v / a * 100, 0, 100), this.brightness = u(100 - n / s * 100, 0, 100), this.syncValues(), this.value !== p && (p = this.value, this.emit("cx-input"));
@@ -147,7 +149,7 @@ let r = class extends V {
   }
   debouncedSetColor() {
     const t = this.getFormatFromValue(this.input.value);
-    t && t !== this.format && (this.format = t), this.setColor(this.input.value, !1), this.inputOpacityValue = Math.round(this.alpha).toString();
+    t && t !== this.format && (C(this, x, !0), this.format = t), this.setColor(this.input.value, !1), this.inputOpacityValue = Math.round(this.alpha).toString();
   }
   handleInputKeyDown(t) {
     if (t.key === "Enter") {
@@ -194,7 +196,7 @@ let r = class extends V {
   parseColor(t) {
     if (!t)
       return null;
-    const e = new w(t);
+    const e = new k(t);
     if (!e.isValid)
       return null;
     const i = e.toHsl(), s = {
@@ -299,7 +301,7 @@ let r = class extends V {
     this.previewButton.classList.remove("color-picker__preview-color--copied");
   }
   handleEyeDropper() {
-    if (!$)
+    if (!V)
       return;
     new EyeDropper().open().then((e) => {
       const i = this.value;
@@ -326,7 +328,7 @@ let r = class extends V {
   }
   /** Generates a hex string from HSV values. Hue must be 0-360. All other arguments must be 0-100. */
   getHexString(t, e, i, s = 100) {
-    const a = new w(
+    const a = new k(
       `hsva(${t}, ${e}%, ${i}%, ${s / 100})`
     );
     return a.isValid ? a.toHex8String() : "";
@@ -337,7 +339,7 @@ let r = class extends V {
    * @returns The color format.
    */
   getFormatFromValue(t) {
-    const e = new w(t);
+    const e = new k(t);
     return !e.isValid || !this.formats || this.formats.length === 0 ? null : this.formats.includes(e.format) ? e.format : this.formats[0];
   }
   // Prevents nested components from leaking events
@@ -345,6 +347,10 @@ let r = class extends V {
     t.stopImmediatePropagation();
   }
   handleFormatChange() {
+    if (W(this, x)) {
+      C(this, x, !1);
+      return;
+    }
     this.syncValues();
   }
   handleOpacityChange() {
@@ -421,11 +427,11 @@ let r = class extends V {
       if (!i)
         return console.error(`Unable to parse swatch color: "${e}"`, this), "";
       const s = () => this.selectSwatch(e), a = (c) => !this.disabled && c.key === "Enter" && this.setColor(i.hexa);
-      return h`<div part="swatch" class="color-picker__swatch color-picker__transparent-bg" tabindex=${x(this.disabled ? void 0 : "0")} role="button" aria-label=${e} @click=${s} @keydown=${a}><div class="color-picker__swatch-color" style=${f({ backgroundColor: i.hexa })}></div></div>`;
+      return h`<div part="swatch" class="color-picker__swatch color-picker__transparent-bg" tabindex=${y(this.disabled ? void 0 : "0")} role="button" aria-label=${e} @click=${s} @keydown=${a}><div class="color-picker__swatch-color" style=${f({ backgroundColor: i.hexa })}></div></div>`;
     });
   }
   render() {
-    const t = this.saturation, e = 100 - this.brightness, i = this.swatches ? Array.isArray(this.swatches) ? this.swatches : this.swatches.split(";").filter((n) => n.trim() !== "") : [], s = this.customSwatches ? Array.isArray(this.customSwatches) ? this.customSwatches : this.customSwatches.split(";").filter((n) => n.trim() !== "") : [], a = this.inputOpacityValue.endsWith("%") ? this.inputOpacityValue : `${this.inputOpacityValue}%`, c = h`<div part="base" class=${b({
+    const t = this.saturation, e = 100 - this.brightness, i = this.swatches ? Array.isArray(this.swatches) ? this.swatches : this.swatches.split(";").filter((n) => n.trim() !== "") : [], s = this.customSwatches ? Array.isArray(this.customSwatches) ? this.customSwatches : this.customSwatches.split(";").filter((n) => n.trim() !== "") : [], a = this.inputOpacityValue.endsWith("%") ? this.inputOpacityValue : `${this.inputOpacityValue}%`, c = h`<div part="base" class=${_({
       "color-picker": !0,
       "color-picker--disabled": this.disabled,
       "color-picker--focused": this.hasFocus,
@@ -435,7 +441,7 @@ let r = class extends V {
       () => h`<cx-visually-hidden id="label"><slot name="label">${this.label}</slot></cx-visually-hidden>`
     )}<div part="grid" class="color-picker__grid" style=${f({
       backgroundColor: this.getHexString(this.hue, 100, 100)
-    })} @pointerdown=${this.handleGridDrag} @touchmove=${this.handleTouchMove}><span part="grid-handle" class=${b({
+    })} @pointerdown=${this.handleGridDrag} @touchmove=${this.handleTouchMove}><span part="grid-handle" class=${_({
       "color-picker__grid-handle": !0,
       "color-picker__grid-handle--dragging": this.isDraggingGridHandle
     })} style=${f({
@@ -447,9 +453,9 @@ let r = class extends V {
       ),
       left: `${t}%`,
       top: `${e}%`
-    })} role="application" aria-label="HSV" tabindex=${x(this.disabled ? void 0 : "0")} @keydown=${this.handleGridKeyDown}></span></div><div class="color-picker__controls"><div class="color-picker__sliders"><div part="slider hue-slider" class="color-picker__hue color-picker__slider" @pointerdown=${this.handleHueDrag} @touchmove=${this.handleTouchMove}><span part="slider-handle hue-slider-handle" class="color-picker__slider-handle" style=${f({
+    })} role="application" aria-label="HSV" tabindex=${y(this.disabled ? void 0 : "0")} @keydown=${this.handleGridKeyDown}></span></div><div class="color-picker__controls"><div class="color-picker__sliders"><div part="slider hue-slider" class="color-picker__hue color-picker__slider" @pointerdown=${this.handleHueDrag} @touchmove=${this.handleTouchMove}><span part="slider-handle hue-slider-handle" class="color-picker__slider-handle" style=${f({
       left: `${this.hue === 0 ? 0 : 100 / (360 / this.hue)}%`
-    })} role="slider" aria-label="hue" aria-orientation="horizontal" aria-valuemin="0" aria-valuemax="360" aria-valuenow=${`${Math.round(this.hue)}`} tabindex=${x(this.disabled ? void 0 : "0")} @keydown=${this.handleHueKeyDown}></span></div>${d(
+    })} role="slider" aria-label="hue" aria-orientation="horizontal" aria-valuemin="0" aria-valuemax="360" aria-valuenow=${`${Math.round(this.hue)}`} tabindex=${y(this.disabled ? void 0 : "0")} @keydown=${this.handleHueKeyDown}></span></div>${d(
       this.opacity,
       () => h`<div part="slider opacity-slider" class="color-picker__alpha color-picker__slider color-picker__transparent-bg" @pointerdown=${this.handleAlphaDrag} @touchmove=${this.handleTouchMove}><div class="color-picker__alpha-gradient" style=${f({
         backgroundImage: `linear-gradient(
@@ -469,8 +475,8 @@ let r = class extends V {
                       )`
       })}></div><span part="slider-handle opacity-slider-handle" class="color-picker__slider-handle" style=${f({
         left: `${this.alpha}%`
-      })} role="slider" aria-label="alpha" aria-orientation="horizontal" aria-valuemin="0" aria-valuemax="100" aria-valuenow=${Math.round(this.alpha)} tabindex=${x(this.disabled ? void 0 : "0")} @keydown=${this.handleAlphaKeyDown}></span></div>`
-    )}</div><div class="color-picker__preview__container"><button type="button" part="preview" class=${b({
+      })} role="slider" aria-label="alpha" aria-orientation="horizontal" aria-valuemin="0" aria-valuemax="100" aria-valuenow=${Math.round(this.alpha)} tabindex=${y(this.disabled ? void 0 : "0")} @keydown=${this.handleAlphaKeyDown}></span></div>`
+    )}</div><div class="color-picker__preview__container"><button type="button" part="preview" class=${_({
       "color-picker__preview": !0,
       "color-picker__preview--button": this.variant === "button",
       "color-picker__preview--empty": this.isEmpty,
@@ -513,7 +519,7 @@ let r = class extends V {
                   " @click=${this.handleFormatToggle} @cx-blur=${this.stopNestedEventPropagation} @cx-focus=${this.stopNestedEventPropagation}>${this.setLetterCase(this.format)}</cx-button>`
     )}
             ${d(
-      $,
+      V,
       () => h`<cx-button part="eye-dropper-button" exportparts="
                 base:eye-dropper-button__base,
                 prefix:eye-dropper-button__prefix,
@@ -540,10 +546,10 @@ let r = class extends V {
         ${d(
       this.loading,
       () => h`<div part="loading-spinner" class="color-picker__spinner"><cx-spinner></cx-spinner></div>`
-    )}</div>`, p = this.variant === "button" ? h`<cx-button part="trigger" class=${b({
+    )}</div>`, p = this.variant === "button" ? h`<cx-button part="trigger" class=${_({
       "color-dropdown__trigger": !0,
       "color-dropdown__trigger--focused": this.hasFocus
-    })} outline aria-label=${this.label} ?disabled=${this.disabled} type="button" size=${this.size} @cx-blur=${this.stopNestedEventPropagation}><div slot="prefix" part="preview" class=${b({
+    })} outline aria-label=${this.label} ?disabled=${this.disabled} type="button" size=${this.size} @cx-blur=${this.stopNestedEventPropagation}><div slot="prefix" part="preview" class=${_({
       "color-picker__preview": !0,
       "color-picker__preview--button": !0,
       "color-picker__preview--empty": this.isEmpty,
@@ -558,7 +564,7 @@ let r = class extends V {
         this.brightness,
         this.alpha
       )
-    })}></div><slot slot="suffix" name="expand-icon" part="expand-icon" class="color-dropdown__trigger-icon"><cx-icon name="expand_more"></cx-icon></slot><cx-visually-hidden><slot name="label">${this.label}</slot></cx-visually-hidden></cx-button>` : h`<button part="trigger" class=${b({
+    })}></div><slot slot="suffix" name="expand-icon" part="expand-icon" class="color-dropdown__trigger-icon"><cx-icon name="expand_more"></cx-icon></slot><cx-visually-hidden><slot name="label">${this.label}</slot></cx-visually-hidden></cx-button>` : h`<button part="trigger" class=${_({
       "color-picker__preview": !0,
       "color-picker__preview--empty": this.isEmpty,
       "color-picker__preview--large": this.size === "large",
@@ -577,39 +583,40 @@ let r = class extends V {
       () => h`<cx-tooltip content=${this.tooltip}>${p}</cx-tooltip>`,
       () => p
     );
-    return this.inline ? c : h`<cx-dropdown aria-disabled=${this.disabled ? "true" : "false"} class=${b({
+    return this.inline ? c : h`<cx-dropdown aria-disabled=${this.disabled ? "true" : "false"} class=${_({
       "color-dropdown": !0,
       "color-dropdown--opened": !!this.dropdown?.open
     })} .containing-element=${this} ?disabled=${this.disabled} ?hoist=${this.hoist} @cx-after-hide=${this.handleAfterHide}><slot name="trigger" slot="trigger">${v}</slot>${c}</cx-dropdown>`;
   }
 };
-r.styles = [S, T];
+x = /* @__PURE__ */ new WeakMap();
+r.styles = [E, G];
 r.dependencies = {
-  "cx-button": M,
-  "cx-button-group": O,
-  "cx-dropdown": A,
-  "cx-icon": B,
-  "cx-input": P,
-  "cx-spinner": L,
-  "cx-visually-hidden": N
+  "cx-button": B,
+  "cx-button-group": L,
+  "cx-dropdown": T,
+  "cx-icon": N,
+  "cx-input": K,
+  "cx-spinner": R,
+  "cx-visually-hidden": q
 };
 o([
-  _('[part~="base"]')
+  b('[part~="base"]')
 ], r.prototype, "base", 2);
 o([
-  _('[part~="input"]')
+  b('[part~="input"]')
 ], r.prototype, "input", 2);
 o([
-  _('[part~="opacity-input"]')
+  b('[part~="opacity-input"]')
 ], r.prototype, "opacityInput", 2);
 o([
-  _(".color-dropdown")
+  b(".color-dropdown")
 ], r.prototype, "dropdown", 2);
 o([
-  _('[part~="preview"]')
+  b('[part~="preview"]')
 ], r.prototype, "previewButton", 2);
 o([
-  _('[part~="trigger"]')
+  b('[part~="trigger"]')
 ], r.prototype, "trigger", 2);
 o([
   g()
@@ -642,7 +649,7 @@ o([
   l({ reflect: !0, type: String })
 ], r.prototype, "value", 2);
 o([
-  z()
+  H()
 ], r.prototype, "defaultValue", 2);
 o([
   l()
@@ -717,25 +724,25 @@ o([
   g()
 ], r.prototype, "emitValue", 2);
 o([
-  C(300)
+  S(300)
 ], r.prototype, "debouncedSetColor", 1);
 o([
-  C(300)
+  S(300)
 ], r.prototype, "setOpacity", 1);
 o([
-  H({ passive: !1 })
+  P({ passive: !1 })
 ], r.prototype, "handleTouchMove", 1);
 o([
-  k("format", { waitUntilFirstUpdate: !0 })
+  $("format", { waitUntilFirstUpdate: !0 })
 ], r.prototype, "handleFormatChange", 1);
 o([
-  k("opacity", { waitUntilFirstUpdate: !0 })
+  $("opacity", { waitUntilFirstUpdate: !0 })
 ], r.prototype, "handleOpacityChange", 1);
 o([
-  k("value")
+  $("value")
 ], r.prototype, "handleValueChange", 1);
 r = o([
-  F("cx-color-picker")
+  I("cx-color-picker")
 ], r);
 export {
   r as default

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

@@ -1,15 +1,15 @@
 import "./space.js";
-import "../chunks/typography.DJC_UXgs.js";
+import "../chunks/typography.IqHbnd3C.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import "../chunks/color-swatch.DimFgBSf.js";
+import "../chunks/color-swatch.DCePblYs.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as v } from "../chunks/color-swatch-group.BqJHjmG5.js";
-import "../chunks/content-builder.BGzxZUgi.js";
+import { C as v } from "../chunks/color-swatch-group.CwHdAKQv.js";
+import "../chunks/content-builder.D-_Ou8sw.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/debounce.DaHuiSGU.js";
-import "../chunks/i18n.DeUAP8n2.js";
-import "../chunks/watch.CThbualB.js";
-import "../chunks/toast.Bz-j7zP2.js";
+import "../chunks/i18n.C4wPyPTR.js";
+import "../chunks/watch.CkGTlwIo.js";
+import "../chunks/toast.BYVF5TVe.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";

package/library/components/color-swatch.js CHANGED Viewed

@@ -2,15 +2,15 @@ import "./copy-button.js";
 import "./line-clamp.js";
 import "./resize-observer.js";
 import "./space.js";
-import "../chunks/typography.DJC_UXgs.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.DimFgBSf.js";
+import { C as q } from "../chunks/color-swatch.DCePblYs.js";
 import "../chunks/color.LzSGBy7o.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/debounce.DaHuiSGU.js";
-import "../chunks/i18n.DeUAP8n2.js";
-import "../chunks/watch.CThbualB.js";
+import "../chunks/i18n.C4wPyPTR.js";
+import "../chunks/watch.CkGTlwIo.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";

package/library/components/confirm-popover.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import "../chunks/button.C6-GrLyD.js";
-import "../chunks/dialog.C79Kd2S4.js";
+import "../chunks/button.Bja8HrmJ.js";
+import "../chunks/dialog.0TzzxNXE.js";
 import "./dropdown.js";
-import "../chunks/typography.DJC_UXgs.js";
+import "../chunks/typography.IqHbnd3C.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as x } from "../chunks/confirm-popover.CTdjw4Mi.js";
+import { C as x } from "../chunks/confirm-popover.CQm_rVIt.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.DeUAP8n2.js";
+import "../chunks/i18n.C4wPyPTR.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/query.BBf1UFkC.js";
 import "../chunks/class-map.BiVq-cVR.js";

package/library/components/copy-button.js CHANGED Viewed

@@ -1,16 +1,16 @@
 import { n as r, C as y } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as m } from "../chunks/component.styles.CRO4Odto.js";
 import { c as f } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as g } from "../chunks/i18n.DeUAP8n2.js";
+import { L as g } from "../chunks/i18n.C4wPyPTR.js";
 import { H as x } from "../chunks/slot.j5oheLJC.js";
-import { w as v } from "../chunks/watch.CThbualB.js";
+import { w as v } from "../chunks/watch.CkGTlwIo.js";
 import { i as _, x as b } from "../chunks/lit-element.jLBm65_O.js";
 import { r as u } from "../chunks/state.CSDxrqLd.js";
 import { e as p } from "../chunks/query.BBf1UFkC.js";
 import { e as w } from "../chunks/class-map.BiVq-cVR.js";
 import { n as C } from "../chunks/when.Dr1es41R.js";
 import { s as d, g as h } from "../chunks/animation-registry.HmpwNuGH.js";
-import { C as z } from "../chunks/icon.DnBh6-56.js";
+import { C as z } from "../chunks/icon.-k4fR0bD.js";
 import k from "./tooltip.js";
 const I = _`:host{--error-color:var(--cx-color-danger);--success-color:var(--cx-color-success);--background-color:light-dark(var(--cx-color-primary),var(--cx-color-primary));--color:light-dark(var(--cx-color-neutral-0),var(--cx-color-neutral-1000));cursor:pointer;width:auto;max-width:100%;line-height:normal;display:inline-block;position:relative}.copy-button{border-style:solid;border-width:var(--cx-input-border-width);width:100%;max-width:100%;font-family:var(--cx-input-font-family);font-weight:var(--cx-font-weight-regular);text-transform:var(--cx-button-text-transform,none);-webkit-user-select:none;user-select:none;white-space:nowrap;vertical-align:middle;transition:var(--cx-transition-x-fast) background-color, var(--cx-transition-x-fast) color, var(--cx-transition-x-fast) border, var(--cx-transition-x-fast) box-shadow;cursor:inherit;justify-content:center;align-items:stretch;padding:0;text-decoration:none;display:inline-flex}.copy-button__label{max-width:100%}.copy-button::-moz-focus-inner{border:0}.copy-button:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.copy-button{color:var(--cx-color-neutral);background-color:#0000;border-color:#0000}.copy-button.copy-button--has-label:hover:not(.copy-button--disabled),.copy-button.copy-button--has-label.copy-button--focused:not(.copy-button--disabled){background-color:var(--cx-color-neutral-100);border-color:var(--cx-color-neutral-100);color:var(--cx-color-neutral)}.copy-button.copy-button--has-label:active:not(.copy-button--disabled){background-color:var(--cx-color-neutral-200);border-color:var(--cx-color-neutral-200);color:var(--cx-color-neutral)}.copy-button--disabled{opacity:.5;cursor:default}.copy-button--disabled *{pointer-events:none}.copy-button__icon-wrapper{background:0 0;border:none;grid-template-columns:1fr;display:inline-grid}.copy-button__icon-wrapper slot{grid-row-start:1;grid-column-start:1;display:inline-flex}.copy-button__icon{pointer-events:none;flex:none;align-items:center;display:flex}.copy-button--copy-success .copy-button__icon{color:var(--success-color)}.copy-button--copy-error .copy-button__icon{color:var(--error-color)}.copy-button__label{justify-content:center;align-items:center;line-height:1;display:inline-flex}.copy-button{background-color:var(--button-background-color,unset)}.copy-button--small{height:auto;min-height:var(--cx-input-height-small);font-size:var(--button-font-size,var(--cx-button-font-size-medium));border-radius:var(--cx-button-border-radius-small)}.copy-button--small .copy-button__icon{--font-size:var(--button-font-size,var(--cx-font-size-medium))}.copy-button--medium{height:auto;min-height:var(--cx-input-height-medium);font-size:var(--button-font-size,var(--cx-button-font-size-medium));border-radius:var(--cx-button-border-radius-medium)}.copy-button--large{height:auto;min-height:var(--cx-input-height-large);font-size:var(--button-font-size,var(--cx-button-font-size-medium));border-radius:var(--cx-button-border-radius-large)}.copy-button--x-large{height:auto;min-height:var(--cx-input-height-x-large);font-size:var(--button-font-size,var(--cx-button-font-size-medium));border-radius:var(--cx-button-border-radius-large)}.copy-button--small{padding:var(--button-padding,0 var(--cx-spacing-x-small))}.copy-button--medium{padding:var(--button-padding,0 var(--cx-spacing-medium))}.copy-button--large{padding:var(--button-padding,0 var(--cx-spacing-large))}.copy-button--x-large{padding:var(--button-padding,0 var(--cx-spacing-x-large))}.copy-button--has-label:not(.copy-button--no-icon).copy-button--small .copy-button__label,.copy-button--has-label:not(.copy-button--no-icon).copy-button--medium .copy-button__label,.copy-button--has-label:not(.copy-button--no-icon).copy-button--large .copy-button__label,.copy-button--has-label:not(.copy-button--no-icon).copy-button--x-large .copy-button__label{padding-inline-start:var(--cx-spacing-x-small)}`;
 var L = Object.defineProperty, F = Object.getOwnPropertyDescriptor, o = (e, a, c, n) => {

package/library/components/corner-position-input-group.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import { C as u } from "../chunks/input.ClJ4MEsk.js";
-import { C as h } from "../chunks/option.n6PDuSs1.js";
+import { C as u } from "../chunks/input.BAvin1Qu.js";
+import { C as h } from "../chunks/option.DT-6HmoC.js";
 import m from "./select.js";
 import x from "./space.js";
 import { n as l, C as g } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as C } from "../chunks/component.styles.CRO4Odto.js";
 import { C as o } from "../chunks/index.Cpamj0jB.js";
 import { c as d } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as _ } from "../chunks/i18n.DeUAP8n2.js";
+import { L as _ } from "../chunks/i18n.C4wPyPTR.js";
 import { i as v, x as y } from "../chunks/lit-element.jLBm65_O.js";
 const $ = v`:host{width:100%;display:block}.corner-position-input-group__inputs{width:100%}.corner-position-input-group__input{flex:1}`;
 var X = Object.defineProperty, Y = Object.getOwnPropertyDescriptor, r = (e, t, f, n) => {

package/library/components/date-calendar.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { i as y, x as n } from "../chunks/lit-element.jLBm65_O.js";
 import { r as h } from "../chunks/state.CSDxrqLd.js";
 import { e as w } from "../chunks/class-map.BiVq-cVR.js";
 import { c as k } from "../chunks/repeat.CFjcER6_.js";
-import { C as D } from "../chunks/icon-button.LhIEmHNF.js";
+import { C as D } from "../chunks/icon-button.Ce2tPGuf.js";
 const M = y`:host{display:inline-block}.calendar{background:var(--cx-color-neutral-0);border:1px solid var(--cx-color-neutral-200);border-radius:var(--cx-border-radius-medium);user-select:none;width:fit-content;overflow:hidden}.calendar__header{padding:var(--cx-spacing-3x-small);background:var(--header-background,var(--cx-color-neutral-100));border-bottom:1px solid var(--cx-color-neutral-200);justify-content:space-between;align-items:center;display:flex}.calendar__title{font-size:var(--cx-font-size-small);font-weight:var(--cx-font-weight-semibold);color:var(--cx-color-neutral-900)}.calendar__weekdays{grid-template-columns:repeat(7, var(--cell-size,30px));border-bottom:1px solid var(--cx-color-neutral-200);display:grid}.calendar__weekday{text-align:center;font-size:var(--cx-font-size-2x-small);font-weight:var(--cx-font-weight-regular);color:var(--cx-color-neutral-500);padding-block:var(--cx-spacing-2x-small)}.calendar__grid{grid-template-columns:repeat(7, var(--cell-size,30px));border-top:1px solid var(--cx-color-neutral-200);border-left:1px solid var(--cx-color-neutral-200);display:grid}.calendar__cell{height:var(--cell-size,30px);border:none;border-right:1px solid var(--cx-color-neutral-200);border-bottom:1px solid var(--cx-color-neutral-200);border-radius:var(--cell-border-radius,0);color:var(--cx-color-neutral-900);font-size:var(--cx-font-size-x-small);cursor:pointer;transition:background var(--cx-transition-x-fast) ease;background:0 0;justify-content:center;align-items:center;padding:0;display:flex}.calendar__cell:hover:not(.calendar__cell--selected){background:var(--cell-hover-background,var(--cx-color-primary-50))}.calendar__cell--disabled{background:var(--cx-color-neutral-50);color:var(--cx-color-neutral-300);cursor:not-allowed}.calendar__cell--disabled:hover{background:var(--cx-color-neutral-50)}.calendar__cell--outside{background:var(--cx-color-neutral-100);color:var(--cx-color-neutral-400)}.calendar__cell--today:not(.calendar__cell--selected){background:var(--cell-today-background,var(--cx-color-primary-200))}.calendar__cell--selected{background:var(--cell-selected-background,var(--cx-color-neutral-300));color:var(--cell-selected-color,var(--cx-color-neutral-0));font-weight:var(--cx-font-weight-bold)}.calendar__cell--selected:hover{background:var(--cell-selected-background,var(--cx-color-neutral-300));opacity:.85}`;
 var $ = Object.defineProperty, C = Object.getOwnPropertyDescriptor, c = (e, a, o, r) => {
   for (var l = r > 1 ? void 0 : r ? C(a, o) : a, i = e.length - 1, s; i >= 0; i--)