@rcarls/rc-splitter 0.3.2 → 0.4.0

package/dist/{rc-splitter-BZgnDbmR.js → rc-splitter-CJTLxYi3.js}

@@ -1,7 +1,7 @@
-import { css as v, LitElement as _, html as c, nothing as f } from "lit";
-import { property as o, state as h, query as b, queryAssignedElements as u } from "lit/decorators.js";
-import { keyNavigation as m, keyInteraction as y, mouseMove as g } from "@rcarls/rc-common";
-const x = v`
+import { css as f, LitElement as m, html as p, nothing as g } from "lit";
+import { property as l, state as c, query as _, queryAssignedElements as v } from "lit/decorators.js";
+import { DragGestureController as y, findNextSnapIndex as b, findNearestSnapIndex as x, keyNavigation as V, keyInteraction as M } from "@rcarls/rc-common";
+const z = f`
   *,
   *::before,
   *::after {
@@ -41,9 +41,18 @@ const x = v`
     display: flex;
     flex-direction: column;
     justify-content: center;
-    background-color: var(--rc-splitter-separator-color, color-mix(in srgb, ButtonBorder 35%, Canvas 65%));
-    border-left: var(--rc-splitter-separator-border-inline-start, var(--rc-splitter-keyline, 1px solid ButtonBorder));
-    border-right: var(--rc-splitter-separator-border-inline-end, var(--rc-splitter-keyline, 1px solid ButtonBorder));
+    background-color: var(
+      --rc-splitter-separator-color,
+      color-mix(in srgb, ButtonBorder 35%, Canvas 65%)
+    );
+    border-left: var(
+      --rc-splitter-separator-border-inline-start,
+      var(--rc-splitter-keyline, 1px solid ButtonBorder)
+    );
+    border-right: var(
+      --rc-splitter-separator-border-inline-end,
+      var(--rc-splitter-keyline, 1px solid ButtonBorder)
+    );
     /* z-index: 1 as a flex item stacks separator above pane siblings so the
        ::after touch-target circle (which extends past the strip) is hittable */
     z-index: 1;
@@ -54,8 +63,14 @@ const x = v`
       flex-direction: row;
       border-left: unset;
       border-right: unset;
-      border-top: var(--rc-splitter-separator-border-block-start, var(--rc-splitter-keyline, 1px solid ButtonBorder));
-      border-bottom: var(--rc-splitter-separator-border-block-end, var(--rc-splitter-keyline, 1px solid ButtonBorder));
+      border-top: var(
+        --rc-splitter-separator-border-block-start,
+        var(--rc-splitter-keyline, 1px solid ButtonBorder)
+      );
+      border-bottom: var(
+        --rc-splitter-separator-border-block-end,
+        var(--rc-splitter-keyline, 1px solid ButtonBorder)
+      );
     }
   }
 
@@ -97,6 +112,7 @@ const x = v`
   }
 
   #separator-handle {
+    touch-action: none;
     width: 100%;
     height: var(--rc-splitter-separator-handle-size, 100%);
     cursor: col-resize;
@@ -118,9 +134,21 @@ const x = v`
       background-color: var(--rc-splitter-handle-fill, transparent);
       background-image: var(
         --rc-splitter-handle-pattern,
-        radial-gradient(circle 1px at 50% calc(50% - 5px), var(--rc-splitter-handle-color, ButtonBorder) 100%, transparent 100%),
-        radial-gradient(circle 1px at 50% 50%, var(--rc-splitter-handle-color, ButtonBorder) 100%, transparent 100%),
-        radial-gradient(circle 1px at 50% calc(50% + 5px), var(--rc-splitter-handle-color, ButtonBorder) 100%, transparent 100%)
+        radial-gradient(
+          circle 1px at 50% calc(50% - 5px),
+          var(--rc-splitter-handle-color, ButtonBorder) 100%,
+          transparent 100%
+        ),
+        radial-gradient(
+          circle 1px at 50% 50%,
+          var(--rc-splitter-handle-color, ButtonBorder) 100%,
+          transparent 100%
+        ),
+        radial-gradient(
+          circle 1px at 50% calc(50% + 5px),
+          var(--rc-splitter-handle-color, ButtonBorder) 100%,
+          transparent 100%
+        )
       );
       border-radius: var(--rc-splitter-handle-border-radius, 0);
       pointer-events: none;
@@ -160,9 +188,21 @@ const x = v`
         height: var(--rc-splitter-handle-thickness, 4px);
         background-image: var(
           --rc-splitter-handle-pattern,
-          radial-gradient(circle 1px at calc(50% - 5px) 50%, var(--rc-splitter-handle-color, ButtonBorder) 100%, transparent 100%),
-          radial-gradient(circle 1px at 50% 50%, var(--rc-splitter-handle-color, ButtonBorder) 100%, transparent 100%),
-          radial-gradient(circle 1px at calc(50% + 5px) 50%, var(--rc-splitter-handle-color, ButtonBorder) 100%, transparent 100%)
+          radial-gradient(
+            circle 1px at calc(50% - 5px) 50%,
+            var(--rc-splitter-handle-color, ButtonBorder) 100%,
+            transparent 100%
+          ),
+          radial-gradient(
+            circle 1px at 50% 50%,
+            var(--rc-splitter-handle-color, ButtonBorder) 100%,
+            transparent 100%
+          ),
+          radial-gradient(
+            circle 1px at calc(50% + 5px) 50%,
+            var(--rc-splitter-handle-color, ButtonBorder) 100%,
+            transparent 100%
+          )
         );
       }
     }
@@ -194,26 +234,34 @@ const x = v`
     flex: 1;
   }
 `;
-var V = Object.defineProperty, k = Object.getOwnPropertyDescriptor, r = (d, e, t, s) => {
-  for (var a = s > 1 ? void 0 : s ? k(e, t) : e, n = d.length - 1, l; n >= 0; n--)
-    (l = d[n]) && (a = (s ? l(e, t, a) : l(a)) || a);
-  return s && a && V(e, t, a), a;
+var w = Object.defineProperty, S = Object.getOwnPropertyDescriptor, s = (d, t, e, i) => {
+  for (var r = i > 1 ? void 0 : i ? S(t, e) : t, o = d.length - 1, n; o >= 0; o--)
+    (n = d[o]) && (r = (i ? n(t, e, r) : n(r)) || r);
+  return i && r && w(t, e, r), r;
 };
-const p = class p extends _ {
+const $ = 24, k = 200, C = "cubic-bezier(0.4, 0, 0.2, 1)", u = class u extends m {
   constructor() {
-    super(...arguments), this.label = "Splitter", this.orientation = "horizontal", this.mode = "length", this.step = 1, this.min = 0, this.max = void 0, this._valueInitialized = !1, this._value = 0, this.fixed = !1, this.collapsible = !1, this._minValue = 0, this._maxValue = 0, this._lastValue = 0, this._initialMax = 0, this._resizeObserver = new ResizeObserver(() => this._onResize());
-  }
-  set value(e) {
-    const t = this._hostValue;
-    this._hostValue = e, this._initialMax && this._setValue(e, !1), this.requestUpdate("value", t);
+    super(...arguments), this.label = "Splitter", this.orientation = "horizontal", this.mode = "length", this.step = 1, this.min = 0, this.max = void 0, this._valueInitialized = !1, this._value = 0, this.fixed = !1, this.collapsible = !1, this.snapPoints = "", this.swipeVelocity = 500, this._minValue = 0, this._maxValue = 0, this._lastValue = 0, this._initialMax = 0, this._gestureStartValue = 0, this._gestureRestoreValue = 0, this._activeSnapAnimation = null, this._reducedMotion = typeof window < "u" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null, this._gesture = new y(this, {
+      target: () => this._$separatorHandle,
+      axis: this.orientation === "horizontal" ? "x" : "y",
+      focusOnStart: !0,
+      onStart: (t) => this._onGestureStart(t),
+      onMove: (t) => this._onGestureMove(t),
+      onEnd: (t) => this._onGestureEnd(t),
+      onCancel: () => this._onGestureCancel()
+    }), this._resizeObserver = new ResizeObserver(() => this._onResize());
+  }
+  set value(t) {
+    const e = this._hostValue;
+    this._hostValue = t, this._initialMax && this._setValue(t, !1), this.requestUpdate("value", e);
   }
   /** The current splitter value, corresponding to the separator position, in either pixels or percentage points depending on `mode`. */
   get value() {
     return this._value;
   }
-  set defaultValue(e) {
-    const t = this._defaultValue;
-    this._defaultValue = e, !this._initialMax && this._hostValue === void 0 && e !== void 0 && this._setValue(e, !1), this.requestUpdate("defaultValue", t);
+  set defaultValue(t) {
+    const e = this._defaultValue;
+    this._defaultValue = t, !this._initialMax && this._hostValue === void 0 && t !== void 0 && this._setValue(t, !1), this.requestUpdate("defaultValue", e);
   }
   /** Initial uncontrolled splitter value. */
   get defaultValue() {
@@ -230,20 +278,19 @@ const p = class p extends _ {
     return this._initialMax > 0 && this.value <= this._effectiveMin;
   }
   _toggleCollapse() {
-    this._setUserValue(
-      this._isCollapsed ? this._lastValue : this._effectiveMin
-    );
+    this._setUserValue(this._isCollapsed ? this._lastValue : this._effectiveMin);
   }
   _onCollapseButtonClick() {
     this._toggleCollapse();
   }
-  _onCollapseKeydown(e) {
-    if (!this.collapsible || this.fixed || !e.ctrlKey && !e.metaKey) return;
-    (this.orientation === "horizontal" ? e.key === "ArrowLeft" || e.key === "ArrowRight" : e.key === "ArrowUp" || e.key === "ArrowDown") && (e.preventDefault(), e.stopImmediatePropagation(), this._toggleCollapse());
+  _onCollapseKeydown(t) {
+    if (!this.collapsible || this.fixed || !t.ctrlKey && !t.metaKey)
+      return;
+    (this.orientation === "horizontal" ? t.key === "ArrowLeft" || t.key === "ArrowRight" : t.key === "ArrowUp" || t.key === "ArrowDown") && (t.preventDefault(), t.stopImmediatePropagation(), this._toggleCollapse());
   }
   get _collapseButtonIcon() {
-    const t = this.orientation === "horizontal" ? this._isCollapsed ? "M 3 1 L 7 5 L 3 9" : "M 7 1 L 3 5 L 7 9" : this._isCollapsed ? "M 1 3 L 5 7 L 9 3" : "M 1 7 L 5 3 L 9 7";
-    return c`<svg
+    const e = this.orientation === "horizontal" ? this._isCollapsed ? "M 3 1 L 7 5 L 3 9" : "M 7 1 L 3 5 L 7 9" : this._isCollapsed ? "M 1 3 L 5 7 L 9 3" : "M 1 7 L 5 3 L 9 7";
+    return p`<svg
       aria-hidden="true"
       viewBox="0 0 10 10"
       width="10"
@@ -254,15 +301,15 @@ const p = class p extends _ {
       stroke-linecap="round"
       stroke-linejoin="round"
     >
-      <path d=${t} />
+      <path d=${e} />
     </svg>`;
   }
-  _setValue(e, t) {
-    const s = this._value;
+  _setValue(t, e) {
+    const i = this._value;
     this._value = Math.min(
-      Math.max(Math.round(e / this.step) * this.step, this._effectiveMin),
+      Math.max(Math.round(t / this.step) * this.step, this._effectiveMin),
       this._effectiveMax
-    ), t && this._value !== s && this.dispatchEvent(
+    ), e && this._value !== i && this.dispatchEvent(
       new CustomEvent("rc-splitter-change", {
         bubbles: !0,
         composed: !0,
@@ -270,16 +317,16 @@ const p = class p extends _ {
       })
     );
   }
-  _setUserValue(e) {
-    this._valueInitialized = !0, this._hostValue = void 0, this._value > this._effectiveMin && (this._lastValue = this._value), this._setValue(e, !0);
+  _setUserValue(t) {
+    this._valueInitialized = !0, this._hostValue = void 0, this._value > this._effectiveMin && (this._lastValue = this._value), this._setValue(t, !0);
   }
   /** A human-readable string representation of the value. */
   get valueText() {
-    return `${this.value}${this.mode === "length" ? "px" : "%"}`;
+    return `${this.value}${this.mode === "percent" ? "%" : "px"}`;
   }
-  _onKeyboardResize(e) {
+  _onKeyboardResize(t) {
     if (!this.fixed)
-      switch (e) {
+      switch (t) {
         case "next":
           this._setUserValue(this.value + this.step);
           break;
@@ -305,66 +352,144 @@ const p = class p extends _ {
           break;
       }
   }
-  _onPointerResize(e) {
+  _onPointerResize(t) {
     if (this.fixed)
       return;
-    const t = this.getBoundingClientRect();
-    this.orientation === "vertical" ? this._setUserValue(
-      (e.clientY - t.top) / t.height * this._maxValue
-    ) : this._setUserValue(
-      (e.clientX - t.left) / t.width * this._maxValue
+    const e = this.getBoundingClientRect();
+    this.orientation === "vertical" ? this._setUserValue((t.clientY - e.top) / e.height * this._maxValue) : this._setUserValue((t.clientX - e.left) / e.width * this._maxValue);
+  }
+  /**
+   * Settles at a declared snap point by zero-based index.
+   *
+   * Finite fractional indices are truncated and clamped. Calls without valid
+   * snap points or with a non-finite index have no effect.
+   *
+   * @param index - zero-based index into `snapPoints`
+   * @param behavior - whether to animate the movement
+   */
+  snapTo(t, e = "animated") {
+    const i = this._resolvedSnapPoints();
+    if (!Number.isFinite(t) || i.length === 0)
+      return;
+    const r = Math.max(0, Math.min(Math.trunc(t), i.length - 1));
+    this._settleToValue(i[r], e);
+  }
+  _onGestureStart(t) {
+    this._activeSnapAnimation?.cancel(), this._activeSnapAnimation = null, this._gestureStartValue = this.value, this._gestureRestoreValue = this._lastValue;
+  }
+  _onGestureMove(t) {
+    this._onPointerResize({ clientX: t.x, clientY: t.y });
+  }
+  _onGestureEnd(t) {
+    const e = this.orientation === "horizontal" ? t.deltaX : t.deltaY, i = this.orientation === "horizontal" ? t.velocityX : t.velocityY, r = Math.abs(e) >= $ && Math.abs(i) >= this.swipeVelocity;
+    if (r && this.collapsible) {
+      if (i < 0) {
+        const h = this._gestureRestoreValue > this._effectiveMin ? this._gestureRestoreValue : this._gestureStartValue;
+        this._settleToValue(this._effectiveMin, "animated"), this._lastValue = h;
+        return;
+      }
+      if (this._gestureStartValue <= this._effectiveMin) {
+        this._settleToValue(
+          Math.max(this._gestureRestoreValue, this._effectiveMin),
+          "animated"
+        );
+        return;
+      }
+    }
+    const o = this._resolvedSnapPoints();
+    if (o.length === 0)
+      return;
+    const n = r ? b(o, this._gestureStartValue, i > 0 ? 1 : -1) : x(o, this.value);
+    n >= 0 && this._settleToValue(o[n], "animated");
+  }
+  _onGestureCancel() {
+    this._activeSnapAnimation?.cancel(), this._activeSnapAnimation = null;
+  }
+  _resolvedSnapPoints() {
+    return this.snapPoints.trim() ? this.snapPoints.trim().split(/\s+/).map(Number).filter(Number.isFinite).map((t) => Math.min(Math.max(t, this._effectiveMin), this._effectiveMax)).filter((t, e, i) => e === 0 || t !== i[e - 1]) : [];
+  }
+  async _settleToValue(t, e) {
+    const i = this._$primary, r = this.orientation === "horizontal" ? i.getBoundingClientRect().width : i.getBoundingClientRect().height;
+    if (this._activeSnapAnimation?.cancel(), this._activeSnapAnimation = null, this._setUserValue(t), await this.updateComplete, e === "instant" || this._reducedMotion?.matches)
+      return;
+    const o = this.orientation === "horizontal" ? i.getBoundingClientRect().width : i.getBoundingClientRect().height;
+    if (r === o)
+      return;
+    const n = this.orientation === "horizontal" ? "width" : "height", h = i.animate(
+      [{ [n]: `${r}px` }, { [n]: `${o}px` }],
+      {
+        duration: this._snapDuration(),
+        easing: C
+      }
     );
+    this._activeSnapAnimation = h;
+    try {
+      await h.finished;
+    } catch {
+    } finally {
+      this._activeSnapAnimation === h && (this._activeSnapAnimation = null);
+    }
   }
-  _onPrimaryChange(e) {
+  _snapDuration() {
+    const t = getComputedStyle(this).getPropertyValue("--rc-splitter-snap-duration").trim(), e = Number.parseFloat(t);
+    return Number.isFinite(e) ? e : k;
+  }
+  _onPrimaryChange(t) {
     queueMicrotask(() => {
-      this._$primaryElements.length < 2 || this._$primaryElements.slice(1).forEach((t) => t.setAttribute("slot", "secondary"));
+      this._$primaryElements.length < 2 || this._$primaryElements.slice(1).forEach((e) => e.setAttribute("slot", "secondary"));
     });
   }
-  _onSecondaryChange(e) {
+  _onSecondaryChange(t) {
     queueMicrotask(() => {
       !this._$secondaryElements.length || this._$primaryElements.length || this._$secondaryElements.at(0)?.removeAttribute("slot");
     });
   }
-  _measureHostSize(e) {
-    const t = this.getBoundingClientRect(), s = e === "inline" ? t.width : t.height;
-    if (s > 0)
-      return Math.ceil(s);
-    const a = getComputedStyle(this), n = e === "inline" ? a.width : a.height, l = Number.parseFloat(n);
-    return Number.isFinite(l) ? Math.ceil(l) : 0;
+  _measureHostSize(t) {
+    const e = this.getBoundingClientRect(), i = t === "inline" ? e.width : e.height;
+    if (i > 0)
+      return Math.ceil(i);
+    const r = getComputedStyle(this), o = t === "inline" ? r.width : r.height, n = Number.parseFloat(o);
+    return Number.isFinite(n) ? Math.ceil(n) : 0;
   }
   _onResize() {
-    const e = this._$primaryElements.at(0), t = this._$primary.style.getPropertyValue("display");
+    const t = this._$primaryElements.at(0), e = this._$primary.style.getPropertyValue("display");
     globalThis.requestAnimationFrame(() => {
       this._$primary.style.setProperty("display", "contents");
-      const s = e?.getBoundingClientRect() ?? this.getBoundingClientRect();
-      if (this.mode === "length") {
-        const a = this.orientation === "horizontal" ? (
+      const i = t?.getBoundingClientRect() ?? this.getBoundingClientRect();
+      if (this.mode !== "percent") {
+        const r = this.orientation === "horizontal" ? (
           // For horizontal splitters, just take the host width...
           this._measureHostSize("inline")
         ) : (
           // ...otherwise try to use the first lightDOM element's auto height, and cache it
-          this._initialMax || Math.ceil(s.height) || this._measureHostSize("block")
+          this._initialMax || Math.ceil(i.height) || this._measureHostSize("block")
         );
-        (a > 0 || !this._initialMax) && (this._maxValue = a);
+        (r > 0 || !this._initialMax) && (this._maxValue = r);
       } else
         this._maxValue = 100;
       this._initialMax ? this._hostValue !== void 0 ? this._setValue(this._hostValue, !1) : this._setValue(this.value, !1) : (this._initialMax = this._maxValue, this._setValue(
         this._valueInitialized ? this._value : this._hostValue ?? this.defaultValue ?? this._maxValue / 2,
         !1
-      )), t ? this._$primary.style.setProperty("display", t) : this._$primary.style.removeProperty("display");
+      )), e ? this._$primary.style.setProperty("display", e) : this._$primary.style.removeProperty("display");
     });
   }
   connectedCallback() {
     super.connectedCallback(), this._resizeObserver.observe(this);
   }
   disconnectedCallback() {
-    this._resizeObserver.disconnect(), super.disconnectedCallback();
+    this._resizeObserver.disconnect(), this._activeSnapAnimation?.cancel(), this._activeSnapAnimation = null, super.disconnectedCallback();
   }
   firstUpdated() {
     this._onResize();
   }
+  updated() {
+    this._gesture.setOptions({
+      axis: this.orientation === "horizontal" ? "x" : "y",
+      target: () => this._$separatorHandle
+    });
+  }
   render() {
-    return c`
+    return p`
       <div
         id="primary"
         part="primary"
@@ -376,14 +501,16 @@ const p = class p extends _ {
       </div>
 
       <div id="separator" part="separator">
-        ${this.collapsible && this._$secondaryElements.length && !this.fixed ? c`<button
+        ${this.collapsible && this._$secondaryElements.length && !this.fixed ? p`<button
               id="collapse-button"
               part="collapse-button"
               aria-label=${this._isCollapsed ? `Expand ${this.label}` : `Collapse ${this.label}`}
               aria-expanded=${String(!this._isCollapsed)}
               aria-controls="primary"
               @click=${this._onCollapseButtonClick}
-            >${this._collapseButtonIcon}</button>` : f}
+            >
+              ${this._collapseButtonIcon}
+            </button>` : g}
         <div
           id="separator-handle"
           role="separator"
@@ -397,9 +524,8 @@ const p = class p extends _ {
           aria-valuemin=${this._effectiveMin}
           aria-valuemax=${this._effectiveMax}
           @keydown=${this._onCollapseKeydown}
-          ${m(this._onKeyboardResize)}
-          ${y()}
-          ${g(this._onPointerResize)}
+          ${V(this._onKeyboardResize)}
+          ${M()}
           ?hidden=${!this._$secondaryElements.length}
         ></div>
       </div>
@@ -414,60 +540,69 @@ const p = class p extends _ {
     `;
   }
 };
-p.styles = [x];
-let i = p;
-r([
-  o({ type: String })
-], i.prototype, "label", 2);
-r([
-  o({ type: String, reflect: !0 })
-], i.prototype, "orientation", 2);
-r([
-  o({ type: String })
-], i.prototype, "mode", 2);
-r([
-  o({ type: Number })
-], i.prototype, "step", 2);
-r([
-  o({ type: Number })
-], i.prototype, "min", 2);
-r([
-  o({ type: Number })
-], i.prototype, "max", 2);
-r([
-  o({ type: Number })
-], i.prototype, "value", 1);
-r([
-  o({ type: Number, attribute: "default-value" })
-], i.prototype, "defaultValue", 1);
-r([
-  h()
-], i.prototype, "_value", 2);
-r([
-  o({ type: Boolean })
-], i.prototype, "fixed", 2);
-r([
-  o({ type: Boolean })
-], i.prototype, "collapsible", 2);
-r([
-  h()
-], i.prototype, "_minValue", 2);
-r([
-  h()
-], i.prototype, "_maxValue", 2);
-r([
-  h()
-], i.prototype, "_lastValue", 2);
-r([
-  b("#primary", !0)
-], i.prototype, "_$primary", 2);
-r([
-  u()
-], i.prototype, "_$primaryElements", 2);
-r([
-  u({ slot: "secondary" })
-], i.prototype, "_$secondaryElements", 2);
+u.styles = [z];
+let a = u;
+s([
+  l({ type: String })
+], a.prototype, "label", 2);
+s([
+  l({ type: String, reflect: !0 })
+], a.prototype, "orientation", 2);
+s([
+  l({ type: String, reflect: !0 })
+], a.prototype, "mode", 2);
+s([
+  l({ type: Number })
+], a.prototype, "step", 2);
+s([
+  l({ type: Number })
+], a.prototype, "min", 2);
+s([
+  l({ type: Number })
+], a.prototype, "max", 2);
+s([
+  l({ type: Number })
+], a.prototype, "value", 1);
+s([
+  l({ type: Number, attribute: "default-value" })
+], a.prototype, "defaultValue", 1);
+s([
+  c()
+], a.prototype, "_value", 2);
+s([
+  l({ type: Boolean })
+], a.prototype, "fixed", 2);
+s([
+  l({ type: Boolean })
+], a.prototype, "collapsible", 2);
+s([
+  l({ type: String, attribute: "snap-points" })
+], a.prototype, "snapPoints", 2);
+s([
+  l({ type: Number, attribute: "swipe-velocity" })
+], a.prototype, "swipeVelocity", 2);
+s([
+  c()
+], a.prototype, "_minValue", 2);
+s([
+  c()
+], a.prototype, "_maxValue", 2);
+s([
+  c()
+], a.prototype, "_lastValue", 2);
+s([
+  _("#primary", !0)
+], a.prototype, "_$primary", 2);
+s([
+  _("#separator-handle")
+], a.prototype, "_$separatorHandle", 2);
+s([
+  v()
+], a.prototype, "_$primaryElements", 2);
+s([
+  v({ slot: "secondary" })
+], a.prototype, "_$secondaryElements", 2);
 export {
-  i as R
+  a as R
 };
-//# sourceMappingURL=rc-splitter-BZgnDbmR.js.map
+//# sourceMappingURL=rc-splitter-CJTLxYi3.js.map