@gxp-dev/app-ui 0.1.6

package/dist/node_modules/.pnpm/reka-ui@2.9.8_vue@3.5.35_typescript@5.9.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaCornerImpl.js

@@ -0,0 +1,40 @@
+import { Primitive as f } from "../Primitive/Primitive.js";
+import { injectScrollAreaRootContext as h } from "./ScrollAreaRoot.js";
+import { defineComponent as m, ref as u, computed as d, watch as c, openBlock as C, createBlock as _, unref as a, mergeProps as g, withCtx as b, renderSlot as S, createCommentVNode as x } from "vue";
+import { useResizeObserver as p } from "../../../../../@vueuse_core@14.3.0_vue@3.5.35_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js";
+var $ = /* @__PURE__ */ m({
+  __name: "ScrollAreaCornerImpl",
+  setup(w) {
+    const e = h(), o = u(0), l = u(0), v = d(() => !!o.value && !!l.value);
+    function n() {
+      var t;
+      const r = ((t = e.scrollbarX.value) == null ? void 0 : t.offsetHeight) || 0;
+      e.onCornerHeightChange(r), l.value = r;
+    }
+    function i() {
+      var t;
+      const r = ((t = e.scrollbarY.value) == null ? void 0 : t.offsetWidth) || 0;
+      e.onCornerWidthChange(r), o.value = r;
+    }
+    return p(e.scrollbarX.value, n), p(e.scrollbarY.value, i), c(() => e.scrollbarX.value, n), c(() => e.scrollbarY.value, i), (r, t) => {
+      var s;
+      return v.value ? (C(), _(a(f), g({
+        key: 0,
+        style: {
+          width: `${o.value}px`,
+          height: `${l.value}px`,
+          position: "absolute",
+          right: a(e).dir.value === "ltr" ? 0 : void 0,
+          left: a(e).dir.value === "rtl" ? 0 : void 0,
+          bottom: 0
+        }
+      }, (s = r.$parent) == null ? void 0 : s.$props), {
+        default: b(() => [S(r.$slots, "default")]),
+        _: 3
+      }, 16, ["style"])) : x("v-if", !0);
+    };
+  }
+}), k = $;
+export {
+  k as ScrollAreaCornerImpl_default
+};

package/dist/node_modules/.pnpm/reka-ui@2.9.8_vue@3.5.35_typescript@5.9.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaRoot.js

@@ -0,0 +1,111 @@
+import { createContext as _ } from "../shared/createContext.js";
+import { useDirection as x } from "../shared/useDirection.js";
+import { useForwardExpose as R } from "../shared/useForwardExpose.js";
+import { Primitive as A } from "../Primitive/Primitive.js";
+import { defineComponent as w, ref as r, toRefs as E, openBlock as q, createBlock as k, unref as l, normalizeStyle as D, withCtx as H, renderSlot as T } from "vue";
+const [L, X] = /* @__PURE__ */ _("ScrollAreaRoot");
+var Y = /* @__PURE__ */ w({
+  __name: "ScrollAreaRoot",
+  props: {
+    type: {
+      type: String,
+      required: !1,
+      default: "hover"
+    },
+    dir: {
+      type: String,
+      required: !1
+    },
+    scrollHideDelay: {
+      type: Number,
+      required: !1,
+      default: 600
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(f, { expose: v }) {
+    const t = f, a = r(0), n = r(0), o = r(), s = r(), c = r(), i = r(), u = r(!1), d = r(!1), { type: h, dir: C, scrollHideDelay: m } = E(t), p = x(C);
+    function g() {
+      var e;
+      (e = o.value) == null || e.scrollTo({ top: 0 });
+    }
+    function S() {
+      var e;
+      (e = o.value) == null || e.scrollTo({
+        top: 0,
+        left: 0
+      });
+    }
+    v({
+      viewport: o,
+      scrollTop: g,
+      scrollTopLeft: S
+    });
+    const { forwardRef: b, currentElement: y } = R();
+    return X({
+      type: h,
+      dir: p,
+      scrollHideDelay: m,
+      scrollArea: y,
+      viewport: o,
+      onViewportChange: (e) => {
+        o.value = e || void 0;
+      },
+      content: s,
+      onContentChange: (e) => {
+        s.value = e;
+      },
+      scrollbarX: c,
+      scrollbarXEnabled: u,
+      scrollbarY: i,
+      scrollbarYEnabled: d,
+      onScrollbarXChange: (e) => {
+        c.value = e || void 0;
+      },
+      onScrollbarYChange: (e) => {
+        i.value = e || void 0;
+      },
+      onScrollbarXEnabledChange: (e) => {
+        u.value = e;
+      },
+      onScrollbarYEnabledChange: (e) => {
+        d.value = e;
+      },
+      onCornerWidthChange: (e) => {
+        a.value = e;
+      },
+      onCornerHeightChange: (e) => {
+        n.value = e;
+      }
+    }), (e, B) => (q(), k(l(A), {
+      ref: l(b),
+      "as-child": t.asChild,
+      as: e.as,
+      dir: l(p),
+      style: D({
+        position: "relative",
+        "--reka-scroll-area-corner-width": `${a.value}px`,
+        "--reka-scroll-area-corner-height": `${n.value}px`
+      })
+    }, {
+      default: H(() => [T(e.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "as-child",
+      "as",
+      "dir",
+      "style"
+    ]));
+  }
+}), N = Y;
+export {
+  N as ScrollAreaRoot_default,
+  L as injectScrollAreaRootContext
+};

package/dist/node_modules/.pnpm/reka-ui@2.9.8_vue@3.5.35_typescript@5.9.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaScrollbar.js

@@ -0,0 +1,84 @@
+import { createContext as b } from "../shared/createContext.js";
+import { useForwardExpose as v } from "../shared/useForwardExpose.js";
+import { injectScrollAreaRootContext as y } from "./ScrollAreaRoot.js";
+import { ScrollAreaScrollbarVisible_default as A } from "./ScrollAreaScrollbarVisible.js";
+import { ScrollAreaScrollbarAuto_default as C } from "./ScrollAreaScrollbarAuto.js";
+import { ScrollAreaScrollbarGlimpse_default as _ } from "./ScrollAreaScrollbarGlimpse.js";
+import { ScrollAreaScrollbarHover_default as h } from "./ScrollAreaScrollbarHover.js";
+import { ScrollAreaScrollbarScroll_default as $ } from "./ScrollAreaScrollbarScroll.js";
+import { defineComponent as g, computed as k, watch as w, onUnmounted as E, toRefs as q, unref as e, openBlock as a, createBlock as n, mergeProps as f, withCtx as u, renderSlot as s, createCommentVNode as B } from "vue";
+const [U, R] = /* @__PURE__ */ b("ScrollAreaScrollbar");
+var j = /* @__PURE__ */ g({
+  inheritAttrs: !1,
+  __name: "ScrollAreaScrollbar",
+  props: {
+    orientation: {
+      type: String,
+      required: !1,
+      default: "vertical"
+    },
+    forceMount: {
+      type: Boolean,
+      required: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "div"
+    }
+  },
+  setup(d) {
+    const i = d, { forwardRef: l } = v(), o = y(), c = k(() => i.orientation === "horizontal");
+    w(c, () => {
+      c.value ? o.onScrollbarXEnabledChange(!0) : o.onScrollbarYEnabledChange(!0);
+    }, { immediate: !0 }), E(() => {
+      o.onScrollbarXEnabledChange(!1), o.onScrollbarYEnabledChange(!1);
+    });
+    const { orientation: m, forceMount: t, asChild: p, as: S } = q(i);
+    return R({
+      orientation: m,
+      forceMount: t,
+      isHorizontal: c,
+      as: S,
+      asChild: p
+    }), (r, z) => e(o).type.value === "hover" ? (a(), n(h, f({ key: 0 }, r.$attrs, {
+      ref: e(l),
+      "force-mount": e(t)
+    }), {
+      default: u(() => [s(r.$slots, "default")]),
+      _: 3
+    }, 16, ["force-mount"])) : e(o).type.value === "scroll" ? (a(), n($, f({ key: 1 }, r.$attrs, {
+      ref: e(l),
+      "force-mount": e(t)
+    }), {
+      default: u(() => [s(r.$slots, "default")]),
+      _: 3
+    }, 16, ["force-mount"])) : e(o).type.value === "glimpse" ? (a(), n(_, f({ key: 2 }, r.$attrs, {
+      ref: e(l),
+      "force-mount": e(t)
+    }), {
+      default: u(() => [s(r.$slots, "default")]),
+      _: 3
+    }, 16, ["force-mount"])) : e(o).type.value === "auto" ? (a(), n(C, f({ key: 3 }, r.$attrs, {
+      ref: e(l),
+      "force-mount": e(t)
+    }), {
+      default: u(() => [s(r.$slots, "default")]),
+      _: 3
+    }, 16, ["force-mount"])) : e(o).type.value === "always" ? (a(), n(A, f({ key: 4 }, r.$attrs, {
+      ref: e(l),
+      "data-state": "visible"
+    }), {
+      default: u(() => [s(r.$slots, "default")]),
+      _: 3
+    }, 16)) : B("v-if", !0);
+  }
+}), D = j;
+export {
+  D as ScrollAreaScrollbar_default,
+  U as injectScrollAreaScrollbarContext
+};

package/dist/node_modules/.pnpm/reka-ui@2.9.8_vue@3.5.35_typescript@5.9.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaScrollbarAuto.js

@@ -0,0 +1,36 @@
+import { useForwardExpose as c } from "../shared/useForwardExpose.js";
+import { Presence_default as f } from "../Presence/Presence.js";
+import { injectScrollAreaRootContext as p } from "./ScrollAreaRoot.js";
+import { ScrollAreaScrollbarVisible_default as v } from "./ScrollAreaScrollbarVisible.js";
+import { injectScrollAreaScrollbarContext as d } from "./ScrollAreaScrollbar.js";
+import { defineComponent as m, ref as _, onMounted as S, openBlock as b, createBlock as w, unref as a, withCtx as s, createVNode as A, mergeProps as h, renderSlot as C } from "vue";
+import { useResizeObserver as i } from "../../../../../@vueuse_core@14.3.0_vue@3.5.35_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js";
+import { useDebounceFn as x } from "../../../../../@vueuse_shared@14.3.0_vue@3.5.35_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js";
+var g = /* @__PURE__ */ m({
+  __name: "ScrollAreaScrollbarAuto",
+  props: { forceMount: {
+    type: Boolean,
+    required: !1
+  } },
+  setup(R) {
+    const e = p(), n = d(), { forwardRef: u } = c(), o = _(!1), t = x(() => {
+      if (e.viewport.value) {
+        const r = e.viewport.value.offsetWidth < e.viewport.value.scrollWidth, l = e.viewport.value.offsetHeight < e.viewport.value.scrollHeight;
+        o.value = n.isHorizontal.value ? r : l;
+      }
+    }, 10);
+    return S(() => t()), i(e.viewport, t), i(e.content, t), (r, l) => (b(), w(a(f), { present: r.forceMount || o.value }, {
+      default: s(() => [A(v, h(r.$attrs, {
+        ref: a(u),
+        "data-state": o.value ? "visible" : "hidden"
+      }), {
+        default: s(() => [C(r.$slots, "default")]),
+        _: 3
+      }, 16, ["data-state"])]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), F = g;
+export {
+  F as ScrollAreaScrollbarAuto_default
+};

package/dist/node_modules/.pnpm/reka-ui@2.9.8_vue@3.5.35_typescript@5.9.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaScrollbarGlimpse.js

@@ -0,0 +1,95 @@
+import { useForwardExpose as L } from "../shared/useForwardExpose.js";
+import { useStateMachine as S } from "../shared/useStateMachine.js";
+import { Presence_default as R } from "../Presence/Presence.js";
+import { injectScrollAreaRootContext as h } from "./ScrollAreaRoot.js";
+import { ScrollAreaScrollbarAuto_default as T } from "./ScrollAreaScrollbarAuto.js";
+import { injectScrollAreaScrollbarContext as g } from "./ScrollAreaScrollbar.js";
+import { defineComponent as I, computed as N, watchEffect as n, onMounted as A, onUnmounted as C, openBlock as O, createBlock as w, unref as E, withCtx as m, createVNode as P, mergeProps as D, renderSlot as b } from "vue";
+import { useDebounceFn as H } from "../../../../../@vueuse_shared@14.3.0_vue@3.5.35_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js";
+var x = /* @__PURE__ */ I({
+  inheritAttrs: !1,
+  __name: "ScrollAreaScrollbarGlimpse",
+  props: { forceMount: {
+    type: Boolean,
+    required: !1
+  } },
+  setup(y) {
+    const t = h(), f = g(), { forwardRef: v } = L(), { state: l, dispatch: r } = S("hidden", {
+      hidden: {
+        POINTER_ENTER: "glimpse",
+        SCROLL: "scrolling"
+      },
+      glimpse: {
+        HIDE: "hidden",
+        POINTER_LEAVE: "hidden",
+        SCROLL: "scrolling",
+        POINTER_ENTER: "glimpse"
+      },
+      scrolling: {
+        SCROLL_END: "idle",
+        POINTER_ENTER: "interacting"
+      },
+      interacting: {
+        SCROLL: "interacting",
+        POINTER_LEAVE: "idle"
+      },
+      idle: {
+        HIDE: "hidden",
+        SCROLL: "scrolling",
+        POINTER_ENTER: "interacting"
+      }
+    }), i = N(() => l.value !== "hidden");
+    function a() {
+      r("POINTER_ENTER");
+    }
+    function s() {
+      r("POINTER_LEAVE");
+    }
+    const _ = H(() => r("SCROLL_END"), 100);
+    return n((e) => {
+      if (l.value === "glimpse") {
+        const o = window.setTimeout(r, t.scrollHideDelay.value, "HIDE");
+        e(() => {
+          window.clearTimeout(o);
+        });
+      }
+    }), n((e) => {
+      if (l.value === "idle") {
+        const o = window.setTimeout(r, t.scrollHideDelay.value, "HIDE");
+        e(() => {
+          window.clearTimeout(o);
+        });
+      }
+    }), n((e) => {
+      const o = t.viewport.value, c = f.isHorizontal.value ? "scrollLeft" : "scrollTop";
+      if (o) {
+        let d = o[c];
+        const u = () => {
+          const p = o[c];
+          d !== p && (r("SCROLL"), _()), d = p;
+        };
+        o.addEventListener("scroll", u), e(() => {
+          o.removeEventListener("scroll", u);
+        });
+      }
+    }), A(() => {
+      const e = t.scrollArea.value;
+      e && (e.addEventListener("pointerenter", a), e.addEventListener("pointerleave", s));
+    }), C(() => {
+      const e = t.scrollArea.value;
+      e && (e.removeEventListener("pointerenter", a), e.removeEventListener("pointerleave", s));
+    }), (e, o) => (O(), w(E(R), { present: e.forceMount || i.value }, {
+      default: m(() => [P(T, D(e.$attrs, {
+        ref: E(v),
+        "data-state": i.value ? "visible" : "hidden"
+      }), {
+        default: m(() => [b(e.$slots, "default")]),
+        _: 3
+      }, 16, ["data-state"])]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), z = x;
+export {
+  z as ScrollAreaScrollbarGlimpse_default
+};

package/dist/node_modules/.pnpm/reka-ui@2.9.8_vue@3.5.35_typescript@5.9.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaScrollbarHover.js

@@ -0,0 +1,45 @@
+import { useForwardExpose as u } from "../shared/useForwardExpose.js";
+import { Presence_default as c } from "../Presence/Presence.js";
+import { injectScrollAreaRootContext as d } from "./ScrollAreaRoot.js";
+import { ScrollAreaScrollbarAuto_default as f } from "./ScrollAreaScrollbarAuto.js";
+import { defineComponent as p, ref as v, onMounted as m, onUnmounted as _, openBlock as A, createBlock as S, unref as n, withCtx as i, createVNode as w, mergeProps as b, renderSlot as h } from "vue";
+var E = /* @__PURE__ */ p({
+  inheritAttrs: !1,
+  __name: "ScrollAreaScrollbarHover",
+  props: { forceMount: {
+    type: Boolean,
+    required: !1
+  } },
+  setup(L) {
+    const t = d(), { forwardRef: s } = u();
+    let o;
+    const r = v(!1);
+    function l() {
+      window.clearTimeout(o), r.value = !0;
+    }
+    function a() {
+      o = window.setTimeout(() => {
+        r.value = !1;
+      }, t.scrollHideDelay.value);
+    }
+    return m(() => {
+      const e = t.scrollArea.value;
+      e && (e.addEventListener("pointerenter", l), e.addEventListener("pointerleave", a));
+    }), _(() => {
+      const e = t.scrollArea.value;
+      e && (window.clearTimeout(o), e.removeEventListener("pointerenter", l), e.removeEventListener("pointerleave", a));
+    }), (e, C) => (A(), S(n(c), { present: e.forceMount || r.value }, {
+      default: i(() => [w(f, b(e.$attrs, {
+        ref: n(s),
+        "data-state": r.value ? "visible" : "hidden"
+      }), {
+        default: i(() => [h(e.$slots, "default")]),
+        _: 3
+      }, 16, ["data-state"])]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), M = E;
+export {
+  M as ScrollAreaScrollbarHover_default
+};

package/dist/node_modules/.pnpm/reka-ui@2.9.8_vue@3.5.35_typescript@5.9.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaScrollbarImpl.js

@@ -0,0 +1,89 @@
+import { useForwardExpose as z } from "../shared/useForwardExpose.js";
+import { Primitive as W } from "../Primitive/Primitive.js";
+import { injectScrollAreaRootContext as B } from "./ScrollAreaRoot.js";
+import { toInt as s } from "./utils.js";
+import { injectScrollAreaScrollbarVisibleContext as I } from "./ScrollAreaScrollbarVisible.js";
+import { injectScrollAreaScrollbarContext as R } from "./ScrollAreaScrollbar.js";
+import { defineComponent as k, ref as h, onMounted as A, onUnmounted as E, openBlock as U, createBlock as D, unref as u, withCtx as H, renderSlot as j } from "vue";
+import { useResizeObserver as S } from "../../../../../@vueuse_core@14.3.0_vue@3.5.35_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js";
+var L = /* @__PURE__ */ k({
+  __name: "ScrollAreaScrollbarImpl",
+  props: { isHorizontal: {
+    type: Boolean,
+    required: !0
+  } },
+  emits: [
+    "onDragScroll",
+    "onWheelScroll",
+    "onThumbPointerDown"
+  ],
+  setup(g, { emit: b }) {
+    const w = g, C = b, l = B(), i = I(), d = R(), { forwardRef: y, currentElement: o } = z(), p = h(""), c = h();
+    function m(e) {
+      var t, r;
+      if (c.value) {
+        const a = e.clientX - ((t = c.value) == null ? void 0 : t.left), n = e.clientY - ((r = c.value) == null ? void 0 : r.top);
+        C("onDragScroll", {
+          x: a,
+          y: n
+        });
+      }
+    }
+    function P(e) {
+      e.button === 0 && (e.target.setPointerCapture(e.pointerId), c.value = o.value.getBoundingClientRect(), p.value = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", l.viewport && (l.viewport.value.style.scrollBehavior = "auto"), m(e));
+    }
+    function _(e) {
+      m(e);
+    }
+    function x(e) {
+      const t = e.target;
+      t.hasPointerCapture(e.pointerId) && t.releasePointerCapture(e.pointerId), document.body.style.webkitUserSelect = p.value, l.viewport && (l.viewport.value.style.scrollBehavior = ""), c.value = void 0;
+    }
+    function v(e) {
+      var n;
+      const t = e.target, r = (n = o.value) == null ? void 0 : n.contains(t), a = i.sizes.value.content - i.sizes.value.viewport;
+      r && i.handleWheelScroll(e, a);
+    }
+    A(() => {
+      document.addEventListener("wheel", v, { passive: !1 });
+    }), E(() => {
+      document.removeEventListener("wheel", v);
+    });
+    function f() {
+      var e, t, r, a, n;
+      o.value && (w.isHorizontal ? i.handleSizeChange({
+        content: ((e = l.viewport.value) == null ? void 0 : e.scrollWidth) ?? 0,
+        viewport: ((t = l.viewport.value) == null ? void 0 : t.offsetWidth) ?? 0,
+        scrollbar: {
+          size: o.value.clientWidth ?? 0,
+          paddingStart: s(getComputedStyle(o.value).paddingLeft),
+          paddingEnd: s(getComputedStyle(o.value).paddingRight)
+        }
+      }) : i.handleSizeChange({
+        content: ((r = l.viewport.value) == null ? void 0 : r.scrollHeight) ?? 0,
+        viewport: ((a = l.viewport.value) == null ? void 0 : a.offsetHeight) ?? 0,
+        scrollbar: {
+          size: ((n = o.value) == null ? void 0 : n.clientHeight) ?? 0,
+          paddingStart: s(getComputedStyle(o.value).paddingTop),
+          paddingEnd: s(getComputedStyle(o.value).paddingBottom)
+        }
+      }), i.onThumbPositionChange());
+    }
+    return S(o, f), S(l.content, f), (e, t) => (U(), D(u(W), {
+      ref: u(y),
+      style: { position: "absolute" },
+      "data-scrollbarimpl": "",
+      as: u(d).as.value,
+      "as-child": u(d).asChild.value,
+      onPointerdown: P,
+      onPointermove: _,
+      onPointerup: x
+    }, {
+      default: H(() => [j(e.$slots, "default")]),
+      _: 3
+    }, 8, ["as", "as-child"]));
+  }
+}), $ = L;
+export {
+  $ as ScrollAreaScrollbarImpl_default
+};

package/dist/node_modules/.pnpm/reka-ui@2.9.8_vue@3.5.35_typescript@5.9.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaScrollbarScroll.js

@@ -0,0 +1,67 @@
+import { useForwardExpose as _ } from "../shared/useForwardExpose.js";
+import { useStateMachine as v } from "../shared/useStateMachine.js";
+import { Presence_default as E } from "../Presence/Presence.js";
+import { injectScrollAreaRootContext as L } from "./ScrollAreaRoot.js";
+import { ScrollAreaScrollbarVisible_default as h } from "./ScrollAreaScrollbarVisible.js";
+import { injectScrollAreaScrollbarContext as C } from "./ScrollAreaScrollbar.js";
+import { defineComponent as R, computed as b, watchEffect as d, openBlock as g, createBlock as w, unref as u, withCtx as p, createVNode as D, mergeProps as O, renderSlot as I } from "vue";
+import { useDebounceFn as N } from "../../../../../@vueuse_shared@14.3.0_vue@3.5.35_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js";
+var T = /* @__PURE__ */ R({
+  __name: "ScrollAreaScrollbarScroll",
+  props: { forceMount: {
+    type: Boolean,
+    required: !1
+  } },
+  setup(A) {
+    const t = L(), f = C(), { forwardRef: S } = _(), { state: l, dispatch: r } = v("hidden", {
+      hidden: { SCROLL: "scrolling" },
+      scrolling: {
+        SCROLL_END: "idle",
+        POINTER_ENTER: "interacting"
+      },
+      interacting: {
+        SCROLL: "interacting",
+        POINTER_LEAVE: "idle"
+      },
+      idle: {
+        HIDE: "hidden",
+        SCROLL: "scrolling",
+        POINTER_ENTER: "interacting"
+      }
+    }), n = b(() => l.value !== "hidden");
+    d((o) => {
+      if (l.value === "idle") {
+        const e = window.setTimeout(r, t.scrollHideDelay.value, "HIDE");
+        o(() => {
+          window.clearTimeout(e);
+        });
+      }
+    });
+    const m = N(() => r("SCROLL_END"), 100);
+    return d((o) => {
+      const e = t.viewport.value, c = f.isHorizontal.value ? "scrollLeft" : "scrollTop";
+      if (e) {
+        let i = e[c];
+        const a = () => {
+          const s = e[c];
+          i !== s && (r("SCROLL"), m()), i = s;
+        };
+        e.addEventListener("scroll", a), o(() => {
+          e.removeEventListener("scroll", a);
+        });
+      }
+    }), (o, e) => (g(), w(u(E), { present: o.forceMount || n.value }, {
+      default: p(() => [D(h, O(o.$attrs, {
+        ref: u(S),
+        "data-state": n.value ? "visible" : "hidden"
+      }), {
+        default: p(() => [I(o.$slots, "default")]),
+        _: 3
+      }, 16, ["data-state"])]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), F = T;
+export {
+  F as ScrollAreaScrollbarScroll_default
+};

package/dist/node_modules/.pnpm/reka-ui@2.9.8_vue@3.5.35_typescript@5.9.3_/node_modules/reka-ui/dist/ScrollArea/ScrollAreaScrollbarVisible.js

@@ -0,0 +1,86 @@
+import { createContext as R } from "../shared/createContext.js";
+import { useForwardExpose as k } from "../shared/useForwardExpose.js";
+import { injectScrollAreaRootContext as z } from "./ScrollAreaRoot.js";
+import { getThumbRatio as B, getThumbOffsetFromScroll as f, isScrollingWithinScrollbarBounds as v, getScrollPositionFromPointer as D } from "./utils.js";
+import { ScrollAreaScrollbarX_default as L } from "./ScrollAreaScrollbarX.js";
+import { ScrollAreaScrollbarY_default as j } from "./ScrollAreaScrollbarY.js";
+import { injectScrollAreaScrollbarContext as y } from "./ScrollAreaScrollbar.js";
+import { defineComponent as F, ref as s, computed as p, openBlock as m, createBlock as S, mergeProps as b, unref as d, withCtx as h, renderSlot as w } from "vue";
+const [K, Y] = /* @__PURE__ */ R("ScrollAreaScrollbarVisible");
+var E = /* @__PURE__ */ F({
+  __name: "ScrollAreaScrollbarVisible",
+  setup(O) {
+    const o = z(), _ = y(), { forwardRef: c } = k(), r = s({
+      content: 0,
+      viewport: 0,
+      scrollbar: {
+        size: 0,
+        paddingStart: 0,
+        paddingEnd: 0
+      }
+    }), g = p(() => {
+      const e = B(r.value.viewport, r.value.content);
+      return e > 0 && e < 1;
+    }), t = s(), i = s(0);
+    function C(e, l) {
+      if (a.value) {
+        const n = o.viewport.value.scrollLeft + e.deltaY;
+        o.viewport.value.scrollLeft = n, v(n, l) && e.preventDefault();
+      } else {
+        const n = o.viewport.value.scrollTop + e.deltaY;
+        o.viewport.value.scrollTop = n, v(n, l) && e.preventDefault();
+      }
+    }
+    function T(e, l) {
+      a.value ? i.value = l.x : i.value = l.y;
+    }
+    function x(e) {
+      i.value = 0;
+    }
+    function A(e) {
+      r.value = e;
+    }
+    function u(e, l) {
+      return D(e, i.value, r.value, l);
+    }
+    const a = p(() => _.isHorizontal.value);
+    function P(e) {
+      a.value ? o.viewport.value.scrollLeft = u(e, o.dir.value) : o.viewport.value.scrollTop = u(e);
+    }
+    function V() {
+      if (a.value) {
+        if (o.viewport.value && t.value) {
+          const e = o.viewport.value.scrollLeft, l = f(e, r.value, o.dir.value);
+          t.value.style.transform = `translate3d(${l}px, 0, 0)`;
+        }
+      } else if (o.viewport.value && t.value) {
+        const e = o.viewport.value.scrollTop, l = f(e, r.value);
+        t.value.style.transform = `translate3d(0, ${l}px, 0)`;
+      }
+    }
+    function $(e) {
+      t.value = e;
+    }
+    return Y({
+      sizes: r,
+      hasThumb: g,
+      handleWheelScroll: C,
+      handleThumbDown: T,
+      handleThumbUp: x,
+      handleSizeChange: A,
+      onThumbPositionChange: V,
+      onThumbChange: $,
+      onDragScroll: P
+    }), (e, l) => a.value ? (m(), S(L, b({ key: 0 }, e.$attrs, { ref: d(c) }), {
+      default: h(() => [w(e.$slots, "default")]),
+      _: 3
+    }, 16)) : (m(), S(j, b({ key: 1 }, e.$attrs, { ref: d(c) }), {
+      default: h(() => [w(e.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), M = E;
+export {
+  M as ScrollAreaScrollbarVisible_default,
+  K as injectScrollAreaScrollbarVisibleContext
+};