@orangelogic/design-system 2.19.0-ci.5

package/library/components/rating.d.ts

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

package/library/components/rating.js

@@ -0,0 +1,361 @@
+import { i as g, n as l, C as y, x as c, c as b } from "../chunks/custom-element.fmLrnDZr.js";
+import { c as f } from "../chunks/component.styles.DtouHn2g.js";
+import { L as _ } from "../chunks/i18n.C6c6_pqI.js";
+import { c as x } from "../chunks/math.DqTA6ya4.js";
+import { w as p } from "../chunks/watch.BCJD77bD.js";
+import { r as v } from "../chunks/state.Dt9F_SuS.js";
+import { t as $ } from "../chunks/event-options.CYHYGOd8.js";
+import { e as V } from "../chunks/query.BBf1UFkC.js";
+import { e as u } from "../chunks/class-map.DqNfBvJI.js";
+import { c as w } from "../chunks/repeat.B1pVpmRx.js";
+import { o as m } from "../chunks/style-map.lEJHEwk3.js";
+import { o as d } from "../chunks/unsafe-html.BpqikVtf.js";
+import M from "./icon.js";
+const H = g`
+  :host {
+    --symbol-color: var(--cx-color-neutral-300);
+    --symbol-color-active: var(--cx-color-warning-500);
+    --symbol-size: 1.2rem;
+    --symbol-container-size: 40px;
+    --symbol-spacing: var(--cx-spacing-3x-small);
+
+    display: inline-flex;
+  }
+
+  :host([variant='outlined']) {
+    --symbol-size: var(--cx-font-size-x-large);
+    --symbol-color: var(--cx-color-neutral-600);
+    --symbol-color-active: var(--cx-color-neutral-600);
+  }
+
+  .rating {
+    position: relative;
+    display: inline-flex;
+    border-radius: var(--cx-border-radius-small);
+    vertical-align: middle;
+  }
+
+  .rating:focus {
+    outline: none;
+  }
+
+  .rating:focus-visible {
+    outline: var(--cx-focus-ring);
+    outline-offset: var(--cx-focus-ring-offset);
+  }
+
+  .rating__symbols {
+    display: inline-flex;
+    position: relative;
+    line-height: 0;
+    color: var(--symbol-color);
+    white-space: nowrap;
+    cursor: pointer;
+  }
+
+  .rating__symbols > * {
+    padding: var(--symbol-spacing);
+  }
+
+  .rating__symbol--active,
+  .rating__partial--filled {
+    color: var(--symbol-color-active);
+  }
+
+  .rating__partial-symbol-container {
+    position: relative;
+  }
+
+  .rating__partial--filled {
+    position: absolute;
+    top: var(--symbol-spacing);
+    left: var(--symbol-spacing);
+  }
+
+  .rating__symbol {
+    transition: var(--cx-transition-fast) scale;
+    pointer-events: none;
+  }
+
+  .rating__symbol cx-icon {
+    --font-size: var(--symbol-size);
+  }
+
+  .rating__symbol--hover {
+    scale: 1.2;
+  }
+
+  .rating--disabled .rating__symbols,
+  .rating--readonly .rating__symbols {
+    cursor: default;
+  }
+
+  .rating--disabled .rating__symbol--hover,
+  .rating--readonly .rating__symbol--hover {
+    scale: none;
+  }
+
+  .rating--disabled {
+    opacity: 0.5;
+  }
+
+  .rating--disabled .rating__symbols {
+    cursor: default;
+  }
+
+  /* Forced colors mode */
+  @media (forced-colors: active) {
+    .rating__symbol--active {
+      color: SelectedItem;
+    }
+  }
+
+  /** Outlined */
+  .rating--outlined .rating__symbol {
+    border: var(--cx-input-border-width) solid var(--cx-input-border-color);
+    width: var(--symbol-container-size);
+    height: var(--symbol-container-size);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .rating--outlined .rating__partial--filled {
+    top: unset;
+    left: unset;
+  }
+
+  .rating--outlined .rating__symbol:not(:first-child) {
+    border-left: none;
+  }
+
+  .rating--outlined .rating__symbol:first-child {
+    border-top-left-radius: var(--cx-border-radius-small);
+    border-bottom-left-radius: var(--cx-border-radius-small);
+  }
+
+  .rating--outlined .rating__symbol:last-child {
+    border-top-right-radius: var(--cx-border-radius-small);
+    border-bottom-right-radius: var(--cx-border-radius-small);
+  }
+
+  .rating--outlined .rating__symbol--hover {
+    scale: 1;
+  }
+`;
+var C = Object.defineProperty, P = Object.getOwnPropertyDescriptor, a = (e, o, i, s) => {
+  for (var t = s > 1 ? void 0 : s ? P(o, i) : o, n = e.length - 1, h; n >= 0; n--)
+    (h = e[n]) && (t = (s ? h(o, i, t) : h(t)) || t);
+  return s && t && C(o, i, t), t;
+};
+let r = class extends y {
+  constructor() {
+    super(...arguments), this.localize = new _(this), this.hoverValue = 0, this.isHovering = !1, this.label = "", this.value = 0, this.max = 5, this.precision = 1, this.readonly = !1, this.disabled = !1, this.variant = "default", this.getSymbol = (e, o = !1) => this.variant !== "outlined" ? '<cx-icon name="star"></cx-icon>' : o ? '<cx-icon name="star" variant="filled"></cx-icon>' : '<cx-icon name="star"></cx-icon>';
+  }
+  getValueFromMousePosition(e) {
+    return this.getValueFromXCoordinate(e.clientX);
+  }
+  getValueFromTouchPosition(e) {
+    return this.getValueFromXCoordinate(e.touches[0].clientX);
+  }
+  getValueFromXCoordinate(e) {
+    const o = this.localize.dir() === "rtl", { left: i, right: s, width: t } = this.rating.getBoundingClientRect(), n = o ? this.roundToPrecision(
+      (s - e) / t * this.max,
+      this.precision
+    ) : this.roundToPrecision(
+      (e - i) / t * this.max,
+      this.precision
+    );
+    return x(n, 0, this.max);
+  }
+  handleClick(e) {
+    this.disabled || (this.setValue(this.getValueFromMousePosition(e)), this.emit("cx-change"));
+  }
+  setValue(e) {
+    this.disabled || this.readonly || (this.value = e === this.value ? 0 : e, this.isHovering = !1);
+  }
+  handleKeyDown(e) {
+    const o = this.localize.dir() === "ltr", i = this.localize.dir() === "rtl", s = this.value;
+    if (!(this.disabled || this.readonly)) {
+      if (e.key === "ArrowDown" || o && e.key === "ArrowLeft" || i && e.key === "ArrowRight") {
+        const t = e.shiftKey ? 1 : this.precision;
+        this.value = Math.max(0, this.value - t), e.preventDefault();
+      }
+      if (e.key === "ArrowUp" || o && e.key === "ArrowRight" || i && e.key === "ArrowLeft") {
+        const t = e.shiftKey ? 1 : this.precision;
+        this.value = Math.min(this.max, this.value + t), e.preventDefault();
+      }
+      e.key === "Home" && (this.value = 0, e.preventDefault()), e.key === "End" && (this.value = this.max, e.preventDefault()), this.value !== s && this.emit("cx-change");
+    }
+  }
+  handleMouseEnter(e) {
+    this.isHovering = !0, this.hoverValue = this.getValueFromMousePosition(e);
+  }
+  handleMouseMove(e) {
+    this.hoverValue = this.getValueFromMousePosition(e);
+  }
+  handleMouseLeave() {
+    this.isHovering = !1;
+  }
+  handleTouchStart(e) {
+    this.isHovering = !0, this.hoverValue = this.getValueFromTouchPosition(e), e.preventDefault();
+  }
+  handleTouchMove(e) {
+    this.hoverValue = this.getValueFromTouchPosition(e);
+  }
+  handleTouchEnd(e) {
+    this.isHovering = !1, this.setValue(this.hoverValue), this.emit("cx-change"), e.preventDefault();
+  }
+  roundToPrecision(e, o = 0.5) {
+    const i = 1 / o;
+    return Math.ceil(e * i) / i;
+  }
+  handleHoverValueChange() {
+    this.emit("cx-hover", {
+      detail: {
+        phase: "move",
+        value: this.hoverValue
+      }
+    });
+  }
+  handleIsHoveringChange() {
+    this.emit("cx-hover", {
+      detail: {
+        phase: this.isHovering ? "start" : "end",
+        value: this.hoverValue
+      }
+    });
+  }
+  /** Sets focus on the rating. */
+  focus(e) {
+    this.rating.focus(e);
+  }
+  /** Removes focus from the rating. */
+  blur() {
+    this.rating.blur();
+  }
+  render() {
+    const e = this.localize.dir() === "rtl", o = Array.from(Array(this.max).keys());
+    let i = 0;
+    return this.disabled || this.readonly ? i = this.value : i = this.isHovering ? this.hoverValue : this.value, c`
+      <div
+        part="base"
+        class=${u({
+      rating: !0,
+      "rating--disabled": this.disabled,
+      "rating--outlined": this.variant === "outlined",
+      "rating--readonly": this.readonly,
+      "rating--rtl": e
+    })}
+        role="slider"
+        aria-label=${this.label}
+        aria-disabled=${this.disabled ? "true" : "false"}
+        aria-readonly=${this.readonly ? "true" : "false"}
+        aria-valuenow=${this.value}
+        aria-valuemin="0"
+        aria-valuemax=${this.max}
+        tabindex=${this.disabled ? "-1" : "0"}
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+        @mouseenter=${this.handleMouseEnter}
+        @touchstart=${this.handleTouchStart}
+        @mouseleave=${this.handleMouseLeave}
+        @touchend=${this.handleTouchEnd}
+        @mousemove=${this.handleMouseMove}
+        @touchmove=${this.handleTouchMove}
+      >
+        <span class="rating__symbols">
+          ${w(o, (s, t) => i > t && i < t + 1 ? c`
+                <span
+                  class=${u({
+      "rating__partial-symbol-container": !0,
+      rating__symbol: !0,
+      "rating__symbol--hover": this.isHovering && Math.ceil(i) === t + 1
+    })}
+                  role="presentation"
+                >
+                  <div
+                    style=${m({
+      clipPath: e ? `inset(0 ${(i - t) * 100}% 0 0)` : `inset(0 0 0 ${(i - t) * 100}%)`
+    })}
+                  >
+                    ${d(this.getSymbol(t + 1, !1))}
+                  </div>
+                  <div
+                    class="rating__partial--filled"
+                    style=${m({
+      clipPath: e ? `inset(0 0 0 ${100 - (i - t) * 100}%)` : `inset(0 ${100 - (i - t) * 100}% 0 0)`
+    })}
+                  >
+                    ${d(this.getSymbol(t + 1, !0))}
+                  </div>
+                </span>
+              ` : c`
+              <span
+                class=${u({
+      rating__symbol: !0,
+      "rating__symbol--active": i >= t + 1,
+      "rating__symbol--hover": this.isHovering && Math.ceil(i) === t + 1
+    })}
+                role="presentation"
+              >
+                ${d(
+      this.getSymbol(t + 1, i >= t + 1)
+    )}
+              </span>
+            `)}
+        </span>
+      </div>
+    `;
+  }
+};
+r.styles = [f, H];
+r.dependencies = { "cx-icon": M };
+a([
+  V(".rating")
+], r.prototype, "rating", 2);
+a([
+  v()
+], r.prototype, "hoverValue", 2);
+a([
+  v()
+], r.prototype, "isHovering", 2);
+a([
+  l()
+], r.prototype, "label", 2);
+a([
+  l({ type: Number })
+], r.prototype, "value", 2);
+a([
+  l({ type: Number })
+], r.prototype, "max", 2);
+a([
+  l({ type: Number })
+], r.prototype, "precision", 2);
+a([
+  l({ reflect: !0, type: Boolean })
+], r.prototype, "readonly", 2);
+a([
+  l({ reflect: !0, type: Boolean })
+], r.prototype, "disabled", 2);
+a([
+  l({ reflect: !0 })
+], r.prototype, "variant", 2);
+a([
+  l({ attribute: "get-symbol", type: Function })
+], r.prototype, "getSymbol", 2);
+a([
+  $({ passive: !0 })
+], r.prototype, "handleTouchMove", 1);
+a([
+  p("hoverValue")
+], r.prototype, "handleHoverValueChange", 1);
+a([
+  p("isHovering")
+], r.prototype, "handleIsHoveringChange", 1);
+r = a([
+  b("cx-rating")
+], r);
+export {
+  r as default
+};

package/library/components/relative-time.d.ts

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

package/library/components/relative-time.js

@@ -0,0 +1,87 @@
+import { C as h, x as p, n as u, c as v } from "../chunks/custom-element.fmLrnDZr.js";
+import { L as d } from "../chunks/i18n.C6c6_pqI.js";
+import { r as c } from "../chunks/state.Dt9F_SuS.js";
+var y = Object.defineProperty, f = Object.getOwnPropertyDescriptor, a = (o, e, t, i) => {
+  for (var s = i > 1 ? void 0 : i ? f(e, t) : e, r = o.length - 1, m; r >= 0; r--)
+    (m = o[r]) && (s = (i ? m(e, t, s) : m(s)) || s);
+  return i && s && y(e, t, s), s;
+};
+const T = [
+  { max: 46e3, unit: "second", value: 1e3 },
+  // max 46 seconds
+  { max: 276e4, unit: "minute", value: 6e4 },
+  // max 46 minutes
+  { max: 72e6, unit: "hour", value: 36e5 },
+  // max 20 hours
+  { max: 5184e5, unit: "day", value: 864e5 },
+  // max 6 days
+  { max: 24192e5, unit: "week", value: 6048e5 },
+  // max 28 days
+  { max: 28512e6, unit: "month", value: 2592e6 },
+  // max 11 months
+  { max: 1 / 0, unit: "year", value: 31536e6 }
+];
+let n = class extends h {
+  constructor() {
+    super(...arguments), this.localize = new d(this), this.isoTime = "", this.relativeTime = "", this.date = /* @__PURE__ */ new Date(), this.format = "long", this.numeric = "auto", this.sync = !1, this.syncInterval = -1;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.sync && this.syncInterval > 0 && (this.updateTimeout = window.setTimeout(
+      () => this.requestUpdate(),
+      this.syncInterval
+    ));
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.updateTimeout && clearTimeout(this.updateTimeout), this.updateTimeout = null;
+  }
+  render() {
+    const o = /* @__PURE__ */ new Date(), e = new Date(this.date);
+    if (isNaN(e.getMilliseconds()))
+      return this.relativeTime = "", this.isoTime = "", "";
+    const t = e.getTime() - o.getTime(), { unit: i, value: s } = T.find(
+      (r) => Math.abs(t) < r.max
+    );
+    return this.isoTime = e.toISOString(), this.relativeTime = this.localize.relativeTime(
+      Math.round(t / s),
+      i,
+      {
+        numeric: this.numeric,
+        style: this.format
+      }
+    ), this.updateTimeout && clearTimeout(this.updateTimeout), this.updateTimeout = null, this.sync && (this.syncInterval < 0 && (i === "minute" ? this.syncInterval = l("second") : i === "hour" ? this.syncInterval = l("minute") : i === "day" ? this.syncInterval = l("hour") : this.syncInterval = l("day")), this.updateTimeout = window.setTimeout(
+      () => this.requestUpdate(),
+      this.syncInterval
+    )), p`<time datetime=${this.isoTime}>${this.relativeTime}</time>`;
+  }
+};
+a([
+  c()
+], n.prototype, "isoTime", 2);
+a([
+  c()
+], n.prototype, "relativeTime", 2);
+a([
+  u()
+], n.prototype, "date", 2);
+a([
+  u()
+], n.prototype, "format", 2);
+a([
+  u()
+], n.prototype, "numeric", 2);
+a([
+  u({ type: Boolean })
+], n.prototype, "sync", 2);
+a([
+  u({ attribute: "sync-interval", reflect: !0, type: Number })
+], n.prototype, "syncInterval", 2);
+n = a([
+  v("cx-relative-time")
+], n);
+function l(o) {
+  const t = { day: 864e5, hour: 36e5, minute: 6e4, second: 1e3 }[o];
+  return t - Date.now() % t;
+}
+export {
+  n as default
+};

package/library/components/resize-observer.d.ts

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

package/library/components/resize-observer.js

@@ -0,0 +1,64 @@
+import { i as h, n as c, C as d, x as b, c as v } from "../chunks/custom-element.fmLrnDZr.js";
+import { c as p } from "../chunks/component.styles.DtouHn2g.js";
+import { w as f } from "../chunks/watch.BCJD77bD.js";
+const m = h`
+  :host {
+    display: contents;
+  }
+`;
+var u = Object.defineProperty, O = Object.getOwnPropertyDescriptor, n = (s, r, e, l) => {
+  for (var t = l > 1 ? void 0 : l ? O(r, e) : r, o = s.length - 1, a; o >= 0; o--)
+    (a = s[o]) && (t = (l ? a(r, e, t) : a(t)) || t);
+  return l && t && u(r, e, t), t;
+};
+let i = class extends d {
+  constructor() {
+    super(...arguments), this.observedElements = [], this.disabled = !1;
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.resizeObserver = new ResizeObserver(
+      (s) => {
+        this.emit("cx-resize", { detail: { entries: s } });
+      }
+    ), this.disabled || this.startObserver();
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.stopObserver();
+  }
+  handleSlotChange() {
+    this.disabled || this.startObserver();
+  }
+  startObserver() {
+    const s = this.shadowRoot.querySelector("slot");
+    if (s !== null) {
+      const r = s.assignedElements({
+        flatten: !0
+      });
+      this.observedElements.forEach((e) => this.resizeObserver.unobserve(e)), this.observedElements = [], r.forEach((e) => {
+        this.resizeObserver.observe(e), this.observedElements.push(e);
+      });
+    }
+  }
+  stopObserver() {
+    this.resizeObserver.disconnect();
+  }
+  handleDisabledChange() {
+    this.disabled ? this.stopObserver() : this.startObserver();
+  }
+  render() {
+    return b` <slot @slotchange=${this.handleSlotChange}></slot> `;
+  }
+};
+i.styles = [p, m];
+n([
+  c({ reflect: !0, type: Boolean })
+], i.prototype, "disabled", 2);
+n([
+  f("disabled", { waitUntilFirstUpdate: !0 })
+], i.prototype, "handleDisabledChange", 1);
+i = n([
+  v("cx-resize-observer")
+], i);
+export {
+  i as default
+};

package/library/components/select.d.ts

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

package/library/components/select.js

@@ -0,0 +1,27 @@
+import "./line-clamp.js";
+import "../chunks/typography.trna8y2b.js";
+import "../chunks/custom-element.fmLrnDZr.js";
+import "../chunks/component.styles.DtouHn2g.js";
+import "../chunks/form-control.styles.j0hNjZTU.js";
+import "../chunks/animation-registry.DavRkTTr.js";
+import "../chunks/default-value.BrNrMtnz.js";
+import "../chunks/event.mFzZi4sr.js";
+import "../chunks/form.BFLbw9Rz.js";
+import "../chunks/i18n.C6c6_pqI.js";
+import "../chunks/scroll.DwPiX2Ox.js";
+import "../chunks/slot.DJLm4Dig.js";
+import { C as y } from "../chunks/select.DMdl1Kdd.js";
+import "../chunks/watch.BCJD77bD.js";
+import "../chunks/state.Dt9F_SuS.js";
+import "../chunks/query.BBf1UFkC.js";
+import "../chunks/class-map.DqNfBvJI.js";
+import "../chunks/unsafe-html.BpqikVtf.js";
+import "../chunks/when.Dr1es41R.js";
+import "./icon.js";
+import "../chunks/option.pgg_ZoHY.js";
+import "./popup.js";
+import "./spinner.js";
+import "./tag.js";
+export {
+  y as default
+};

package/library/components/shadow-input-group.d.ts

@@ -0,0 +1,3 @@
+export * from '../packages/molecules/src/shadow-input-group/shadow-input-group'
+import _default from '../packages/molecules/src/shadow-input-group/shadow-input-group'
+export default _default

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

@@ -0,0 +1,115 @@
+import s from "./input.js";
+import l from "./input-group.js";
+import m from "./space.js";
+import { i as h, n as x, C as d, x as c, c as g } from "../chunks/custom-element.fmLrnDZr.js";
+import v from "./bicolor-picker.js";
+import { c as f } from "../chunks/component.styles.DtouHn2g.js";
+import { c as b } from "../chunks/repeat.B1pVpmRx.js";
+const C = h``;
+var $ = Object.defineProperty, w = Object.getOwnPropertyDescriptor, p = (r, e, n, t) => {
+  for (var a = t > 1 ? void 0 : t ? w(e, n) : e, o = r.length - 1, u; o >= 0; o--)
+    (u = r[o]) && (a = (t ? u(e, n, a) : u(a)) || a);
+  return t && a && $(e, n, a), a;
+};
+let i = class extends d {
+  constructor() {
+    super(...arguments), this.value = [
+      "0",
+      "0",
+      "0",
+      "0",
+      "",
+      ""
+    ];
+  }
+  handleBicolorPickerChange(r) {
+    const e = [...this.value];
+    [0, 1, 2, 3].forEach((n) => {
+      const t = Number.parseInt(e[n]);
+      e[n] = (Number.isNaN(t) ? 0 : t) + "px";
+    }), e[4] = r.detail.value[0], e[5] = r.detail.value[1], this.value = e, this.emit("cx-shadow-input-group-change", {
+      detail: {
+        value: e
+      }
+    });
+  }
+  handleInputChange(r) {
+    if (!(r.target instanceof s))
+      return;
+    const e = r.target.dataset.index;
+    if (!e)
+      return;
+    const n = Number.parseInt(e), t = [...this.value];
+    t[n] = r.target.value, [0, 1, 2, 3].forEach((a) => {
+      const o = Number.parseInt(t[a]);
+      t[a] = (Number.isNaN(o) ? 0 : o) + "px";
+    }), this.value = t, this.emit("cx-shadow-input-group-change", {
+      detail: {
+        value: t
+      }
+    });
+  }
+  render() {
+    return c`<cx-space spacing="x-small" wrap="nowrap" align-items="end">
+      <cx-input-group @cx-change=${this.handleInputChange}>
+        ${b(
+      ["X", "Y", "Blur", "Spread"],
+      (r) => r,
+      (r, e) => c`<cx-input
+              data-index=${e}
+              id=${r}
+              label=${r}
+              value=${this.value[e] ?? ""}
+              mask="numpx"
+              .maskBlocks=${{
+        num: {
+          mask: Number,
+          min: r === "Blur" ? 0 : -1 / 0,
+          scale: 0,
+          thousandsSeparator: ""
+        }
+      }}
+            >
+            </cx-input>`
+    )}
+      </cx-input-group>
+      <cx-bicolor-picker
+        part="border-color"
+        value=${`${this.value[4] ?? ""} ${this.value[5] ?? ""}`}
+        @cx-bicolor-picker-change=${this.handleBicolorPickerChange}
+      ></cx-bicolor-picker>
+    </cx-space>`;
+  }
+};
+i.styles = [f, C];
+i.dependencies = {
+  "cx-bi-color-picker": v,
+  "cx-input": s,
+  "cx-input-group": l,
+  "cx-space": m
+};
+p([
+  x({
+    converter: {
+      fromAttribute: (r) => {
+        const e = (r ?? "").split(" ");
+        return [
+          e[0] ?? "0",
+          e[1] ?? "0",
+          e[2] ?? "0",
+          e[3] ?? "0",
+          e[4] ?? "",
+          e[5] ?? ""
+        ];
+      },
+      toAttribute: (r) => r.join(" ")
+    },
+    type: String
+  })
+], i.prototype, "value", 2);
+i = p([
+  g("cx-shadow-input-group")
+], i);
+export {
+  i as default
+};

package/library/components/share-option-list.d.ts

@@ -0,0 +1,3 @@
+export * from '../packages/molecules/src/share-option-list/share-option-list'
+import _default from '../packages/molecules/src/share-option-list/share-option-list'
+export default _default