@orangelogic/design-system 4.2.0 → 4.3.0

package/library/chunks/typography.BLYdTF0n.js

@@ -0,0 +1,102 @@
+import { n as d, C as f } from "./lib-cortex-element.CVMmyPMC.js";
+import { c as g } from "./component.styles.CAS3c9pM.js";
+import { c as v } from "./custom-element.L4WJXn1j.js";
+import { w as u } from "./watch.DJF5K-8U.js";
+import { i as b, x as i } from "./lit-element.jLBm65_O.js";
+var t = /* @__PURE__ */ ((e) => (e.Body1 = "body1", e.Body2 = "body2", e.Body3 = "body3", e.H1 = "h1", e.H2 = "h2", e.H3 = "h3", e.H4 = "h4", e.H5 = "h5", e.H6 = "h6", e.Small = "small", e))(t || {});
+const m = b`:host{--color:inherit;line-height:var(--cx-line-height-large);display:block}:host::part(base){-webkit-font-smoothing:antialiased}:host([editable]){cursor:text;border-radius:var(--cx-border-radius-small)}:host([editable]:focus-visible){outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset)}.heading,.body,.small{color:var(--color);font-weight:var(--font-weight,var(--cx-font-weight));font-family:var(--font-family,var(--cx-font-sans));font-style:var(--font-style,normal);letter-spacing:var(--letter-spacing,var(--cx-letter-spacing-normal));margin-block:0}.heading-1{font-size:var(--font-size,var(--cx-font-size-3x-large));font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-2{font-size:var(--font-size,var(--cx-font-size-2x-large));font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-3x-large))}.heading-3{font-size:var(--font-size,var(--cx-font-size-x-large));font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-2x-large))}.heading-4{font-size:var(--font-size,var(--cx-font-size-large));font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-x-large))}.heading-5{font-size:var(--font-size,var(--cx-font-size-medium));font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-large))}.heading-6{font-size:var(--font-size,var(--cx-font-size-small));font-weight:var(--font-weight,var(--cx-font-weight-semibold));line-height:var(--line-height,var(--cx-line-height-medium))}.body-1{font-size:var(--font-size,var(--cx-font-size-medium-large));font-weight:var(--font-weight,var(--cx-font-weight-regular));line-height:var(--line-height,var(--cx-line-height-x-large))}.body-2{font-size:var(--font-size,var(--cx-font-size-medium));font-weight:var(--font-weight,var(--cx-font-weight-regular));line-height:var(--line-height,var(--cx-line-height-large))}.body-3{font-size:var(--font-size,var(--cx-font-size-small));font-weight:var(--font-weight,var(--cx-font-weight-regular));line-height:var(--line-height,var(--cx-line-height-medium))}.small{font-size:var(--font-size,var(--cx-font-size-x-small));font-weight:var(--font-weight,var(--cx-font-weight-regular));line-height:var(--line-height,var(--cx-line-height-small))}`;
+var x = Object.defineProperty, w = Object.getOwnPropertyDescriptor, n = (e, o, l, r) => {
+  for (var s = r > 1 ? void 0 : r ? w(o, l) : o, h = e.length - 1, c; h >= 0; h--)
+    (c = e[h]) && (s = (r ? c(o, l, s) : c(s)) || s);
+  return r && s && x(o, l, s), s;
+};
+let a = class extends f {
+  constructor() {
+    super(), this.valueBeforeEdit = "", this.variant = t.Body1, this.editable = !1, this.handleFocusIn = this.handleFocusIn.bind(this), this.handleFocusOut = this.handleFocusOut.bind(this), this.handleKeyDown = this.handleKeyDown.bind(this);
+  }
+  set value(e) {
+    this.value !== e && (this.textContent = e);
+  }
+  get value() {
+    return (this.textContent ?? "").trim();
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("focusin", this.handleFocusIn), this.addEventListener("focusout", this.handleFocusOut), this.addEventListener("keydown", this.handleKeyDown);
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.removeEventListener("focusin", this.handleFocusIn), this.removeEventListener("focusout", this.handleFocusOut), this.removeEventListener("keydown", this.handleKeyDown);
+  }
+  handleEditableChange() {
+    if (!this.editable) {
+      this.removeAttribute("contenteditable"), this.removeAttribute("role"), this.removeAttribute("aria-multiline");
+      return;
+    }
+    this.setAttribute("contenteditable", "plaintext-only"), this.isContentEditable || this.setAttribute("contenteditable", "true"), this.setAttribute("role", "textbox"), this.setAttribute("aria-multiline", "false");
+  }
+  handleFocusIn() {
+    this.editable && (this.valueBeforeEdit = this.value);
+  }
+  handleFocusOut() {
+    this.editable && this.commitEdit();
+  }
+  handleKeyDown(e) {
+    this.editable && (e.key === "Enter" ? (e.preventDefault(), this.blur()) : e.key === "Escape" && (e.preventDefault(), this.textContent = this.valueBeforeEdit, this.blur()));
+  }
+  /**
+   * Normalises the edited text and reports it. Runs from focusout, so both Enter and clicking
+   * away end up here exactly once per edit.
+   */
+  commitEdit() {
+    const e = this.value;
+    if (!e) {
+      this.textContent = this.valueBeforeEdit;
+      return;
+    }
+    this.textContent !== e && (this.textContent = e), e !== this.valueBeforeEdit && this.emit("cx-change");
+  }
+  render() {
+    switch (this.variant) {
+      case t.Body1:
+        return i`<p part="base" class="body body-1"><slot></slot></p>`;
+      case t.Body2:
+        return i`<p part="base" class="body body-2"><slot></slot></p>`;
+      case t.Body3:
+        return i`<p part="base" class="body body-3"><slot></slot></p>`;
+      case t.Small:
+        return i`<small part="base" class="small"><slot></slot></small>`;
+      case t.H1:
+        return i`<h1 part="base" class="heading heading-1"><slot></slot></h1>`;
+      case t.H2:
+        return i`<h2 part="base" class="heading heading-2"><slot></slot></h2>`;
+      case t.H3:
+        return i`<h3 part="base" class="heading heading-3"><slot></slot></h3>`;
+      case t.H4:
+        return i`<h4 part="base" class="heading heading-4"><slot></slot></h4>`;
+      case t.H5:
+        return i`<h5 part="base" class="heading heading-5"><slot></slot></h5>`;
+      case t.H6:
+        return i`<h6 part="base" class="heading heading-6"><slot></slot></h6>`;
+    }
+    return i`<p part="base" class="body body-2"><slot></slot></p>`;
+  }
+};
+a.styles = [g, m];
+n([
+  d({ type: String })
+], a.prototype, "variant", 2);
+n([
+  d({ reflect: !0, type: Boolean })
+], a.prototype, "editable", 2);
+n([
+  d({ attribute: "value", type: String })
+], a.prototype, "value", 1);
+n([
+  u("editable")
+], a.prototype, "handleEditableChange", 1);
+a = n([
+  v("cx-typography")
+], a);
+export {
+  a as C,
+  t as T
+};

package/library/components/alert.js

@@ -2,7 +2,7 @@ import { n as s, C as x } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as b } from "../chunks/component.styles.CAS3c9pM.js";
 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.rtxrs1c1.js";
+import { L as C } from "../chunks/i18n.Q5_2aVLU.js";
 import { H as T } from "../chunks/slot.j5oheLJC.js";
 import { w } from "../chunks/watch.DJF5K-8U.js";
 import { i as I, x as h } from "../chunks/lit-element.jLBm65_O.js";
@@ -10,7 +10,7 @@ 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.CbUddcgI.js";
+import { C as H } from "../chunks/icon-button.BjAbCuH8.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/asset-link-format.js

@@ -1,17 +1,17 @@
 import "./cropper.js";
-import "../chunks/button.D1YIxtv-.js";
+import "../chunks/button.DbAUlIXG.js";
 import "./space.js";
-import "../chunks/typography.T72DuoCa.js";
+import "../chunks/typography.BLYdTF0n.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { C as h } from "../chunks/asset-link-format.CVwjA_yf.js";
+import { C as h } from "../chunks/asset-link-format.C5Ue4EGP.js";
 import "../chunks/component.styles.CAS3c9pM.js";
 import "../chunks/asset-link-format.ClaYu_v8.js";
-import "../chunks/position-picker.DjnhxIKF.js";
+import "../chunks/position-picker.qkbJlboF.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/i18n.rtxrs1c1.js";
+import "../chunks/i18n.Q5_2aVLU.js";
 import "../chunks/watch.DJF5K-8U.js";
 import "../chunks/number.Cx2ncfJJ.js";
-import "../chunks/transformation.B8m0Nbao.js";
+import "../chunks/transformation.Dm-pK2ft.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/when.Dr1es41R.js";

package/library/components/atoms.js

@@ -7,85 +7,86 @@ import { default as D } from "./array-line-clamp.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.D1YIxtv-.js";
-import { default as E } from "./button-group.js";
-import { default as L } from "./card.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.BbQ4Du0M.js";
-import { default as oe } from "./divider.js";
-import { C as re } from "../chunks/document-viewer.DtBW-p7z.js";
-import { C as xe } from "../chunks/dot-pagination.CJRAtM51.js";
-import { default as me } from "./dot-status.js";
-import { default as Ce } from "./drawer.js";
-import { default as ue } from "./dropdown.js";
-import { default as de } from "./e-chart.js";
-import { default as ie } from "./element-clamp.js";
-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 we } from "./grid.js";
-import { default as he } from "./grid-item.js";
-import { C as Pe } from "../chunks/header.BioJzPlg.js";
-import { C as Me } from "../chunks/hub-connection.BtevPWYb.js";
+import { default as M } from "./box.js";
+import { default as F } from "./breadcrumb.js";
+import { default as O } from "./breadcrumb-item.js";
+import { C as E } from "../chunks/button.DbAUlIXG.js";
+import { default as L } from "./button-group.js";
+import { default as j } from "./card.js";
+import { default as Q } from "./checkbox.js";
+import { default as q } from "./color-picker.js";
+import { default as K } from "./copy-button.js";
+import { default as W } from "./date-calendar.js";
+import { default as Y } from "./details.js";
+import { default as _ } from "./diff.js";
+import { C as oe } from "../chunks/dialog.CXphbq8N.js";
+import { default as re } from "./divider.js";
+import { C as xe } from "../chunks/document-viewer.B_ESlazf.js";
+import { C as me } from "../chunks/dot-pagination.CzT-MZmt.js";
+import { default as Ce } from "./dot-status.js";
+import { default as ue } from "./drawer.js";
+import { default as de } from "./dropdown.js";
+import { default as ie } from "./e-chart.js";
+import { default as ge } from "./element-clamp.js";
+import { default as Ae } from "./format-bytes.js";
+import { default as Se } from "./format-date.js";
+import { default as De } from "./format-number.js";
+import { default as we } from "./format-time.js";
+import { default as he } from "./grid.js";
+import { default as Pe } from "./grid-item.js";
+import { C as Me } from "../chunks/header.Dy57RuQW.js";
+import { C as Fe } from "../chunks/hub-connection.BtevPWYb.js";
 import { f } from "../chunks/icon.BLXWp6CU.js";
-import { C as Fe } from "../chunks/icon.BLXWp6CU.js";
-import { C as Oe } from "../chunks/icon-button.CbUddcgI.js";
-import { C as Ee } from "../chunks/iframe.y7iCAVZP.js";
-import { C as Le } from "../chunks/image.A2hE1WoV.js";
-import { default as je } from "./image-comparer.js";
-import { default as Qe } from "./include.js";
-import { C as qe } from "../chunks/input.D1FFprPl.js";
-import { default as Ke } from "./input-group.js";
-import { default as We } from "./line-clamp.js";
-import { C as Ye } from "../chunks/markdown.Dd_GFJK8.js";
-import { default as _e } from "./menu.js";
-import { C as oo } from "../chunks/menu-item.CbqZ66to.js";
-import { default as ro } from "./menu-label.js";
-import { default as xo } from "./menu-section.js";
-import { default as mo } from "./mutation-observer.js";
-import { C as Co } from "../chunks/option.CkhHTlpl.js";
-import { C as uo } from "../chunks/pagination.BlQRt932.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 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";
-import { default as vo } from "./rating.js";
-import { default as No } from "./relative-time.js";
-import { default as ko } from "./resize-observer.js";
-import { default as Ho } from "./select.js";
-import { default as Vo } from "./skeleton.js";
-import { default as zo } from "./space.js";
-import { default as $o } from "./spinner.js";
-import { default as Jo } from "./split-panel.js";
-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.CQfcMVEw.js";
-import { default as at } from "./tab-panel.js";
-import { default as ft } from "./tag.js";
-import { default as st } from "./textarea.js";
-import { default as pt } from "./timecode.js";
-import { default as lt } from "./tooltip.js";
-import { a as nt, C as it } from "../chunks/tree.B7IKBX3n.js";
-import { C as gt } from "../chunks/typography.T72DuoCa.js";
-import { default as At } from "./video.js";
-import { default as St } from "./visually-hidden.js";
-import { c as Dt } from "../chunks/component.styles.CAS3c9pM.js";
-import { g as wt, a as Rt, s as ht } from "../chunks/animation-registry.HmpwNuGH.js";
+import { C as Oe } from "../chunks/icon.BLXWp6CU.js";
+import { C as Ee } from "../chunks/icon-button.BjAbCuH8.js";
+import { C as Le } from "../chunks/iframe.CdktjPCB.js";
+import { C as je } from "../chunks/image.CCo__54F.js";
+import { default as Qe } from "./image-comparer.js";
+import { default as qe } from "./include.js";
+import { C as Ke } from "../chunks/input.ftEf4GS6.js";
+import { default as We } from "./input-group.js";
+import { default as Ye } from "./line-clamp.js";
+import { C as _e } from "../chunks/markdown.RljldBNb.js";
+import { default as oo } from "./menu.js";
+import { C as ro } from "../chunks/menu-item.BNs1Ji48.js";
+import { default as xo } from "./menu-label.js";
+import { default as mo } from "./menu-section.js";
+import { default as Co } from "./mutation-observer.js";
+import { C as uo } from "../chunks/option.C8IEnv5Q.js";
+import { C as no } from "../chunks/pagination.Bke9vgl4.js";
+import { default as co } from "./popup.js";
+import { default as bo } from "./progress-bar.js";
+import { default as Io } from "./progress-ring.js";
+import { default as To } from "./qr-code.js";
+import { default as Bo } from "./radio.js";
+import { default as Ro } from "./radio-button.js";
+import { default as yo } from "./radio-card.js";
+import { default as Go } from "./radio-group.js";
+import { default as vo } from "./range.js";
+import { default as No } from "./rating.js";
+import { default as ko } from "./relative-time.js";
+import { default as Ho } from "./resize-observer.js";
+import { default as Vo } from "./select.js";
+import { default as zo } from "./skeleton.js";
+import { default as $o } from "./space.js";
+import { default as Jo } from "./spinner.js";
+import { default as Uo } from "./split-panel.js";
+import { default as Xo } from "./step.js";
+import { default as Zo } from "./stepper.js";
+import { default as et } from "./switch.js";
+import { default as tt } from "./tab.js";
+import { C as at } from "../chunks/tab-group.DZ32f41G.js";
+import { default as ft } from "./tab-panel.js";
+import { default as st } from "./tag.js";
+import { default as pt } from "./textarea.js";
+import { default as lt } from "./timecode.js";
+import { default as nt } from "./tooltip.js";
+import { a as ct, C as gt } from "../chunks/tree.Umn7TAkc.js";
+import { C as At } from "../chunks/typography.BLYdTF0n.js";
+import { default as St } from "./video.js";
+import { default as Dt } from "./visually-hidden.js";
+import { c as wt } from "../chunks/component.styles.CAS3c9pM.js";
+import { g as ht, a as yt, s as Pt } from "../chunks/animation-registry.HmpwNuGH.js";
 function p() {
   return Object.entries(a).filter(([e]) => e !== "easings").map(([e]) => e);
 }
@@ -109,88 +110,89 @@ export {
   w as CxAudio,
   h as CxAvatar,
   P as CxBadge,
-  M as CxBreadcrumb,
-  F as CxBreadcrumbItem,
-  O as CxButton,
-  E as CxButtonGroup,
-  L as CxCard,
-  j as CxCheckbox,
-  Q as CxColorPicker,
-  q as CxCopyButton,
-  K as CxDateCalendar,
-  W as CxDetails,
-  _ as CxDialog,
-  Y as CxDiff,
-  oe as CxDivider,
-  re as CxDocumentViewer,
-  xe as CxDotPagination,
-  me as CxDotStatus,
-  Ce as CxDrawer,
-  ue as CxDropdown,
-  de as CxEChart,
-  ie as CxElementClamp,
-  ge as CxFormatBytes,
-  Ae as CxFormatDate,
-  Se as CxFormatNumber,
-  De as CxFormatTime,
-  we as CxGrid,
-  he as CxGridItem,
-  Pe as CxHeader,
-  Me as CxHubConnection,
-  Fe as CxIcon,
-  Oe as CxIconButton,
-  Ee as CxIframe,
-  Le as CxImage,
-  je as CxImageComparer,
-  Qe as CxInclude,
-  qe as CxInput,
-  Ke as CxInputGroup,
-  We as CxLineClamp,
-  Ye as CxMarkdown,
-  _e as CxMenu,
-  oo as CxMenuItem,
-  ro as CxMenuLabel,
-  xo as CxMenuSection,
-  mo as CxMutationObserver,
-  Co as CxOption,
-  uo as CxPagination,
-  no as CxPopup,
-  co as CxProgressBar,
-  bo as CxProgressRing,
-  Io as CxQrCode,
-  To as CxRadio,
-  Bo as CxRadioButton,
-  Ro as CxRadioCard,
-  yo as CxRadioGroup,
-  Go as CxRange,
-  vo as CxRating,
-  No as CxRelativeTime,
-  ko as CxResizeObserver,
-  Ho as CxSelect,
-  Vo as CxSkeleton,
-  zo as CxSpace,
-  $o as CxSpinner,
-  Jo as CxSplitPanel,
-  Uo as CxStep,
-  Xo as CxStepper,
-  Zo as CxSwitch,
-  et as CxTab,
-  tt as CxTabGroup,
-  at as CxTabPanel,
-  ft as CxTag,
-  st as CxTextarea,
-  pt as CxTimecode,
-  lt as CxTooltip,
-  nt as CxTree,
-  it as CxTreeItem,
-  gt as CxTypography,
-  At as CxVideo,
-  St as CxVisuallyHidden,
-  Dt as componentStyles,
+  M as CxBox,
+  F as CxBreadcrumb,
+  O as CxBreadcrumbItem,
+  E as CxButton,
+  L as CxButtonGroup,
+  j as CxCard,
+  Q as CxCheckbox,
+  q as CxColorPicker,
+  K as CxCopyButton,
+  W as CxDateCalendar,
+  Y as CxDetails,
+  oe as CxDialog,
+  _ as CxDiff,
+  re as CxDivider,
+  xe as CxDocumentViewer,
+  me as CxDotPagination,
+  Ce as CxDotStatus,
+  ue as CxDrawer,
+  de as CxDropdown,
+  ie as CxEChart,
+  ge as CxElementClamp,
+  Ae as CxFormatBytes,
+  Se as CxFormatDate,
+  De as CxFormatNumber,
+  we as CxFormatTime,
+  he as CxGrid,
+  Pe as CxGridItem,
+  Me as CxHeader,
+  Fe as CxHubConnection,
+  Oe as CxIcon,
+  Ee as CxIconButton,
+  Le as CxIframe,
+  je as CxImage,
+  Qe as CxImageComparer,
+  qe as CxInclude,
+  Ke as CxInput,
+  We as CxInputGroup,
+  Ye as CxLineClamp,
+  _e as CxMarkdown,
+  oo as CxMenu,
+  ro as CxMenuItem,
+  xo as CxMenuLabel,
+  mo as CxMenuSection,
+  Co as CxMutationObserver,
+  uo as CxOption,
+  no as CxPagination,
+  co as CxPopup,
+  bo as CxProgressBar,
+  Io as CxProgressRing,
+  To as CxQrCode,
+  Bo as CxRadio,
+  Ro as CxRadioButton,
+  yo as CxRadioCard,
+  Go as CxRadioGroup,
+  vo as CxRange,
+  No as CxRating,
+  ko as CxRelativeTime,
+  Ho as CxResizeObserver,
+  Vo as CxSelect,
+  zo as CxSkeleton,
+  $o as CxSpace,
+  Jo as CxSpinner,
+  Uo as CxSplitPanel,
+  Xo as CxStep,
+  Zo as CxStepper,
+  et as CxSwitch,
+  tt as CxTab,
+  at as CxTabGroup,
+  ft as CxTabPanel,
+  st as CxTag,
+  pt as CxTextarea,
+  lt as CxTimecode,
+  nt as CxTooltip,
+  ct as CxTree,
+  gt as CxTreeItem,
+  At as CxTypography,
+  St as CxVideo,
+  Dt as CxVisuallyHidden,
+  wt as componentStyles,
   l as fontAwesomeIconNames,
-  wt as getAnimation,
+  ht as getAnimation,
   p as getAnimationNames,
   u as getEasingNames,
-  Rt as setAnimation,
-  ht as setDefaultAnimation
+  yt as setAnimation,
+  Pt as setDefaultAnimation
 };

package/library/components/audio.js

@@ -2,7 +2,7 @@ import { r as f, R as y } from "../chunks/resizable-component.styles.CAfXABBc.js
 import { c as v } from "../chunks/component.styles.CAS3c9pM.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.rtxrs1c1.js";
+import { L as S } from "../chunks/i18n.Q5_2aVLU.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";
@@ -11,8 +11,8 @@ 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.CbUddcgI.js";
-import { C as T } from "../chunks/typography.T72DuoCa.js";
+import { C as z } from "../chunks/icon-button.BjAbCuH8.js";
+import { C as T } from "../chunks/typography.BLYdTF0n.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) => {
   for (var n = s > 1 ? void 0 : s ? D(o, a) : o, c = t.length - 1, p; c >= 0; c--)

package/library/components/bicolor-picker.js

@@ -52,8 +52,8 @@ s([
       fromAttribute: (r) => {
         const e = (r ?? "").split(" ");
         return [
-          !e[0] || e[0] === "transparent" ? "" : e[0],
-          !e[1] || e[1] === "transparent" ? "" : e[1]
+          !e[0] || e[0] === "transparent" || e[0] === "#0000" ? "" : e[0],
+          !e[1] || e[1] === "transparent" || e[1] === "#0000" ? "" : e[1]
         ];
       },
       toAttribute: (r) => r.join(" ")

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

@@ -1,9 +1,9 @@
-import { C as n } from "../chunks/input.D1FFprPl.js";
+import { C as n } from "../chunks/input.ftEf4GS6.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.CAS3c9pM.js";
 import { c as d } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as x } from "../chunks/i18n.rtxrs1c1.js";
+import { L as x } from "../chunks/i18n.Q5_2aVLU.js";
 import { i as v, x as b } from "../chunks/lit-element.jLBm65_O.js";
 import f from "./bicolor-picker.js";
 const g = v`.border-width{width:72px}`;

package/library/components/box.d.ts

@@ -0,0 +1,3 @@
+export * from '../packages/atoms/src/components/box/box'
+import _default from '../packages/atoms/src/components/box/box'
+export default _default

package/library/components/box.js

@@ -0,0 +1,22 @@
+import { C as m } from "../chunks/lib-cortex-element.CVMmyPMC.js";
+import { c as p } from "../chunks/component.styles.CAS3c9pM.js";
+import { c } from "../chunks/custom-element.L4WJXn1j.js";
+import { i, x } from "../chunks/lit-element.jLBm65_O.js";
+const f = i`:host{display:block}:host([hidden]){display:none!important}`;
+var d = Object.getOwnPropertyDescriptor, y = (r, s, a, l) => {
+  for (var t = l > 1 ? void 0 : l ? d(s, a) : s, e = r.length - 1, n; e >= 0; e--)
+    (n = r[e]) && (t = n(t) || t);
+  return t;
+};
+let o = class extends m {
+  render() {
+    return x`<slot part="base"></slot>`;
+  }
+};
+o.styles = [p, f];
+o = y([
+  c("cx-box")
+], o);
+export {
+  o as default
+};

package/library/components/breadcrumb.js

@@ -1,7 +1,7 @@
 import { n as p, C as h } from "../chunks/lib-cortex-element.CVMmyPMC.js";
 import { c as d } from "../chunks/component.styles.CAS3c9pM.js";
 import { c as m } from "../chunks/custom-element.L4WJXn1j.js";
-import { L as u } from "../chunks/i18n.rtxrs1c1.js";
+import { L as u } from "../chunks/i18n.Q5_2aVLU.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.BLXWp6CU.js";

package/library/components/button.js

@@ -1,9 +1,9 @@
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CAS3c9pM.js";
-import { C as h } from "../chunks/button.D1YIxtv-.js";
+import { C as h } from "../chunks/button.DbAUlIXG.js";
 import "../chunks/custom-element.L4WJXn1j.js";
-import "../chunks/form.DN2v7-DH.js";
-import "../chunks/i18n.rtxrs1c1.js";
+import "../chunks/form.LpappO1d.js";
+import "../chunks/i18n.Q5_2aVLU.js";
 import "../chunks/slot.j5oheLJC.js";
 import "../chunks/watch.DJF5K-8U.js";
 import "../chunks/state.CSDxrqLd.js";
@@ -14,7 +14,7 @@ import "../chunks/when.Dr1es41R.js";
 import "../chunks/static.UA3G1Deq.js";
 import "../chunks/icon.BLXWp6CU.js";
 import "./spinner.js";
-import "../chunks/button.styles.BWgHrfLD.js";
+import "../chunks/button.styles.D3GdfF7I.js";
 export {
   h as default
 };