@duxweb/dvha-naiveui 1.0.10 → 1.0.12

package/dist/esm/node_modules/.pnpm/naive-ui@2.42.0_vue@3.5.17_typescript@5.8.3_/node_modules/naive-ui/es/_internal/scrollbar/src/Scrollbar.js

@@ -0,0 +1,547 @@
+import "../../../../../../../vue@3.5.17_typescript@5.8.3/node_modules/vue/dist/vue.runtime.esm-bundler.js";
+import lt from "./styles/index.cssr.js";
+import ue from "../../../../../../../vueuc@0.4.64_vue@3.5.17_typescript@5.8.3_/node_modules/vueuc/es/resize-observer/src/VResizeObserver.js";
+import ot from "../../../_mixins/use-config.js";
+import { useRtl as nt } from "../../../_mixins/use-rtl.js";
+import me from "../../../_mixins/use-theme.js";
+import { useReactivated as rt } from "../../../_utils/composable/use-reactivated.js";
+import { off as C, on as D } from "../../../../../../../evtd@0.2.4/node_modules/evtd/es/delegate.js";
+import { useThemeClass as it } from "../../../_mixins/use-css-vars-class.js";
+import at from "../../../../../../../vooks@0.2.12_vue@3.5.17_typescript@5.8.3_/node_modules/vooks/es/use-is-ios.js";
+import { Wrapper as fe } from "../../../_utils/vue/wrapper.js";
+import { getMargin as I, depx as de } from "../../../../../../../seemly@0.3.10/node_modules/seemly/es/css/index.js";
+import { rtlInset as he } from "../../../_utils/css/rtl-inset.js";
+import { getPreciseEventTarget as st } from "../../../../../../../seemly@0.3.10/node_modules/seemly/es/dom/get-precise-event-target.js";
+import ct from "../styles/light.js";
+import { defineComponent as ut, h as v, Fragment as ft, computed as c, watchEffect as dt, onMounted as ht, onBeforeUnmount as vt, mergeProps as mt } from "../../../../../../../@vue_runtime-core@3.5.17/node_modules/@vue/runtime-core/dist/runtime-core.esm-bundler.js";
+import { ref as u } from "../../../../../../../@vue_reactivity@3.5.17/node_modules/@vue/reactivity/dist/reactivity.esm-bundler.js";
+import { Transition as ve } from "../../../../../../../@vue_runtime-dom@3.5.17/node_modules/@vue/runtime-dom/dist/runtime-dom.esm-bundler.js";
+const bt = Object.assign(Object.assign({}, me.props), {
+  duration: {
+    type: Number,
+    default: 0
+  },
+  scrollable: {
+    type: Boolean,
+    default: !0
+  },
+  xScrollable: Boolean,
+  trigger: {
+    type: String,
+    default: "hover"
+  },
+  useUnifiedContainer: Boolean,
+  triggerDisplayManually: Boolean,
+  // If container is set, resize observer won't not attached
+  container: Function,
+  content: Function,
+  containerClass: String,
+  containerStyle: [String, Object],
+  contentClass: [String, Array],
+  contentStyle: [String, Object],
+  horizontalRailStyle: [String, Object],
+  verticalRailStyle: [String, Object],
+  onScroll: Function,
+  onWheel: Function,
+  onResize: Function,
+  internalOnUpdateScrollLeft: Function,
+  internalHoistYRail: Boolean,
+  yPlacement: {
+    type: String,
+    default: "right"
+  },
+  xPlacement: {
+    type: String,
+    default: "bottom"
+  }
+}), gt = ut({
+  name: "Scrollbar",
+  props: bt,
+  inheritAttrs: !1,
+  setup(i) {
+    const {
+      mergedClsPrefixRef: R,
+      inlineThemeDisabled: s,
+      mergedRtlRef: $
+    } = ot(i), o = nt("Scrollbar", $, R), W = u(null), Y = u(null), E = u(null), M = u(null), S = u(null), w = u(null), B = u(null), y = u(null), d = u(null), p = u(null), V = u(null), H = u(0), X = u(0), O = u(!1), U = u(!1);
+    let _ = !1, j = !1, m, b, K = 0, Q = 0, F = 0, Z = 0;
+    const be = at(), A = me("Scrollbar", "-scrollbar", lt, ct, i, R), N = c(() => {
+      const {
+        value: e
+      } = y, {
+        value: t
+      } = w, {
+        value: l
+      } = p;
+      return e === null || t === null || l === null ? 0 : Math.min(e, l * e / t + de(A.value.self.width) * 1.5);
+    }), ge = c(() => `${N.value}px`), G = c(() => {
+      const {
+        value: e
+      } = d, {
+        value: t
+      } = B, {
+        value: l
+      } = V;
+      return e === null || t === null || l === null ? 0 : l * e / t + de(A.value.self.height) * 1.5;
+    }), Re = c(() => `${G.value}px`), pe = c(() => {
+      const {
+        value: e
+      } = y, {
+        value: t
+      } = H, {
+        value: l
+      } = w, {
+        value: n
+      } = p;
+      if (e === null || l === null || n === null)
+        return 0;
+      {
+        const a = l - e;
+        return a ? t / a * (n - N.value) : 0;
+      }
+    }), Se = c(() => `${pe.value}px`), we = c(() => {
+      const {
+        value: e
+      } = d, {
+        value: t
+      } = X, {
+        value: l
+      } = B, {
+        value: n
+      } = V;
+      if (e === null || l === null || n === null)
+        return 0;
+      {
+        const a = l - e;
+        return a ? t / a * (n - G.value) : 0;
+      }
+    }), Be = c(() => `${we.value}px`), ee = c(() => {
+      const {
+        value: e
+      } = y, {
+        value: t
+      } = w;
+      return e !== null && t !== null && t > e;
+    }), te = c(() => {
+      const {
+        value: e
+      } = d, {
+        value: t
+      } = B;
+      return e !== null && t !== null && t > e;
+    }), ye = c(() => {
+      const {
+        trigger: e
+      } = i;
+      return e === "none" || O.value;
+    }), xe = c(() => {
+      const {
+        trigger: e
+      } = i;
+      return e === "none" || U.value;
+    }), z = c(() => {
+      const {
+        container: e
+      } = i;
+      return e ? e() : Y.value;
+    }), ze = c(() => {
+      const {
+        content: e
+      } = i;
+      return e ? e() : E.value;
+    }), le = (e, t) => {
+      if (!i.scrollable) return;
+      if (typeof e == "number") {
+        L(e, t ?? 0, 0, !1, "auto");
+        return;
+      }
+      const {
+        left: l,
+        top: n,
+        index: a,
+        elSize: f,
+        position: g,
+        behavior: r,
+        el: h,
+        debounce: x = !0
+      } = e;
+      (l !== void 0 || n !== void 0) && L(l ?? 0, n ?? 0, 0, !1, r), h !== void 0 ? L(0, h.offsetTop, h.offsetHeight, x, r) : a !== void 0 && f !== void 0 ? L(0, a * f, f, x, r) : g === "bottom" ? L(0, Number.MAX_SAFE_INTEGER, 0, !1, r) : g === "top" && L(0, 0, 0, !1, r);
+    }, oe = rt(() => {
+      i.container || le({
+        top: H.value,
+        left: X.value
+      });
+    }), Te = () => {
+      oe.isDeactivated || T();
+    }, Me = (e) => {
+      if (oe.isDeactivated) return;
+      const {
+        onResize: t
+      } = i;
+      t && t(e), T();
+    }, He = (e, t) => {
+      if (!i.scrollable) return;
+      const {
+        value: l
+      } = z;
+      l && (typeof e == "object" ? l.scrollBy(e) : l.scrollBy(e, t || 0));
+    };
+    function L(e, t, l, n, a) {
+      const {
+        value: f
+      } = z;
+      if (f) {
+        if (n) {
+          const {
+            scrollTop: g,
+            offsetHeight: r
+          } = f;
+          if (t > g) {
+            t + l <= g + r || f.scrollTo({
+              left: e,
+              top: t + l - r,
+              behavior: a
+            });
+            return;
+          }
+        }
+        f.scrollTo({
+          left: e,
+          top: t,
+          behavior: a
+        });
+      }
+    }
+    function Le() {
+      Xe(), $e(), T();
+    }
+    function Pe() {
+      k();
+    }
+    function k() {
+      Ce(), We();
+    }
+    function Ce() {
+      b !== void 0 && window.clearTimeout(b), b = window.setTimeout(() => {
+        U.value = !1;
+      }, i.duration);
+    }
+    function We() {
+      m !== void 0 && window.clearTimeout(m), m = window.setTimeout(() => {
+        O.value = !1;
+      }, i.duration);
+    }
+    function Xe() {
+      m !== void 0 && window.clearTimeout(m), O.value = !0;
+    }
+    function $e() {
+      b !== void 0 && window.clearTimeout(b), U.value = !0;
+    }
+    function Ye(e) {
+      const {
+        onScroll: t
+      } = i;
+      t && t(e), ne();
+    }
+    function ne() {
+      const {
+        value: e
+      } = z;
+      e && (H.value = e.scrollTop, X.value = e.scrollLeft * (o != null && o.value ? -1 : 1));
+    }
+    function Ee() {
+      const {
+        value: e
+      } = ze;
+      e && (w.value = e.offsetHeight, B.value = e.offsetWidth);
+      const {
+        value: t
+      } = z;
+      t && (y.value = t.offsetHeight, d.value = t.offsetWidth);
+      const {
+        value: l
+      } = S, {
+        value: n
+      } = M;
+      l && (V.value = l.offsetWidth), n && (p.value = n.offsetHeight);
+    }
+    function re() {
+      const {
+        value: e
+      } = z;
+      e && (H.value = e.scrollTop, X.value = e.scrollLeft * (o != null && o.value ? -1 : 1), y.value = e.offsetHeight, d.value = e.offsetWidth, w.value = e.scrollHeight, B.value = e.scrollWidth);
+      const {
+        value: t
+      } = S, {
+        value: l
+      } = M;
+      t && (V.value = t.offsetWidth), l && (p.value = l.offsetHeight);
+    }
+    function T() {
+      i.scrollable && (i.useUnifiedContainer ? re() : (Ee(), ne()));
+    }
+    function ie(e) {
+      var t;
+      return !(!((t = W.value) === null || t === void 0) && t.contains(st(e)));
+    }
+    function Ve(e) {
+      e.preventDefault(), e.stopPropagation(), j = !0, D("mousemove", window, ae, !0), D("mouseup", window, se, !0), Q = X.value, F = o != null && o.value ? window.innerWidth - e.clientX : e.clientX;
+    }
+    function ae(e) {
+      if (!j) return;
+      m !== void 0 && window.clearTimeout(m), b !== void 0 && window.clearTimeout(b);
+      const {
+        value: t
+      } = d, {
+        value: l
+      } = B, {
+        value: n
+      } = G;
+      if (t === null || l === null) return;
+      const f = (o != null && o.value ? window.innerWidth - e.clientX - F : e.clientX - F) * (l - t) / (t - n), g = l - t;
+      let r = Q + f;
+      r = Math.min(g, r), r = Math.max(r, 0);
+      const {
+        value: h
+      } = z;
+      if (h) {
+        h.scrollLeft = r * (o != null && o.value ? -1 : 1);
+        const {
+          internalOnUpdateScrollLeft: x
+        } = i;
+        x && x(r);
+      }
+    }
+    function se(e) {
+      e.preventDefault(), e.stopPropagation(), C("mousemove", window, ae, !0), C("mouseup", window, se, !0), j = !1, T(), ie(e) && k();
+    }
+    function De(e) {
+      e.preventDefault(), e.stopPropagation(), _ = !0, D("mousemove", window, q, !0), D("mouseup", window, J, !0), K = H.value, Z = e.clientY;
+    }
+    function q(e) {
+      if (!_) return;
+      m !== void 0 && window.clearTimeout(m), b !== void 0 && window.clearTimeout(b);
+      const {
+        value: t
+      } = y, {
+        value: l
+      } = w, {
+        value: n
+      } = N;
+      if (t === null || l === null) return;
+      const f = (e.clientY - Z) * (l - t) / (t - n), g = l - t;
+      let r = K + f;
+      r = Math.min(g, r), r = Math.max(r, 0);
+      const {
+        value: h
+      } = z;
+      h && (h.scrollTop = r);
+    }
+    function J(e) {
+      e.preventDefault(), e.stopPropagation(), C("mousemove", window, q, !0), C("mouseup", window, J, !0), _ = !1, T(), ie(e) && k();
+    }
+    dt(() => {
+      const {
+        value: e
+      } = te, {
+        value: t
+      } = ee, {
+        value: l
+      } = R, {
+        value: n
+      } = S, {
+        value: a
+      } = M;
+      n && (e ? n.classList.remove(`${l}-scrollbar-rail--disabled`) : n.classList.add(`${l}-scrollbar-rail--disabled`)), a && (t ? a.classList.remove(`${l}-scrollbar-rail--disabled`) : a.classList.add(`${l}-scrollbar-rail--disabled`));
+    }), ht(() => {
+      i.container || T();
+    }), vt(() => {
+      m !== void 0 && window.clearTimeout(m), b !== void 0 && window.clearTimeout(b), C("mousemove", window, q, !0), C("mouseup", window, J, !0);
+    });
+    const ce = c(() => {
+      const {
+        common: {
+          cubicBezierEaseInOut: e
+        },
+        self: {
+          color: t,
+          colorHover: l,
+          height: n,
+          width: a,
+          borderRadius: f,
+          railInsetHorizontalTop: g,
+          railInsetHorizontalBottom: r,
+          railInsetVerticalRight: h,
+          railInsetVerticalLeft: x,
+          railColor: Ie
+        }
+      } = A.value, {
+        top: Oe,
+        right: Ue,
+        bottom: _e,
+        left: je
+      } = I(g), {
+        top: Fe,
+        right: Ae,
+        bottom: Ne,
+        left: Ge
+      } = I(r), {
+        top: ke,
+        right: qe,
+        bottom: Je,
+        left: Ke
+      } = I(o != null && o.value ? he(h) : h), {
+        top: Qe,
+        right: Ze,
+        bottom: et,
+        left: tt
+      } = I(o != null && o.value ? he(x) : x);
+      return {
+        "--n-scrollbar-bezier": e,
+        "--n-scrollbar-color": t,
+        "--n-scrollbar-color-hover": l,
+        "--n-scrollbar-border-radius": f,
+        "--n-scrollbar-width": a,
+        "--n-scrollbar-height": n,
+        "--n-scrollbar-rail-top-horizontal-top": Oe,
+        "--n-scrollbar-rail-right-horizontal-top": Ue,
+        "--n-scrollbar-rail-bottom-horizontal-top": _e,
+        "--n-scrollbar-rail-left-horizontal-top": je,
+        "--n-scrollbar-rail-top-horizontal-bottom": Fe,
+        "--n-scrollbar-rail-right-horizontal-bottom": Ae,
+        "--n-scrollbar-rail-bottom-horizontal-bottom": Ne,
+        "--n-scrollbar-rail-left-horizontal-bottom": Ge,
+        "--n-scrollbar-rail-top-vertical-right": ke,
+        "--n-scrollbar-rail-right-vertical-right": qe,
+        "--n-scrollbar-rail-bottom-vertical-right": Je,
+        "--n-scrollbar-rail-left-vertical-right": Ke,
+        "--n-scrollbar-rail-top-vertical-left": Qe,
+        "--n-scrollbar-rail-right-vertical-left": Ze,
+        "--n-scrollbar-rail-bottom-vertical-left": et,
+        "--n-scrollbar-rail-left-vertical-left": tt,
+        "--n-scrollbar-rail-color": Ie
+      };
+    }), P = s ? it("scrollbar", void 0, ce, i) : void 0;
+    return Object.assign(Object.assign({}, {
+      scrollTo: le,
+      scrollBy: He,
+      sync: T,
+      syncUnifiedContainer: re,
+      handleMouseEnterWrapper: Le,
+      handleMouseLeaveWrapper: Pe
+    }), {
+      mergedClsPrefix: R,
+      rtlEnabled: o,
+      containerScrollTop: H,
+      wrapperRef: W,
+      containerRef: Y,
+      contentRef: E,
+      yRailRef: M,
+      xRailRef: S,
+      needYBar: ee,
+      needXBar: te,
+      yBarSizePx: ge,
+      xBarSizePx: Re,
+      yBarTopPx: Se,
+      xBarLeftPx: Be,
+      isShowXBar: ye,
+      isShowYBar: xe,
+      isIos: be,
+      handleScroll: Ye,
+      handleContentResize: Te,
+      handleContainerResize: Me,
+      handleYScrollMouseDown: De,
+      handleXScrollMouseDown: Ve,
+      cssVars: s ? void 0 : ce,
+      themeClass: P == null ? void 0 : P.themeClass,
+      onRender: P == null ? void 0 : P.onRender
+    });
+  },
+  render() {
+    var i;
+    const {
+      $slots: R,
+      mergedClsPrefix: s,
+      triggerDisplayManually: $,
+      rtlEnabled: o,
+      internalHoistYRail: W,
+      yPlacement: Y,
+      xPlacement: E,
+      xScrollable: M
+    } = this;
+    if (!this.scrollable) return (i = R.default) === null || i === void 0 ? void 0 : i.call(R);
+    const S = this.trigger === "none", w = (d, p) => v("div", {
+      ref: "yRailRef",
+      class: [`${s}-scrollbar-rail`, `${s}-scrollbar-rail--vertical`, `${s}-scrollbar-rail--vertical--${Y}`, d],
+      "data-scrollbar-rail": !0,
+      style: [p || "", this.verticalRailStyle],
+      "aria-hidden": !0
+    }, v(S ? fe : ve, S ? null : {
+      name: "fade-in-transition"
+    }, {
+      default: () => this.needYBar && this.isShowYBar && !this.isIos ? v("div", {
+        class: `${s}-scrollbar-rail__scrollbar`,
+        style: {
+          height: this.yBarSizePx,
+          top: this.yBarTopPx
+        },
+        onMousedown: this.handleYScrollMouseDown
+      }) : null
+    })), B = () => {
+      var d, p;
+      return (d = this.onRender) === null || d === void 0 || d.call(this), v("div", mt(this.$attrs, {
+        role: "none",
+        ref: "wrapperRef",
+        class: [`${s}-scrollbar`, this.themeClass, o && `${s}-scrollbar--rtl`],
+        style: this.cssVars,
+        onMouseenter: $ ? void 0 : this.handleMouseEnterWrapper,
+        onMouseleave: $ ? void 0 : this.handleMouseLeaveWrapper
+      }), [this.container ? (p = R.default) === null || p === void 0 ? void 0 : p.call(R) : v("div", {
+        role: "none",
+        ref: "containerRef",
+        class: [`${s}-scrollbar-container`, this.containerClass],
+        style: this.containerStyle,
+        onScroll: this.handleScroll,
+        onWheel: this.onWheel
+      }, v(ue, {
+        onResize: this.handleContentResize
+      }, {
+        default: () => v("div", {
+          ref: "contentRef",
+          role: "none",
+          style: [{
+            width: this.xScrollable ? "fit-content" : null
+          }, this.contentStyle],
+          class: [`${s}-scrollbar-content`, this.contentClass]
+        }, R)
+      })), W ? null : w(void 0, void 0), M && v("div", {
+        ref: "xRailRef",
+        class: [`${s}-scrollbar-rail`, `${s}-scrollbar-rail--horizontal`, `${s}-scrollbar-rail--horizontal--${E}`],
+        style: this.horizontalRailStyle,
+        "data-scrollbar-rail": !0,
+        "aria-hidden": !0
+      }, v(S ? fe : ve, S ? null : {
+        name: "fade-in-transition"
+      }, {
+        default: () => this.needXBar && this.isShowXBar && !this.isIos ? v("div", {
+          class: `${s}-scrollbar-rail__scrollbar`,
+          style: {
+            width: this.xBarSizePx,
+            right: o ? this.xBarLeftPx : void 0,
+            left: o ? void 0 : this.xBarLeftPx
+          },
+          onMousedown: this.handleXScrollMouseDown
+        }) : null
+      }))]);
+    }, y = this.container ? B() : v(ue, {
+      onResize: this.handleContainerResize
+    }, {
+      default: B
+    });
+    return W ? v(ft, null, y, w(this.themeClass, this.cssVars)) : y;
+  }
+}), Vt = gt;
+export {
+  Vt as XScrollbar,
+  gt as default
+};

package/dist/esm/node_modules/.pnpm/naive-ui@2.42.0_vue@3.5.17_typescript@5.8.3_/node_modules/naive-ui/es/_internal/scrollbar/src/styles/index.cssr.js

@@ -0,0 +1,74 @@
+import { fadeInTransition as a } from "../../../../_styles/transitions/fade-in.cssr.js";
+import { cB as l, c as r, cM as o, cE as t } from "../../../../_utils/cssr/index.js";
+const n = l("scrollbar", `
+ overflow: hidden;
+ position: relative;
+ z-index: auto;
+ height: 100%;
+ width: 100%;
+`, [r(">", [l("scrollbar-container", `
+ width: 100%;
+ overflow: scroll;
+ height: 100%;
+ min-height: inherit;
+ max-height: inherit;
+ scrollbar-width: none;
+ `, [r("&::-webkit-scrollbar, &::-webkit-scrollbar-track-piece, &::-webkit-scrollbar-thumb", `
+ width: 0;
+ height: 0;
+ display: none;
+ `), r(">", [
+  // We can't set overflow hidden since it affects positioning.
+  l("scrollbar-content", `
+ box-sizing: border-box;
+ min-width: 100%;
+ `)
+])])]), r(">, +", [l("scrollbar-rail", `
+ position: absolute;
+ pointer-events: none;
+ user-select: none;
+ background: var(--n-scrollbar-rail-color);
+ -webkit-user-select: none;
+ `, [o("horizontal", `
+ height: var(--n-scrollbar-height);
+ `, [r(">", [t("scrollbar", `
+ height: var(--n-scrollbar-height);
+ border-radius: var(--n-scrollbar-border-radius);
+ right: 0;
+ `)])]), o("horizontal--top", `
+ top: var(--n-scrollbar-rail-top-horizontal-top); 
+ right: var(--n-scrollbar-rail-right-horizontal-top); 
+ bottom: var(--n-scrollbar-rail-bottom-horizontal-top); 
+ left: var(--n-scrollbar-rail-left-horizontal-top); 
+ `), o("horizontal--bottom", `
+ top: var(--n-scrollbar-rail-top-horizontal-bottom); 
+ right: var(--n-scrollbar-rail-right-horizontal-bottom); 
+ bottom: var(--n-scrollbar-rail-bottom-horizontal-bottom); 
+ left: var(--n-scrollbar-rail-left-horizontal-bottom); 
+ `), o("vertical", `
+ width: var(--n-scrollbar-width);
+ `, [r(">", [t("scrollbar", `
+ width: var(--n-scrollbar-width);
+ border-radius: var(--n-scrollbar-border-radius);
+ bottom: 0;
+ `)])]), o("vertical--left", `
+ top: var(--n-scrollbar-rail-top-vertical-left); 
+ right: var(--n-scrollbar-rail-right-vertical-left); 
+ bottom: var(--n-scrollbar-rail-bottom-vertical-left); 
+ left: var(--n-scrollbar-rail-left-vertical-left); 
+ `), o("vertical--right", `
+ top: var(--n-scrollbar-rail-top-vertical-right); 
+ right: var(--n-scrollbar-rail-right-vertical-right); 
+ bottom: var(--n-scrollbar-rail-bottom-vertical-right); 
+ left: var(--n-scrollbar-rail-left-vertical-right); 
+ `), o("disabled", [r(">", [t("scrollbar", "pointer-events: none;")])]), r(">", [t("scrollbar", `
+ z-index: 1;
+ position: absolute;
+ cursor: pointer;
+ pointer-events: all;
+ background-color: var(--n-scrollbar-color);
+ transition: background-color .2s var(--n-scrollbar-bezier);
+ `, [a(), r("&:hover", "background-color: var(--n-scrollbar-color-hover);")])])])])]);
+export {
+  n as default
+};

package/dist/esm/node_modules/.pnpm/naive-ui@2.42.0_vue@3.5.17_typescript@5.8.3_/node_modules/naive-ui/es/_internal/scrollbar/styles/common.js

@@ -0,0 +1,10 @@
+const t = {
+  railInsetHorizontalBottom: "auto 2px 4px 2px",
+  railInsetHorizontalTop: "4px 2px auto 2px",
+  railInsetVerticalRight: "2px 4px 2px auto",
+  railInsetVerticalLeft: "2px auto 2px 4px",
+  railColor: "transparent"
+};
+export {
+  t as commonVars
+};

package/dist/esm/node_modules/.pnpm/naive-ui@2.42.0_vue@3.5.17_typescript@5.8.3_/node_modules/naive-ui/es/_internal/scrollbar/styles/light.js

@@ -0,0 +1,27 @@
+import { commonVars as e } from "./common.js";
+import t from "../../../_styles/common/light.js";
+function i(r) {
+  const {
+    scrollbarColor: o,
+    scrollbarColorHover: l,
+    scrollbarHeight: s,
+    scrollbarWidth: c,
+    scrollbarBorderRadius: a
+  } = r;
+  return Object.assign(Object.assign({}, e), {
+    height: s,
+    width: c,
+    borderRadius: a,
+    color: o,
+    colorHover: l
+  });
+}
+const d = {
+  name: "Scrollbar",
+  common: t,
+  self: i
+};
+export {
+  d as default,
+  i as self
+};