@soft-stech/bootsman-ui-shadcn 1.5.7 → 2.0.0

package/dist/BuiScrollBar.vue_vue_type_script_setup_true_lang-Cps_IAtL.js

@@ -0,0 +1,620 @@
+import { defineComponent as y, ref as m, toRefs as j, createBlock as S, openBlock as _, unref as c, normalizeStyle as I, withCtx as b, renderSlot as w, onMounted as D, computed as R, createVNode as k, mergeProps as P, onUnmounted as H, watchEffect as X, watch as ee, createCommentVNode as te } from "vue";
+import { c as V } from "./createContext-BWsUZRn1.js";
+import { u as E } from "./useForwardExpose-DmyWSR4F.js";
+import { u as re } from "./useDirection-nP8SCoKq.js";
+import { P as W } from "./Primitive-EBuBc72_.js";
+import { c as le } from "./clamp-CH0CcKBe.js";
+import { useDebounceFn as G, useResizeObserver as z, watchOnce as oe } from "@vueuse/core";
+import { P as Y, u as ae } from "./Presence-BadhDRMZ.js";
+import { g as ne } from "./utils-BYyL6OyR.js";
+const [T, se] = V("ScrollAreaRoot");
+var ie = /* @__PURE__ */ y({
+  __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(a, { expose: e }) {
+    const l = a, r = m(0), t = m(0), s = m(), n = m(), i = m(), u = m(), d = m(!1), p = m(!1), { type: C, dir: h, scrollHideDelay: g } = j(l), A = re(h);
+    function L() {
+      s.value?.scrollTo({ top: 0 });
+    }
+    function x() {
+      s.value?.scrollTo({
+        top: 0,
+        left: 0
+      });
+    }
+    e({
+      viewport: s,
+      scrollTop: L,
+      scrollTopLeft: x
+    });
+    const { forwardRef: o, currentElement: v } = E();
+    return se({
+      type: C,
+      dir: A,
+      scrollHideDelay: g,
+      scrollArea: v,
+      viewport: s,
+      onViewportChange: (f) => {
+        s.value = f || void 0;
+      },
+      content: n,
+      onContentChange: (f) => {
+        n.value = f;
+      },
+      scrollbarX: i,
+      scrollbarXEnabled: d,
+      scrollbarY: u,
+      scrollbarYEnabled: p,
+      onScrollbarXChange: (f) => {
+        i.value = f || void 0;
+      },
+      onScrollbarYChange: (f) => {
+        u.value = f || void 0;
+      },
+      onScrollbarXEnabledChange: (f) => {
+        d.value = f;
+      },
+      onScrollbarYEnabledChange: (f) => {
+        p.value = f;
+      },
+      onCornerWidthChange: (f) => {
+        r.value = f;
+      },
+      onCornerHeightChange: (f) => {
+        t.value = f;
+      }
+    }), (f, N) => (_(), S(c(W), {
+      ref: c(o),
+      "as-child": l.asChild,
+      as: f.as,
+      dir: c(A),
+      style: I({
+        position: "relative",
+        "--reka-scroll-area-corner-width": `${r.value}px`,
+        "--reka-scroll-area-corner-height": `${t.value}px`
+      })
+    }, {
+      default: b(() => [w(f.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "as-child",
+      "as",
+      "dir",
+      "style"
+    ]));
+  }
+}), Oe = ie;
+function J(a, e) {
+  return (l) => {
+    if (a[0] === a[1] || e[0] === e[1]) return e[0];
+    const r = (e[1] - e[0]) / (a[1] - a[0]);
+    return e[0] + r * (l - a[0]);
+  };
+}
+function B(a) {
+  const e = K(a.viewport, a.content), l = a.scrollbar.paddingStart + a.scrollbar.paddingEnd, r = (a.scrollbar.size - l) * e;
+  return Math.max(r, 18);
+}
+function K(a, e) {
+  const l = a / e;
+  return Number.isNaN(l) ? 0 : l;
+}
+function ce(a, e = () => {
+}) {
+  let l = {
+    left: a.scrollLeft,
+    top: a.scrollTop
+  }, r = 0;
+  return (function t() {
+    const s = {
+      left: a.scrollLeft,
+      top: a.scrollTop
+    }, n = l.left !== s.left, i = l.top !== s.top;
+    (n || i) && e(), l = s, r = window.requestAnimationFrame(t);
+  })(), () => window.cancelAnimationFrame(r);
+}
+function U(a, e, l = "ltr") {
+  const r = B(e), t = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, s = e.scrollbar.size - t, n = e.content - e.viewport, i = s - r, u = l === "ltr" ? [0, n] : [n * -1, 0], d = le(a, u[0], u[1]);
+  return J([0, n], [0, i])(d);
+}
+function $(a) {
+  return a ? Number.parseInt(a, 10) : 0;
+}
+function ue(a, e, l, r = "ltr") {
+  const t = B(l), s = t / 2, n = e || s, i = t - n, u = l.scrollbar.paddingStart + n, d = l.scrollbar.size - l.scrollbar.paddingEnd - i, p = l.content - l.viewport, C = r === "ltr" ? [0, p] : [p * -1, 0];
+  return J([u, d], C)(a);
+}
+function F(a, e) {
+  return a > 0 && a < e;
+}
+var de = /* @__PURE__ */ y({
+  __name: "ScrollAreaScrollbarX",
+  setup(a) {
+    const e = T(), l = q(), { forwardRef: r, currentElement: t } = E();
+    D(() => {
+      t.value && e.onScrollbarXChange(t.value);
+    });
+    const s = R(() => l.sizes.value);
+    return (n, i) => (_(), S(Z, {
+      ref: c(r),
+      "is-horizontal": !0,
+      "data-orientation": "horizontal",
+      style: I({
+        bottom: 0,
+        left: c(e).dir.value === "rtl" ? "var(--reka-scroll-area-corner-width)" : 0,
+        right: c(e).dir.value === "ltr" ? "var(--reka-scroll-area-corner-width)" : 0,
+        "--reka-scroll-area-thumb-width": s.value ? `${c(B)(s.value)}px` : void 0
+      }),
+      onOnDragScroll: i[0] || (i[0] = (u) => c(l).onDragScroll(u.x))
+    }, {
+      default: b(() => [w(n.$slots, "default")]),
+      _: 3
+    }, 8, ["style"]));
+  }
+}), fe = de, ve = /* @__PURE__ */ y({
+  __name: "ScrollAreaScrollbarY",
+  setup(a) {
+    const e = T(), l = q(), { forwardRef: r, currentElement: t } = E();
+    D(() => {
+      t.value && e.onScrollbarYChange(t.value);
+    });
+    const s = R(() => l.sizes.value);
+    return (n, i) => (_(), S(Z, {
+      ref: c(r),
+      "is-horizontal": !1,
+      "data-orientation": "vertical",
+      style: I({
+        top: 0,
+        right: c(e).dir.value === "ltr" ? 0 : void 0,
+        left: c(e).dir.value === "rtl" ? 0 : void 0,
+        bottom: "var(--reka-scroll-area-corner-height)",
+        "--reka-scroll-area-thumb-height": s.value ? `${c(B)(s.value)}px` : void 0
+      }),
+      onOnDragScroll: i[0] || (i[0] = (u) => c(l).onDragScroll(u.y))
+    }, {
+      default: b(() => [w(n.$slots, "default")]),
+      _: 3
+    }, 8, ["style"]));
+  }
+}), pe = ve, he = /* @__PURE__ */ y({
+  __name: "ScrollAreaScrollbarAuto",
+  props: { forceMount: {
+    type: Boolean,
+    required: !1
+  } },
+  setup(a) {
+    const e = T(), l = O(), { forwardRef: r } = E(), t = m(!1), s = G(() => {
+      if (e.viewport.value) {
+        const n = e.viewport.value.offsetWidth < e.viewport.value.scrollWidth, i = e.viewport.value.offsetHeight < e.viewport.value.scrollHeight;
+        t.value = l.isHorizontal.value ? n : i;
+      }
+    }, 10);
+    return D(() => s()), z(e.viewport, s), z(e.content, s), (n, i) => (_(), S(c(Y), { present: n.forceMount || t.value }, {
+      default: b(() => [k(M, P(n.$attrs, {
+        ref: c(r),
+        "data-state": t.value ? "visible" : "hidden"
+      }), {
+        default: b(() => [w(n.$slots, "default")]),
+        _: 3
+      }, 16, ["data-state"])]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), Q = he, be = /* @__PURE__ */ y({
+  inheritAttrs: !1,
+  __name: "ScrollAreaScrollbarHover",
+  props: { forceMount: {
+    type: Boolean,
+    required: !1
+  } },
+  setup(a) {
+    const e = T(), { forwardRef: l } = E();
+    let r;
+    const t = m(!1);
+    function s() {
+      window.clearTimeout(r), t.value = !0;
+    }
+    function n() {
+      r = window.setTimeout(() => {
+        t.value = !1;
+      }, e.scrollHideDelay.value);
+    }
+    return D(() => {
+      const i = e.scrollArea.value;
+      i && (i.addEventListener("pointerenter", s), i.addEventListener("pointerleave", n));
+    }), H(() => {
+      const i = e.scrollArea.value;
+      i && (window.clearTimeout(r), i.removeEventListener("pointerenter", s), i.removeEventListener("pointerleave", n));
+    }), (i, u) => (_(), S(c(Y), { present: i.forceMount || t.value }, {
+      default: b(() => [k(Q, P(i.$attrs, {
+        ref: c(l),
+        "data-state": t.value ? "visible" : "hidden"
+      }), {
+        default: b(() => [w(i.$slots, "default")]),
+        _: 3
+      }, 16, ["data-state"])]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), me = be, Se = /* @__PURE__ */ y({
+  __name: "ScrollAreaScrollbarScroll",
+  props: { forceMount: {
+    type: Boolean,
+    required: !1
+  } },
+  setup(a) {
+    const e = T(), l = O(), { forwardRef: r } = E(), { state: t, dispatch: s } = ae("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 = R(() => t.value !== "hidden");
+    X((u) => {
+      if (t.value === "idle") {
+        const d = window.setTimeout(() => s("HIDE"), e.scrollHideDelay.value);
+        u(() => {
+          window.clearTimeout(d);
+        });
+      }
+    });
+    const i = G(() => s("SCROLL_END"), 100);
+    return X((u) => {
+      const d = e.viewport.value, p = l.isHorizontal.value ? "scrollLeft" : "scrollTop";
+      if (d) {
+        let C = d[p];
+        const h = () => {
+          const g = d[p];
+          C !== g && (s("SCROLL"), i()), C = g;
+        };
+        d.addEventListener("scroll", h), u(() => {
+          d.removeEventListener("scroll", h);
+        });
+      }
+    }), (u, d) => (_(), S(c(Y), { present: u.forceMount || n.value }, {
+      default: b(() => [k(M, P(u.$attrs, {
+        ref: c(r),
+        "data-state": n.value ? "visible" : "hidden"
+      }), {
+        default: b(() => [w(u.$slots, "default")]),
+        _: 3
+      }, 16, ["data-state"])]),
+      _: 3
+    }, 8, ["present"]));
+  }
+}), _e = Se;
+const [O, ge] = V("ScrollAreaScrollbar");
+var we = /* @__PURE__ */ y({
+  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(a) {
+    const e = a, { forwardRef: l } = E(), r = T(), t = R(() => e.orientation === "horizontal");
+    ee(t, () => {
+      t.value ? r.onScrollbarXEnabledChange(!0) : r.onScrollbarYEnabledChange(!0);
+    }, { immediate: !0 }), H(() => {
+      r.onScrollbarXEnabledChange(!1), r.onScrollbarYEnabledChange(!1);
+    });
+    const { orientation: s, forceMount: n, asChild: i, as: u } = j(e);
+    return ge({
+      orientation: s,
+      forceMount: n,
+      isHorizontal: t,
+      as: u,
+      asChild: i
+    }), (d, p) => c(r).type.value === "hover" ? (_(), S(me, P({ key: 0 }, d.$attrs, {
+      ref: c(l),
+      "force-mount": c(n)
+    }), {
+      default: b(() => [w(d.$slots, "default")]),
+      _: 3
+    }, 16, ["force-mount"])) : c(r).type.value === "scroll" ? (_(), S(_e, P({ key: 1 }, d.$attrs, {
+      ref: c(l),
+      "force-mount": c(n)
+    }), {
+      default: b(() => [w(d.$slots, "default")]),
+      _: 3
+    }, 16, ["force-mount"])) : c(r).type.value === "auto" ? (_(), S(Q, P({ key: 2 }, d.$attrs, {
+      ref: c(l),
+      "force-mount": c(n)
+    }), {
+      default: b(() => [w(d.$slots, "default")]),
+      _: 3
+    }, 16, ["force-mount"])) : c(r).type.value === "always" ? (_(), S(M, P({ key: 3 }, d.$attrs, {
+      ref: c(l),
+      "data-state": "visible"
+    }), {
+      default: b(() => [w(d.$slots, "default")]),
+      _: 3
+    }, 16)) : te("v-if", !0);
+  }
+}), Ce = we;
+const [q, ye] = V("ScrollAreaScrollbarVisible");
+var Ae = /* @__PURE__ */ y({
+  __name: "ScrollAreaScrollbarVisible",
+  setup(a) {
+    const e = T(), l = O(), { forwardRef: r } = E(), t = m({
+      content: 0,
+      viewport: 0,
+      scrollbar: {
+        size: 0,
+        paddingStart: 0,
+        paddingEnd: 0
+      }
+    }), s = R(() => {
+      const o = K(t.value.viewport, t.value.content);
+      return o > 0 && o < 1;
+    }), n = m(), i = m(0);
+    function u(o, v) {
+      if (g.value) {
+        const f = e.viewport.value.scrollLeft + o.deltaY;
+        e.viewport.value.scrollLeft = f, F(f, v) && o.preventDefault();
+      } else {
+        const f = e.viewport.value.scrollTop + o.deltaY;
+        e.viewport.value.scrollTop = f, F(f, v) && o.preventDefault();
+      }
+    }
+    function d(o, v) {
+      g.value ? i.value = v.x : i.value = v.y;
+    }
+    function p(o) {
+      i.value = 0;
+    }
+    function C(o) {
+      t.value = o;
+    }
+    function h(o, v) {
+      return ue(o, i.value, t.value, v);
+    }
+    const g = R(() => l.isHorizontal.value);
+    function A(o) {
+      g.value ? e.viewport.value.scrollLeft = h(o, e.dir.value) : e.viewport.value.scrollTop = h(o);
+    }
+    function L() {
+      if (g.value) {
+        if (e.viewport.value && n.value) {
+          const o = e.viewport.value.scrollLeft, v = U(o, t.value, e.dir.value);
+          n.value.style.transform = `translate3d(${v}px, 0, 0)`;
+        }
+      } else if (e.viewport.value && n.value) {
+        const o = e.viewport.value.scrollTop, v = U(o, t.value);
+        n.value.style.transform = `translate3d(0, ${v}px, 0)`;
+      }
+    }
+    function x(o) {
+      n.value = o;
+    }
+    return ye({
+      sizes: t,
+      hasThumb: s,
+      handleWheelScroll: u,
+      handleThumbDown: d,
+      handleThumbUp: p,
+      handleSizeChange: C,
+      onThumbPositionChange: L,
+      onThumbChange: x,
+      onDragScroll: A
+    }), (o, v) => g.value ? (_(), S(fe, P({ key: 0 }, o.$attrs, { ref: c(r) }), {
+      default: b(() => [w(o.$slots, "default")]),
+      _: 3
+    }, 16)) : (_(), S(pe, P({ key: 1 }, o.$attrs, { ref: c(r) }), {
+      default: b(() => [w(o.$slots, "default")]),
+      _: 3
+    }, 16));
+  }
+}), M = Ae, Pe = /* @__PURE__ */ y({
+  __name: "ScrollAreaScrollbarImpl",
+  props: { isHorizontal: {
+    type: Boolean,
+    required: !0
+  } },
+  emits: [
+    "onDragScroll",
+    "onWheelScroll",
+    "onThumbPointerDown"
+  ],
+  setup(a, { emit: e }) {
+    const l = a, r = e, t = T(), s = q(), n = O(), { forwardRef: i, currentElement: u } = E(), d = m(""), p = m();
+    function C(o) {
+      if (p.value) {
+        const v = o.clientX - p.value?.left, f = o.clientY - p.value?.top;
+        r("onDragScroll", {
+          x: v,
+          y: f
+        });
+      }
+    }
+    function h(o) {
+      o.button === 0 && (o.target.setPointerCapture(o.pointerId), p.value = u.value.getBoundingClientRect(), d.value = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", t.viewport && (t.viewport.value.style.scrollBehavior = "auto"), C(o));
+    }
+    function g(o) {
+      C(o);
+    }
+    function A(o) {
+      const v = o.target;
+      v.hasPointerCapture(o.pointerId) && v.releasePointerCapture(o.pointerId), document.body.style.webkitUserSelect = d.value, t.viewport && (t.viewport.value.style.scrollBehavior = ""), p.value = void 0;
+    }
+    function L(o) {
+      const v = o.target, f = u.value?.contains(v), N = s.sizes.value.content - s.sizes.value.viewport;
+      f && s.handleWheelScroll(o, N);
+    }
+    D(() => {
+      document.addEventListener("wheel", L, { passive: !1 });
+    }), H(() => {
+      document.removeEventListener("wheel", L);
+    });
+    function x() {
+      u.value && (l.isHorizontal ? s.handleSizeChange({
+        content: t.viewport.value?.scrollWidth ?? 0,
+        viewport: t.viewport.value?.offsetWidth ?? 0,
+        scrollbar: {
+          size: u.value.clientWidth ?? 0,
+          paddingStart: $(getComputedStyle(u.value).paddingLeft),
+          paddingEnd: $(getComputedStyle(u.value).paddingRight)
+        }
+      }) : s.handleSizeChange({
+        content: t.viewport.value?.scrollHeight ?? 0,
+        viewport: t.viewport.value?.offsetHeight ?? 0,
+        scrollbar: {
+          size: u.value?.clientHeight ?? 0,
+          paddingStart: $(getComputedStyle(u.value).paddingLeft),
+          paddingEnd: $(getComputedStyle(u.value).paddingRight)
+        }
+      }));
+    }
+    return z(u, x), z(t.content, x), (o, v) => (_(), S(c(W), {
+      ref: c(i),
+      style: { position: "absolute" },
+      "data-scrollbarimpl": "",
+      as: c(n).as.value,
+      "as-child": c(n).asChild.value,
+      onPointerdown: h,
+      onPointermove: g,
+      onPointerup: A
+    }, {
+      default: b(() => [w(o.$slots, "default")]),
+      _: 3
+    }, 8, ["as", "as-child"]));
+  }
+}), Z = Pe, Ee = /* @__PURE__ */ y({
+  __name: "ScrollAreaThumb",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  setup(a) {
+    const e = a, l = T(), r = q();
+    function t(h) {
+      const A = h.target.getBoundingClientRect(), L = h.clientX - A.left, x = h.clientY - A.top;
+      r.handleThumbDown(h, {
+        x: L,
+        y: x
+      });
+    }
+    function s(h) {
+      r.handleThumbUp(h);
+    }
+    const { forwardRef: n, currentElement: i } = E(), u = m(), d = R(() => l.viewport.value);
+    function p() {
+      if (!u.value) {
+        const h = ce(d.value, r.onThumbPositionChange);
+        u.value = h, r.onThumbPositionChange();
+      }
+    }
+    const C = R(() => r.sizes.value);
+    return oe(C, () => {
+      r.onThumbChange(i.value), d.value && (r.onThumbPositionChange(), d.value.addEventListener("scroll", p));
+    }), H(() => {
+      d.value.removeEventListener("scroll", p), l.viewport.value?.removeEventListener("scroll", p);
+    }), (h, g) => (_(), S(c(W), {
+      ref: c(n),
+      "data-state": c(r).hasThumb ? "visible" : "hidden",
+      style: {
+        width: "var(--reka-scroll-area-thumb-width)",
+        height: "var(--reka-scroll-area-thumb-height)"
+      },
+      "as-child": e.asChild,
+      as: h.as,
+      onPointerdown: t,
+      onPointerup: s
+    }, {
+      default: b(() => [w(h.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "data-state",
+      "as-child",
+      "as"
+    ]));
+  }
+}), Re = Ee;
+const qe = /* @__PURE__ */ y({
+  __name: "BuiScrollBar",
+  props: {
+    orientation: { default: "vertical" },
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  setup(a) {
+    const e = a, l = R(() => {
+      const { class: r, ...t } = e;
+      return t;
+    });
+    return (r, t) => (_(), S(c(Ce), P(l.value, {
+      class: c(ne)(
+        "z-2 flex touch-none select-none transition-colors",
+        r.orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-px",
+        r.orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-px",
+        e.class
+      )
+    }), {
+      default: b(() => [
+        k(c(Re), { class: "relative flex-1 rounded-full bg-border" })
+      ]),
+      _: 1
+    }, 16, ["class"]));
+  }
+});
+export {
+  Oe as S,
+  qe as _,
+  T as i
+};

package/dist/BuiSelect.vue_vue_type_script_setup_true_lang-BrkkZ3QS.js

@@ -0,0 +1,35 @@
+import { defineComponent as p, inject as s, toRef as d, createBlock as i, openBlock as m, unref as e, mergeProps as u, withCtx as c, renderSlot as f } from "vue";
+import { F as _ } from "./utils-BYyL6OyR.js";
+import { u as y } from "./useForwardPropsEmits-DriEAzTI.js";
+import { S as B } from "./SelectRoot-D3VPOQCr.js";
+const R = /* @__PURE__ */ p({
+  __name: "BuiSelect",
+  props: {
+    open: { type: Boolean },
+    defaultOpen: { type: Boolean },
+    defaultValue: {},
+    modelValue: {},
+    by: { type: [String, Function] },
+    dir: {},
+    multiple: { type: Boolean },
+    autocomplete: {},
+    disabled: { type: Boolean },
+    name: {},
+    required: { type: Boolean }
+  },
+  emits: ["update:modelValue", "update:open"],
+  setup(t, { emit: a }) {
+    const o = t, r = y(o, a), l = s(_, d(!1));
+    return (n, S) => (m(), i(e(B), u(e(r), {
+      disabled: e(l) || o.disabled
+    }), {
+      default: c(() => [
+        f(n.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["disabled"]));
+  }
+});
+export {
+  R as _
+};